/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-mask-linear: linear-gradient(#fff, #fff);
            --tw-mask-radial: linear-gradient(#fff, #fff);
            --tw-mask-conic: linear-gradient(#fff, #fff);
            --tw-mask-left: linear-gradient(#fff, #fff);
            --tw-mask-right: linear-gradient(#fff, #fff);
            --tw-mask-bottom: linear-gradient(#fff, #fff);
            --tw-mask-top: linear-gradient(#fff, #fff);
            --tw-mask-top-from-position: 0%;
            --tw-mask-top-to-position: 100%;
            --tw-mask-top-from-color: black;
            --tw-mask-top-to-color: transparent;
            --tw-mask-bottom-from-position: 0%;
            --tw-mask-bottom-to-position: 100%;
            --tw-mask-bottom-from-color: black;
            --tw-mask-bottom-to-color: transparent;
            --tw-mask-right-from-position: 0%;
            --tw-mask-right-to-position: 100%;
            --tw-mask-right-from-color: black;
            --tw-mask-right-to-color: transparent;
            --tw-mask-left-from-position: 0%;
            --tw-mask-left-to-position: 100%;
            --tw-mask-left-from-color: black;
            --tw-mask-left-to-color: transparent;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-content: "";
            --tw-mask-linear-position: 0deg;
            --tw-mask-linear-from-position: 0%;
            --tw-mask-linear-to-position: 100%;
            --tw-mask-linear-from-color: black;
            --tw-mask-linear-to-color: transparent
        }
    }
}

@layer theme {

    :host,
    :root {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-orange-50: #fef6ee;
        --color-orange-100: #fdead7;
        --color-orange-200: #f9dbaf;
        --color-orange-300: #f7b27a;
        --color-orange-400: #f38744;
        --color-orange-500: #ef6820;
        --color-orange-600: #e04f16;
        --color-orange-700: #b93815;
        --color-orange-800: #932f19;
        --color-orange-900: #772917;
        --color-orange-950: #511c10;
        --color-yellow-50: #fefbe8;
        --color-yellow-100: #fef7c3;
        --color-yellow-200: #feee95;
        --color-yellow-300: #fde272;
        --color-yellow-400: #fac515;
        --color-yellow-500: #eaaa08;
        --color-yellow-600: #ca8504;
        --color-yellow-700: #a15c07;
        --color-yellow-800: #854a0e;
        --color-yellow-900: #713b12;
        --color-yellow-950: #542c0d;
        --color-green-50: #edfcf2;
        --color-green-100: #d3f8df;
        --color-green-200: #aaf0c4;
        --color-green-300: #73e2a3;
        --color-green-400: #3ccb7f;
        --color-green-500: #16b364;
        --color-green-600: #099250;
        --color-green-700: #087443;
        --color-green-800: #095c37;
        --color-green-900: #084c2e;
        --color-green-950: #052e1c;
        --color-teal-50: #f0fdf9;
        --color-teal-100: #ccfbef;
        --color-teal-200: #99f6e0;
        --color-teal-300: #5fe9d0;
        --color-teal-400: #2ed3b7;
        --color-teal-500: #15b79e;
        --color-teal-600: #0e9384;
        --color-teal-700: #107569;
        --color-teal-800: #125d56;
        --color-teal-900: #134e48;
        --color-teal-950: #0a2926;
        --color-cyan-50: #ecfdff;
        --color-cyan-100: #cff9fe;
        --color-cyan-200: #a5f0fc;
        --color-cyan-300: #67e3f9;
        --color-cyan-400: #2ce;
        --color-cyan-500: #06aed4;
        --color-cyan-600: #088ab2;
        --color-cyan-700: #0e7090;
        --color-cyan-800: #155b75;
        --color-cyan-900: #164c63;
        --color-cyan-950: #0d2d3a;
        --color-blue-50: #eff8ff;
        --color-blue-100: #d1e9ff;
        --color-blue-200: #b2ddff;
        --color-blue-300: #84caff;
        --color-blue-400: #53b1fd;
        --color-blue-500: #2e90fa;
        --color-blue-600: #1570ef;
        --color-blue-700: #175cd3;
        --color-blue-800: #1849a9;
        --color-blue-900: #194185;
        --color-blue-950: #102a56;
        --color-indigo-50: #eef4ff;
        --color-indigo-100: #e0eaff;
        --color-indigo-200: #c7d7fe;
        --color-indigo-300: #a4bcfd;
        --color-indigo-400: #8098f9;
        --color-indigo-500: #6172f3;
        --color-indigo-600: #444ce7;
        --color-indigo-700: #3538cd;
        --color-indigo-800: #2d31a6;
        --color-indigo-900: #2d3282;
        --color-indigo-950: #1f235b;
        --color-violet-50: #f5f3ff;
        --color-violet-100: #ece9fe;
        --color-violet-200: #ddd6fe;
        --color-violet-300: #c3b5fd;
        --color-violet-400: #a48afb;
        --color-violet-500: #875bf7;
        --color-violet-600: #7839ee;
        --color-violet-700: #6927da;
        --color-violet-800: #5720b7;
        --color-violet-900: #491c96;
        --color-violet-950: #2e125e;
        --color-purple-50: #f4f3ff;
        --color-purple-100: #ebe9fe;
        --color-purple-200: #d9d6fe;
        --color-purple-300: #bdb4fe;
        --color-purple-400: #9b8afb;
        --color-purple-500: #7a5af8;
        --color-purple-600: #6938ef;
        --color-purple-700: #5925dc;
        --color-purple-800: #4a1fb8;
        --color-purple-900: #3e1c96;
        --color-purple-950: #27115f;
        --color-fuchsia-50: #fdf4ff;
        --color-fuchsia-100: #fbe8ff;
        --color-fuchsia-200: #f6d0fe;
        --color-fuchsia-300: #eeaafd;
        --color-fuchsia-400: #e478fa;
        --color-fuchsia-500: #d444f1;
        --color-fuchsia-600: #ba24d5;
        --color-fuchsia-700: #9f1ab1;
        --color-fuchsia-800: #821890;
        --color-fuchsia-900: #6f1877;
        --color-fuchsia-950: #47104c;
        --color-pink-50: #fdf2fa;
        --color-pink-100: #fce7f6;
        --color-pink-200: #fcceee;
        --color-pink-300: #faa7e0;
        --color-pink-400: #f670c7;
        --color-pink-500: #ee46bc;
        --color-pink-600: #dd2590;
        --color-pink-700: #c11574;
        --color-pink-800: #9e165f;
        --color-pink-900: #851651;
        --color-pink-950: #4e0d30;
        --color-rose-50: #fff1f3;
        --color-rose-100: #ffe4e8;
        --color-rose-200: #fecdd6;
        --color-rose-300: #fea3b4;
        --color-rose-400: #fd6f8e;
        --color-rose-500: #f63d68;
        --color-rose-600: #e31b54;
        --color-rose-700: #c01048;
        --color-rose-800: #a11043;
        --color-rose-900: #89123e;
        --color-rose-950: #510b24;
        --color-gray-50: #fafafa;
        --color-gray-100: #f5f5f5;
        --color-gray-200: #e9eaeb;
        --color-gray-300: #d5d7da;
        --color-gray-400: #a4a7ae;
        --color-gray-500: #717680;
        --color-gray-600: #535862;
        --color-gray-700: #414651;
        --color-gray-800: #252b37;
        --color-gray-900: #181d27;
        --color-gray-950: #0a0d12;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-xl: 80rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-7xl: 80rem;
        --text-xs: calc(var(--spacing)*3);
        --text-xs--line-height: calc(var(--spacing)*4.5);
        --text-sm: calc(var(--spacing)*3.5);
        --text-sm--line-height: calc(var(--spacing)*5);
        --text-lg: calc(var(--spacing)*4.5);
        --text-lg--line-height: calc(var(--spacing)*7);
        --text-xl: calc(var(--spacing)*5);
        --text-xl--line-height: calc(var(--spacing)*7.5);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --leading-snug: 1.375;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --shadow-xs: 0px 1px 2px #0a0d120d;
        --shadow-sm: 0px 1px 3px #0a0d121a, 0px 1px 2px -1px #0a0d121a;
        --shadow-md: 0px 4px 6px -1px #0a0d121a, 0px 2px 4px -2px #0a0d120f;
        --shadow-lg: 0px 12px 16px -4px #0a0d1214, 0px 4px 6px -2px #0a0d1208, 0px 2px 2px -1px #0a0d120a;
        --shadow-xl: 0px 20px 24px -4px #0a0d1214, 0px 8px 8px -4px #0a0d1208, 0px 3px 3px -1.5px #0a0d120a;
        --shadow-2xl: 0px 24px 48px -12px #0a0d122e, 0px 4px 4px -2px #0a0d120a;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-3xl: 64px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --text-md: calc(var(--spacing)*4);
        --text-md--line-height: calc(var(--spacing)*6);
        --text-display-xs: calc(var(--spacing)*6);
        --text-display-xs--line-height: calc(var(--spacing)*8);
        --text-display-sm: calc(var(--spacing)*7.5);
        --text-display-sm--line-height: calc(var(--spacing)*9.5);
        --text-display-md: calc(var(--spacing)*9);
        --text-display-md--line-height: calc(var(--spacing)*11);
        --text-display-md--letter-spacing: -.72px;
        --text-display-lg: calc(var(--spacing)*12);
        --text-display-lg--line-height: calc(var(--spacing)*15);
        --text-display-lg--letter-spacing: -.96px;
        --text-display-xl: calc(var(--spacing)*14);
        --text-display-xl--line-height: calc(var(--spacing)*18);
        --text-display-xl--letter-spacing: -1.2px;
        --text-display-2xl: calc(var(--spacing)*18);
        --text-display-2xl--line-height: calc(var(--spacing)*22.5);
        --text-display-2xl--letter-spacing: -1.44px;
        --max-width-container: 1280px;
        --breakpoint-xxs: 320px;
        --breakpoint-xs: 600px;
        --radius-none: 0px;
        --radius-DEFAULT: .25rem;
        --radius-full: 9999px;
        --shadow-3xl: 0px 32px 64px -12px #0a0d1224, 0px 5px 5px -2.5px #0a0d120a;
        --shadow-skeumorphic: 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset;
        --shadow-xs-skeumorphic: var(--shadow-skeumorphic), var(--shadow-xs);
        --shadow-modern-mockup-inner-lg: 0px 0px 3.765px 1.255px #0a0d1214 inset, 0px 0px 2.51px 1.255px #0a0d1208 inset;
        --shadow-modern-mockup-inner-md: 0px 0px 1.692px .564px #0a0d1214 inset, 0px 0px 1.128px .564px #0a0d1208 inset;
        --shadow-modern-mockup-inner-sm: 0px 0px 4.48px 1.493px #0a0d1214 inset, 0px 0px 2.987px 1.493px #0a0d1208 inset;
        --shadow-modern-mockup-outer-lg: 0px 7.529px 10.039px -2.51px #0a0d1214, 0px 2.51px 3.765px -1.255px #0a0d1208, 0px 1.255px 1.255px -.627px #0a0d120a;
        --shadow-modern-mockup-outer-md: 0px 3.385px 4.513px -1.128px #0a0d1214, 0px 1.128px 1.692px -.564px #0a0d1208, 0px .564px .564px -.282px #0a0d120a;
        --drop-shadow-iphone-mockup: 20px 12px 18px #10182833;
        --animate-marquee: marquee 60s linear infinite;
        --animate-caret-blink: caret-blink 1s infinite;
        --color-transparent: #0000;
        --color-alpha-white: #fff;
        --color-alpha-black: #000;
        /*
        --color-brand-25: #fcfaff;
        --color-brand-50: #f9f5ff;
        --color-brand-100: #f4ebff;
        --color-brand-200: #e9d7fe;
        --color-brand-300: #d6bbfb;
        --color-brand-400: #b692f6;
        --color-brand-500: #9e77ed;
        --color-brand-600: #7f56d9;
        --color-brand-700: #6941c6;
        --color-brand-800: #53389e;
        --color-brand-900: #42307d;
        --color-brand-950: #2c1c5f;
        */
/* Primary Brand Color Scale - Orange (#FF6813) */
--color-brand-25:  #fffaf7; /* near-white warm tint */
--color-brand-50:  #fff4ed; /* pale orange */
--color-brand-100: #ffe6d3; /* soft warm tint */
--color-brand-200: #ffcaa6; /* light orange */
--color-brand-300: #ffa66e; /* soft orange */
--color-brand-400: #ff8540; /* medium orange */
--color-brand-500: #ff6813; /* PRIMARY BRAND COLOR */
--color-brand-600: #e55a0f; /* deeper, hover-friendly */
--color-brand-700: #c04a0c; /* bold active */
--color-brand-800: #9a3c0d; /* dark orange */
--color-brand-900: #7c320e; /* rich burnt orange */
--color-brand-950: #431807; /* deep, grounded */

/* Secondary Color Scale - Dark Gray (#2F2F2F) */
--color-secondary-25: #fcfcfc; /* near-white */
--color-secondary-50: #f9f9f9; /* very light gray */
--color-secondary-100: #efefef; /* light gray */
--color-secondary-200: #dcdcdc; /* medium-light gray */
--color-secondary-300: #bdbdbd; /* medium gray */
--color-secondary-400: #989898; /* darker gray */
--color-secondary-500: #2f2f2f; /* SECONDARY DARK COLOR */
--color-secondary-600: #2a2a2a; /* darker */
--color-secondary-700: #242424; /* very dark */
--color-secondary-800: #1f1f1f; /* near-black */
--color-secondary-900: #1a1a1a; /* darker near-black */
--color-secondary-950: #0f0f0f; /* deepest dark */

/* Accent Color Scale - Warm Cream (#F6E9D7) */
--color-accent-25: #fefefe; /* pure white */
--color-accent-50: #fdfcfa; /* off-white */
--color-accent-100: #f9f6f0; /* very light cream */
--color-accent-200: #f3ede1; /* light cream */
--color-accent-300: #ebe0d0; /* soft cream */
--color-accent-400: #e1d2bd; /* medium cream */
--color-accent-500: #f6e9d7; /* SECONDARY LIGHT COLOR */
--color-accent-600: #ddd0be; /* deeper cream */
--color-accent-700: #c4b7a5; /* warm beige */
--color-accent-800: #a89d8c; /* darker beige */
--color-accent-900: #8d8373; /* brown-beige */
--color-accent-950: #4a453e; /* deep brown */

        --color-error-25: #fffbfa;
        --color-error-50: #fef3f2;
        --color-error-100: #fee4e2;
        --color-error-200: #fecdca;
        --color-error-300: #fda29b;
        --color-error-400: #f97066;
        --color-error-500: #f04438;
        --color-error-600: #d92d20;
        --color-error-700: #b42318;
        --color-error-800: #912018;
        --color-error-900: #7a271a;
        --color-error-950: #55160c;
        --color-warning-25: #fffcf5;
        --color-warning-50: #fffaeb;
        --color-warning-100: #fef0c7;
        --color-warning-200: #fedf89;
        --color-warning-300: #fec84b;
        --color-warning-400: #fdb022;
        --color-warning-500: #f79009;
        --color-warning-600: #dc6803;
        --color-warning-700: #b54708;
        --color-warning-800: #93370d;
        --color-warning-900: #7a2e0e;
        --color-warning-950: #4e1d09;
        --color-success-25: #f6fef9;
        --color-success-50: #ecfdf3;
        --color-success-100: #dcfae6;
        --color-success-200: #abefc6;
        --color-success-300: #75e0a7;
        --color-success-400: #47cd89;
        --color-success-500: #17b26a;
        --color-success-600: #079455;
        --color-success-700: #067647;
        --color-success-800: #085d3a;
        --color-success-900: #074d31;
        --color-success-950: #053321;
        --color-gray-25: #fdfdfd;
        --color-gray-blue-25: #fcfcfd;
        --color-gray-blue-50: #f8f9fc;
        --color-gray-blue-100: #eaecf5;
        --color-gray-blue-200: #d5d9eb;
        --color-gray-blue-300: #b3b8db;
        --color-gray-blue-400: #717bbc;
        --color-gray-blue-500: #4e5ba6;
        --color-gray-blue-600: #3e4784;
        --color-gray-blue-700: #363f72;
        --color-gray-blue-800: #293056;
        --color-gray-blue-900: #101323;
        --color-gray-blue-950: #0d0f1c;
        --color-gray-cool-25: #fcfcfd;
        --color-gray-cool-50: #f9f9fb;
        --color-gray-cool-100: #eff1f5;
        --color-gray-cool-200: #dcdfea;
        --color-gray-cool-300: #b9c0d4;
        --color-gray-cool-400: #7d89b0;
        --color-gray-cool-500: #5d6b98;
        --color-gray-cool-600: #4a5578;
        --color-gray-cool-700: #404968;
        --color-gray-cool-800: #30374f;
        --color-gray-cool-900: #111322;
        --color-gray-cool-950: #0e101b;
        --color-gray-modern-25: #fcfcfd;
        --color-gray-modern-50: #f8fafc;
        --color-gray-modern-100: #eef2f6;
        --color-gray-modern-200: #e3e8ef;
        --color-gray-modern-300: #cdd5df;
        --color-gray-modern-400: #9aa4b2;
        --color-gray-modern-500: #697586;
        --color-gray-modern-600: #4b5565;
        --color-gray-modern-700: #364152;
        --color-gray-modern-800: #202939;
        --color-gray-modern-900: #121926;
        --color-gray-modern-950: #0d121c;
        --color-gray-neutral-25: #fcfcfd;
        --color-gray-neutral-50: #f9fafb;
        --color-gray-neutral-100: #f3f4f6;
        --color-gray-neutral-200: #e5e7eb;
        --color-gray-neutral-300: #d2d6db;
        --color-gray-neutral-400: #9da4ae;
        --color-gray-neutral-500: #6c737f;
        --color-gray-neutral-600: #4d5761;
        --color-gray-neutral-700: #384250;
        --color-gray-neutral-800: #1f2a37;
        --color-gray-neutral-900: #111927;
        --color-gray-neutral-950: #0d121c;
        --color-gray-iron-25: #fcfcfc;
        --color-gray-iron-50: #fafafa;
        --color-gray-iron-100: #f4f4f5;
        --color-gray-iron-200: #e4e4e7;
        --color-gray-iron-300: #d1d1d6;
        --color-gray-iron-400: #a0a0ab;
        --color-gray-iron-500: #70707b;
        --color-gray-iron-600: #51525c;
        --color-gray-iron-700: #3f3f46;
        --color-gray-iron-800: #26272b;
        --color-gray-iron-900: #1a1a1e;
        --color-gray-iron-950: #131316;
        --color-gray-true-25: #fcfcfc;
        --color-gray-true-50: #f7f7f7;
        --color-gray-true-100: #f5f5f5;
        --color-gray-true-200: #e5e5e5;
        --color-gray-true-300: #d6d6d6;
        --color-gray-true-400: #a3a3a3;
        --color-gray-true-500: #737373;
        --color-gray-true-600: #525252;
        --color-gray-true-700: #424242;
        --color-gray-true-800: #292929;
        --color-gray-true-900: #141414;
        --color-gray-true-950: #0f0f0f;
        --color-gray-warm-25: #fdfdfc;
        --color-gray-warm-50: #fafaf9;
        --color-gray-warm-100: #f5f5f4;
        --color-gray-warm-200: #e7e5e4;
        --color-gray-warm-300: #d7d3d0;
        --color-gray-warm-400: #a9a29d;
        --color-gray-warm-500: #79716b;
        --color-gray-warm-600: #57534e;
        --color-gray-warm-700: #44403c;
        --color-gray-warm-800: #292524;
        --color-gray-warm-900: #1c1917;
        --color-gray-warm-950: #171412;
        --color-moss-25: #fafdf7;
        --color-moss-50: #f5fbee;
        --color-moss-100: #e6f4d7;
        --color-moss-200: #ceeab0;
        --color-moss-300: #acdc79;
        --color-moss-400: #86cb3c;
        --color-moss-500: #669f2a;
        --color-moss-600: #4f7a21;
        --color-moss-700: #3f621a;
        --color-moss-800: #335015;
        --color-moss-900: #2b4212;
        --color-moss-950: #1a280b;
        --color-green-light-25: #fafef5;
        --color-green-light-50: #f3fee7;
        --color-green-light-100: #e3fbcc;
        --color-green-light-200: #d0f8ab;
        --color-green-light-300: #a6ef67;
        --color-green-light-400: #85e13a;
        --color-green-light-500: #66c61c;
        --color-green-light-600: #4ca30d;
        --color-green-light-700: #3b7c0f;
        --color-green-light-800: #326212;
        --color-green-light-900: #2b5314;
        --color-green-light-950: #15290a;
        --color-green-25: #f6fef9;
        --color-teal-25: #f6fefc;
        --color-cyan-25: #f5feff;
        --color-blue-light-25: #f5fbff;
        --color-blue-light-50: #f0f9ff;
        --color-blue-light-100: #e0f2fe;
        --color-blue-light-200: #b9e6fe;
        --color-blue-light-300: #7cd4fd;
        --color-blue-light-400: #36bffa;
        --color-blue-light-500: #0ba5ec;
        --color-blue-light-600: #0086c9;
        --color-blue-light-700: #026aa2;
        --color-blue-light-800: #065986;
        --color-blue-light-900: #0b4a6f;
        --color-blue-light-950: #062c41;
        --color-blue-25: #f5faff;
        --color-blue-dark-25: #f5f8ff;
        --color-blue-dark-50: #eff4ff;
        --color-blue-dark-100: #d1e0ff;
        --color-blue-dark-200: #b2ccff;
        --color-blue-dark-300: #84adff;
        --color-blue-dark-400: #528bff;
        --color-blue-dark-500: #2970ff;
        --color-blue-dark-600: #155eef;
        --color-blue-dark-700: #004eeb;
        --color-blue-dark-800: #0040c1;
        --color-blue-dark-900: #00359e;
        --color-blue-dark-950: #026;
        --color-indigo-25: #f5f8ff;
        --color-violet-25: #fbfaff;
        --color-purple-25: #fafaff;
        --color-fuchsia-25: #fefaff;
        --color-pink-25: #fef6fb;
        --color-rose-25: #fff5f6;
        --color-orange-dark-25: #fff9f5;
        --color-orange-dark-50: #fff4ed;
        --color-orange-dark-100: #ffe6d5;
        --color-orange-dark-200: #ffd6ae;
        --color-orange-dark-300: #ff9c66;
        --color-orange-dark-400: #ff692e;
        --color-orange-dark-500: #ff4405;
        --color-orange-dark-600: #e62e05;
        --color-orange-dark-700: #bc1b06;
        --color-orange-dark-800: #97180c;
        --color-orange-dark-900: #771a0d;
        --color-orange-dark-950: #57130a;
        --color-orange-25: #fefaf5;
        --color-yellow-25: #fefdf0;
        --color-utility-blue-50: var(--color-blue-50);
        --color-utility-blue-100: var(--color-blue-100);
        --color-utility-blue-200: var(--color-blue-200);
        --color-utility-blue-300: var(--color-blue-300);
        --color-utility-blue-400: var(--color-blue-400);
        --color-utility-blue-500: var(--color-blue-500);
        --color-utility-blue-600: var(--color-blue-600);
        --color-utility-blue-700: var(--color-blue-700);
        --color-utility-brand-50: var(--color-brand-50);
        --color-utility-brand-50_alt: var(--color-brand-50);
        --color-utility-brand-100: var(--color-brand-100);
        --color-utility-brand-100_alt: var(--color-brand-100);
        --color-utility-brand-200: var(--color-brand-200);
        --color-utility-brand-200_alt: var(--color-brand-200);
        --color-utility-brand-300: var(--color-brand-300);
        --color-utility-brand-300_alt: var(--color-brand-300);
        --color-utility-brand-400: var(--color-brand-400);
        --color-utility-brand-400_alt: var(--color-brand-400);
        --color-utility-brand-500: var(--color-brand-500);
        --color-utility-brand-500_alt: var(--color-brand-500);
        --color-utility-brand-600: var(--color-brand-600);
        --color-utility-brand-600_alt: var(--color-brand-600);
        --color-utility-brand-700: var(--color-brand-700);
        --color-utility-brand-700_alt: var(--color-brand-700);
        --color-utility-brand-800: var(--color-brand-800);
        --color-utility-brand-800_alt: var(--color-brand-800);
        --color-utility-brand-900: var(--color-brand-900);
        --color-utility-brand-900_alt: var(--color-brand-900);
        --color-utility-gray-50: var(--color-gray-50);
        --color-utility-gray-100: var(--color-gray-100);
        --color-utility-gray-200: var(--color-gray-200);
        --color-utility-gray-300: var(--color-gray-300);
        --color-utility-gray-400: var(--color-gray-400);
        --color-utility-gray-500: var(--color-gray-500);
        --color-utility-gray-600: var(--color-gray-600);
        --color-utility-gray-700: var(--color-gray-700);
        --color-utility-gray-800: var(--color-gray-800);
        --color-utility-gray-900: var(--color-gray-900);
        --color-utility-error-50: var(--color-error-50);
        --color-utility-error-100: var(--color-error-100);
        --color-utility-error-200: var(--color-error-200);
        --color-utility-error-300: var(--color-error-300);
        --color-utility-error-400: var(--color-error-400);
        --color-utility-error-500: var(--color-error-500);
        --color-utility-error-600: var(--color-error-600);
        --color-utility-error-700: var(--color-error-700);
        --color-utility-warning-50: var(--color-warning-50);
        --color-utility-warning-100: var(--color-warning-100);
        --color-utility-warning-200: var(--color-warning-200);
        --color-utility-warning-300: var(--color-warning-300);
        --color-utility-warning-400: var(--color-warning-400);
        --color-utility-warning-500: var(--color-warning-500);
        --color-utility-warning-600: var(--color-warning-600);
        --color-utility-warning-700: var(--color-warning-700);
        --color-utility-success-50: var(--color-success-50);
        --color-utility-success-100: var(--color-success-100);
        --color-utility-success-200: var(--color-success-200);
        --color-utility-success-300: var(--color-success-300);
        --color-utility-success-400: var(--color-success-400);
        --color-utility-success-500: var(--color-success-500);
        --color-utility-success-600: var(--color-success-600);
        --color-utility-success-700: var(--color-success-700);
        --color-utility-orange-50: var(--color-orange-50);
        --color-utility-orange-100: var(--color-orange-100);
        --color-utility-orange-200: var(--color-orange-200);
        --color-utility-orange-300: var(--color-orange-300);
        --color-utility-orange-400: var(--color-orange-400);
        --color-utility-orange-500: var(--color-orange-500);
        --color-utility-orange-600: var(--color-orange-600);
        --color-utility-orange-700: var(--color-orange-700);
        --color-utility-blue-dark-50: var(--color-blue-dark-50);
        --color-utility-blue-dark-100: var(--color-blue-dark-100);
        --color-utility-blue-dark-200: var(--color-blue-dark-200);
        --color-utility-blue-dark-300: var(--color-blue-dark-300);
        --color-utility-blue-dark-400: var(--color-blue-dark-400);
        --color-utility-blue-dark-500: var(--color-blue-dark-500);
        --color-utility-blue-dark-600: var(--color-blue-dark-600);
        --color-utility-blue-dark-700: var(--color-blue-dark-700);
        --color-utility-indigo-50: var(--color-indigo-50);
        --color-utility-indigo-100: var(--color-indigo-100);
        --color-utility-indigo-200: var(--color-indigo-200);
        --color-utility-indigo-300: var(--color-indigo-300);
        --color-utility-indigo-400: var(--color-indigo-400);
        --color-utility-indigo-500: var(--color-indigo-500);
        --color-utility-indigo-600: var(--color-indigo-600);
        --color-utility-indigo-700: var(--color-indigo-700);
        --color-utility-fuchsia-50: var(--color-fuchsia-50);
        --color-utility-fuchsia-100: var(--color-fuchsia-100);
        --color-utility-fuchsia-200: var(--color-fuchsia-200);
        --color-utility-fuchsia-300: var(--color-fuchsia-300);
        --color-utility-fuchsia-400: var(--color-fuchsia-400);
        --color-utility-fuchsia-500: var(--color-fuchsia-500);
        --color-utility-fuchsia-600: var(--color-fuchsia-600);
        --color-utility-fuchsia-700: var(--color-fuchsia-700);
        --color-utility-pink-50: var(--color-pink-50);
        --color-utility-pink-100: var(--color-pink-100);
        --color-utility-pink-200: var(--color-pink-200);
        --color-utility-pink-300: var(--color-pink-300);
        --color-utility-pink-400: var(--color-pink-400);
        --color-utility-pink-500: var(--color-pink-500);
        --color-utility-pink-600: var(--color-pink-600);
        --color-utility-pink-700: var(--color-pink-700);
        --color-utility-purple-50: var(--color-purple-50);
        --color-utility-purple-100: var(--color-purple-100);
        --color-utility-purple-200: var(--color-purple-200);
        --color-utility-purple-300: var(--color-purple-300);
        --color-utility-purple-400: var(--color-purple-400);
        --color-utility-purple-500: var(--color-purple-500);
        --color-utility-purple-600: var(--color-purple-600);
        --color-utility-purple-700: var(--color-purple-700);
        --color-utility-orange-dark-50: var(--color-orange-dark-50);
        --color-utility-orange-dark-100: var(--color-orange-dark-100);
        --color-utility-orange-dark-200: var(--color-orange-dark-200);
        --color-utility-orange-dark-300: var(--color-orange-dark-300);
        --color-utility-orange-dark-400: var(--color-orange-dark-400);
        --color-utility-orange-dark-500: var(--color-orange-dark-500);
        --color-utility-orange-dark-600: var(--color-orange-dark-600);
        --color-utility-orange-dark-700: var(--color-orange-dark-700);
        --color-utility-blue-light-50: var(--color-blue-light-50);
        --color-utility-blue-light-100: var(--color-blue-light-100);
        --color-utility-blue-light-200: var(--color-blue-light-200);
        --color-utility-blue-light-300: var(--color-blue-light-300);
        --color-utility-blue-light-400: var(--color-blue-light-400);
        --color-utility-blue-light-500: var(--color-blue-light-500);
        --color-utility-blue-light-600: var(--color-blue-light-600);
        --color-utility-blue-light-700: var(--color-blue-light-700);
        --color-utility-gray-blue-50: var(--color-gray-blue-50);
        --color-utility-gray-blue-100: var(--color-gray-blue-100);
        --color-utility-gray-blue-200: var(--color-gray-blue-200);
        --color-utility-gray-blue-300: var(--color-gray-blue-300);
        --color-utility-gray-blue-400: var(--color-gray-blue-400);
        --color-utility-gray-blue-500: var(--color-gray-blue-500);
        --color-utility-gray-blue-600: var(--color-gray-blue-600);
        --color-utility-gray-blue-700: var(--color-gray-blue-700);
        --color-utility-green-50: var(--color-green-50);
        --color-utility-green-100: var(--color-green-100);
        --color-utility-green-200: var(--color-green-200);
        --color-utility-green-300: var(--color-green-300);
        --color-utility-green-400: var(--color-green-400);
        --color-utility-green-500: var(--color-green-500);
        --color-utility-green-600: var(--color-green-600);
        --color-utility-green-700: var(--color-green-700);
        --color-utility-yellow-50: var(--color-yellow-50);
        --color-utility-yellow-100: var(--color-yellow-100);
        --color-utility-yellow-200: var(--color-yellow-200);
        --color-utility-yellow-300: var(--color-yellow-300);
        --color-utility-yellow-400: var(--color-yellow-400);
        --color-utility-yellow-500: var(--color-yellow-500);
        --color-utility-yellow-600: var(--color-yellow-600);
        --color-utility-yellow-700: var(--color-yellow-700);
        --color-text-primary: var(--color-gray-900);
        --color-text-tertiary: var(--color-gray-600);
        --color-text-error-primary: var(--color-error-600);
        --color-text-warning-primary: var(--color-warning-600);
        --color-text-success-primary: var(--color-success-600);
        --color-text-white: var(--color-white);
        --color-text-secondary: var(--color-gray-700);
        --color-text-disabled: var(--color-gray-500);
        --color-text-secondary_hover: var(--color-gray-800);
        --color-text-tertiary_hover: var(--color-gray-700);
        --color-text-brand-secondary: var(--color-brand-700);
        --color-text-placeholder: var(--color-gray-500);
        --color-text-placeholder_subtle: var(--color-gray-300);
        --color-text-brand-tertiary: var(--color-brand-600);
        --color-text-editor-icon-fg: var(--color-gray-400);
        --color-text-editor-icon-fg_active: var(--color-gray-500);
        --color-text-quaternary: var(--color-gray-500);
        --color-text-brand-primary: var(--color-brand-900);
        --color-text-primary_on-brand: var(--color-white);
        --color-text-secondary_on-brand: var(--color-brand-200);
        --color-text-tertiary_on-brand: var(--color-brand-400);
        --color-text-quaternary_on-brand: var(--color-brand-300);
        --color-text-brand-tertiary_alt: var(--color-brand-600);
        --color-text-brand-secondary_hover: var(--color-brand-800);
        --color-text-error-primary_hover: var(--color-error-700);
        --color-border-secondary: var(--color-white);
        --color-border-error_subtle: var(--color-error-300);
        --color-border-primary: var(--color-gray-300);
        --color-border-brand: var(--color-brand-500);
        --color-border-disabled: var(--color-gray-300);
        --color-border-error: var(--color-error-500);
        --color-border-disabled_subtle: var(--color-gray-200);
        --color-border-tertiary: var(--color-gray-100);
        --color-border-brand_alt: var(--color-brand-600);
        --color-border-secondary_alt: #00000014;
        --color-fg-secondary: var(--color-gray-700);
        --color-fg-warning-primary: var(--color-warning-600);
        --color-fg-success-primary: var(--color-success-600);
        --color-fg-white: var(--color-white);
        --color-fg-success-secondary: var(--color-success-500);
        --color-fg-secondary_hover: var(--color-gray-800);
        --color-fg-primary: var(--color-gray-900);
        --color-fg-disabled: var(--color-gray-400);
        --color-fg-brand-secondary: var(--color-brand-500);
        --color-fg-brand-primary: var(--color-brand-600);
        --color-fg-quaternary: var(--color-gray-400);
        --color-fg-quaternary_hover: var(--color-gray-500);
        --color-fg-error-primary: var(--color-error-600);
        --color-fg-disabled_subtle: var(--color-gray-300);
        --color-fg-warning-secondary: var(--color-warning-500);
        --color-fg-error-secondary: var(--color-error-500);
        --color-fg-tertiary: var(--color-gray-600);
        --color-fg-tertiary_hover: var(--color-gray-700);
        --color-fg-brand-primary_alt: var(--color-fg-brand-primary);
        --color-fg-brand-secondary_alt: var(--color-fg-brand-secondary);
        --color-fg-brand-secondary_hover: var(--color-brand-600);
        --color-bg-primary: var(--color-brand-500);
        --color-bg-primary_alt: var(--color-white);
        --color-bg-tertiary: var(--color-gray-100);
        --color-bg-brand-primary: var(--color-brand-50);
        --color-bg-error-secondary: var(--color-error-100);
        --color-bg-warning-primary: var(--color-warning-50);
        --color-bg-warning-secondary: var(--color-warning-100);
        --color-bg-success-primary: var(--color-success-50);
        --color-bg-success-secondary: var(--color-success-100);
        --color-bg-brand-solid: var(--color-brand-600);
        --color-bg-secondary-solid: var(--color-gray-600);
        --color-bg-error-solid: var(--color-error-600);
        --color-bg-warning-solid: var(--color-warning-600);
        --color-bg-success-solid: var(--color-success-600);
        --color-bg-secondary_hover: var(--color-gray-100);
        --color-bg-primary_hover: var(--color-gray-50);
        --color-bg-disabled: var(--color-gray-100);
        --color-bg-active: var(--color-gray-50);
        --color-bg-brand-solid_hover: var(--color-brand-700);
        --color-bg-error-primary: var(--color-error-50);
        --color-bg-brand-secondary: var(--color-brand-100);
        --color-bg-secondary: var(--color-gray-50);
        --color-bg-disabled_subtle: var(--color-gray-50);
        --color-bg-quaternary: var(--color-gray-200);
        --color-bg-primary_alt: var(--color-white);
        --color-bg-brand-primary_alt: var(--color-brand-50);
        --color-bg-secondary_alt: var(--color-gray-50);
        --color-bg-overlay: var(--color-gray-950);
        --color-bg-secondary_subtle: var(--color-gray-25);
        --color-bg-brand-section: var(--color-brand-800);
        --color-bg-brand-section_subtle: var(--color-brand-700);
        --color-bg-primary-solid: var(--color-gray-950);
        --color-app-store-badge-border: #a6a6a6;
        --color-avatar-bg: var(--color-gray-100);
        --color-avatar-contrast-border: #00000014;
        --color-avatar-profile-photo-border: var(--color-white);
        --color-avatar-styles-bg-neutral: #e0e0e0;
        --color-button-destructive-primary-icon: var(--color-error-300);
        --color-button-destructive-primary-icon_hover: var(--color-error-200);
        --color-button-primary-icon: var(--color-brand-300);
        --color-button-primary-icon_hover: var(--color-brand-200);
        --color-featured-icon-light-fg-brand: var(--color-brand-600);
        --color-featured-icon-light-fg-error: var(--color-error-600);
        --color-featured-icon-light-fg-gray: var(--color-gray-500);
        --color-featured-icon-light-fg-success: var(--color-success-600);
        --color-featured-icon-light-fg-warning: var(--color-warning-600);
        --color-focus-ring-error: var(--color-error-500);
        --color-focus-ring: var(--color-brand-500);
        --color-footer-button-fg: var(--color-brand-200);
        --color-footer-button-fg_hover: var(--color-white);
        --color-icon-fg-brand: var(--color-brand-600);
        --color-icon-fg-brand_on-brand: var(--color-brand-200);
        --color-screen-mockup-border: var(--color-gray-900);
        --color-slider-handle-bg: var(--color-white);
        --color-slider-handle-border: var(--color-brand-600);
        --color-toggle-border: var(--color-gray-300);
        --color-toggle-button-fg_disabled: var(--color-gray-50);
        --color-toggle-slim-border_pressed-hover: var(--color-bg-brand-solid_hover);
        --color-toggle-slim-border_pressed: var(--color-bg-brand-solid);
        --color-tooltip-supporting-text: var(--color-gray-300);
        --background-color-quaternary: var(--color-bg-quaternary);
        --background-color-brand-solid: var(--color-bg-brand-solid);
        --background-color-disabled: var(--color-bg-disabled);
        --background-color-primary: var(--color-bg-primary);
        --background-color-primary-solid: var(--color-bg-primary-solid);
        --background-color-primary_alt: var(--color-bg-primary_alt);
        --background-color-primary_hover: var(--color-bg-primary_hover);
        --background-color-secondary: var(--color-bg-secondary);
        --background-color-secondary-solid: var(--color-bg-secondary-solid);
        --background-color-secondary_alt: var(--color-bg-secondary_alt);
        --background-color-secondary_hover: var(--color-bg-secondary_hover);
        --background-color-secondary_subtle: var(--color-bg-secondary_subtle);
        --background-color-tertiary: var(--color-bg-tertiary);
        --background-color-active: var(--color-bg-active);
        --background-color-disabled_subtle: var(--color-bg-disabled_subtle);
        --background-color-overlay: var(--color-bg-overlay);
        --background-color-brand-primary: var(--color-bg-brand-primary);
        --background-color-brand-primary_alt: var(--color-bg-brand-primary_alt);
        --background-color-brand-secondary: var(--color-bg-brand-secondary);
        --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --background-color-brand-section: var(--color-bg-brand-section);
        --background-color-brand-section_subtle: var(--color-bg-brand-section_subtle);
        --background-color-error-primary: var(--color-bg-error-primary);
        --background-color-error-secondary: var(--color-bg-error-secondary);
        --background-color-error-solid: var(--color-bg-error-solid);
        --background-color-warning-primary: var(--color-bg-warning-primary);
        --background-color-warning-secondary: var(--color-bg-warning-secondary);
        --background-color-warning-solid: var(--color-bg-warning-solid);
        --background-color-success-primary: var(--color-bg-success-primary);
        --background-color-success-secondary: var(--color-bg-success-secondary);
        --background-color-success-solid: var(--color-bg-success-solid);
        --background-color-border-brand: var(--color-border-brand);
        --background-color-border-tertiary: var(--color-border-tertiary);
        --background-color-border-brand_alt: var(--color-border-brand_alt);
        --text-color-primary: var(--color-text-primary);
        --text-color-primary_on-brand: var(--color-text-primary_on-brand);
        --text-color-secondary: var(--color-text-secondary);
        --text-color-secondary_hover: var(--color-text-secondary_hover);
        --text-color-secondary_on-brand: var(--color-text-secondary_on-brand);
        --text-color-tertiary: var(--color-text-tertiary);
        --text-color-tertiary_hover: var(--color-text-tertiary_hover);
        --text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand);
        --text-color-quaternary: var(--color-text-quaternary);
        --text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand);
        --text-color-disabled: var(--color-text-disabled);
        --text-color-placeholder: var(--color-text-placeholder);
        --text-color-placeholder_subtle: var(--color-text-placeholder_subtle);
        --text-color-brand-primary: var(--color-text-brand-primary);
        --text-color-brand-secondary: var(--color-text-brand-secondary);
        --text-color-brand-secondary_hover: var(--color-text-brand-secondary_hover);
        --text-color-brand-tertiary: var(--color-text-brand-tertiary);
        --text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt);
        --text-color-error-primary: var(--color-text-error-primary);
        --text-color-error-primary_hover: var(--color-text-error-primary_hover);
        --text-color-warning-primary: var(--color-text-warning-primary);
        --text-color-success-primary: var(--color-text-success-primary);
        --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);
        --border-color-primary: var(--color-border-primary);
        --border-color-secondary: var(--color-border-secondary);
        --border-color-secondary_alt: var(--color-border-secondary_alt);
        --border-color-tertiary: var(--color-border-tertiary);
        --border-color-disabled: var(--color-border-disabled);
        --border-color-brand: var(--color-border-brand);
        --border-color-brand-solid: var(--color-bg-brand-solid);
        --border-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --border-color-error: var(--color-border-error);
        --border-color-disabled_subtle: var(--color-border-disabled_subtle);
        --border-color-brand_alt: var(--color-border-brand_alt);
        --border-color-error_subtle: var(--color-border-error_subtle);
        --ring-color-bg-brand-solid: var(--color-bg-brand-solid);
        --ring-color-primary: var(--color-border-primary);
        --ring-color-secondary: var(--color-border-secondary);
        --ring-color-secondary_alt: var(--color-border-secondary_alt);
        --ring-color-tertiary: var(--color-border-tertiary);
        --ring-color-disabled: var(--color-border-disabled);
        --ring-color-brand: var(--color-border-brand);
        --ring-color-brand-solid: var(--color-bg-brand-solid);
        --ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --ring-color-error: var(--color-border-error);
        --ring-color-disabled_subtle: var(--color-border-disabled_subtle);
        --ring-color-brand_alt: var(--color-border-brand_alt);
        --ring-color-error_subtle: var(--color-border-error_subtle);
        --outline-color-brand: var(--color-border-brand);
        --outline-color-primary: var(--color-border-primary);
        --outline-color-secondary: var(--color-border-secondary);
        --outline-color-secondary_alt: var(--color-border-secondary_alt);
        --outline-color-tertiary: var(--color-border-tertiary);
        --outline-color-disabled: var(--color-border-disabled);
        --outline-color-brand-solid: var(--color-bg-brand-solid);
        --outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --outline-color-error: var(--color-border-error);
        --outline-color-disabled_subtle: var(--color-border-disabled_subtle);
        --outline-color-brand_alt: var(--color-border-brand_alt);
        --outline-color-error_subtle: var(--color-border-error_subtle)
    }
}

@layer base {

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

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

    .dark-mode {
        --color-alpha-white: #0c0e12;
        --color-alpha-black: #fff;
        --color-gray-25: #fafafa;
        --color-gray-50: #f7f7f7;
        --color-gray-100: #f0f0f1;
        --color-gray-200: #ececed;
        --color-gray-300: #cecfd2;
        --color-gray-400: #94979c;
        --color-gray-500: #85888e;
        --color-gray-600: #61656c;
        --color-gray-700: #373a41;
        --color-gray-800: #22262f;
        --color-gray-900: #13161b;
        --color-gray-950: #0c0e12;
        --color-utility-blue-50: var(--color-blue-950);
        --color-utility-blue-100: var(--color-blue-900);
        --color-utility-blue-200: var(--color-blue-800);
        --color-utility-blue-300: var(--color-blue-700);
        --color-utility-blue-400: var(--color-blue-600);
        --color-utility-blue-500: var(--color-blue-500);
        --color-utility-blue-600: var(--color-blue-400);
        --color-utility-blue-700: var(--color-blue-300);
        --color-utility-brand-50: var(--color-brand-950);
        --color-utility-brand-50_alt: var(--color-utility-gray-50);
        --color-utility-brand-100: var(--color-brand-900);
        --color-utility-brand-100_alt: var(--color-utility-gray-100);
        --color-utility-brand-200: var(--color-brand-800);
        --color-utility-brand-200_alt: var(--color-utility-gray-200);
        --color-utility-brand-300: var(--color-brand-700);
        --color-utility-brand-300_alt: var(--color-utility-gray-300);
        --color-utility-brand-400: var(--color-brand-600);
        --color-utility-brand-400_alt: var(--color-utility-gray-400);
        --color-utility-brand-500: var(--color-brand-500);
        --color-utility-brand-500_alt: var(--color-utility-gray-500);
        --color-utility-brand-600: var(--color-brand-400);
        --color-utility-brand-600_alt: var(--color-utility-gray-600);
        --color-utility-brand-700: var(--color-brand-300);
        --color-utility-brand-700_alt: var(--color-utility-gray-700);
        --color-utility-brand-800: var(--color-brand-200);
        --color-utility-brand-800_alt: var(--color-utility-gray-800);
        --color-utility-brand-900: var(--color-brand-100);
        --color-utility-brand-900_alt: var(--color-utility-gray-900);
        --color-utility-gray-50: var(--color-gray-900);
        --color-utility-gray-100: var(--color-gray-800);
        --color-utility-gray-200: var(--color-gray-700);
        --color-utility-gray-300: var(--color-gray-700);
        --color-utility-gray-400: var(--color-gray-600);
        --color-utility-gray-500: var(--color-gray-500);
        --color-utility-gray-600: var(--color-gray-400);
        --color-utility-gray-700: var(--color-gray-300);
        --color-utility-gray-800: var(--color-gray-200);
        --color-utility-gray-900: var(--color-gray-100);
        --color-utility-error-50: var(--color-error-950);
        --color-utility-error-100: var(--color-error-900);
        --color-utility-error-200: var(--color-error-800);
        --color-utility-error-300: var(--color-error-700);
        --color-utility-error-400: var(--color-error-600);
        --color-utility-error-500: var(--color-error-500);
        --color-utility-error-600: var(--color-error-400);
        --color-utility-error-700: var(--color-error-300);
        --color-utility-warning-50: var(--color-warning-950);
        --color-utility-warning-100: var(--color-warning-900);
        --color-utility-warning-200: var(--color-warning-800);
        --color-utility-warning-300: var(--color-warning-700);
        --color-utility-warning-400: var(--color-warning-600);
        --color-utility-warning-500: var(--color-warning-500);
        --color-utility-warning-600: var(--color-warning-400);
        --color-utility-warning-700: var(--color-warning-300);
        --color-utility-success-50: var(--color-success-950);
        --color-utility-success-100: var(--color-success-900);
        --color-utility-success-200: var(--color-success-800);
        --color-utility-success-300: var(--color-success-700);
        --color-utility-success-400: var(--color-success-600);
        --color-utility-success-500: var(--color-success-500);
        --color-utility-success-600: var(--color-success-400);
        --color-utility-success-700: var(--color-success-300);
        --color-utility-orange-50: var(--color-orange-950);
        --color-utility-orange-100: var(--color-orange-900);
        --color-utility-orange-200: var(--color-orange-800);
        --color-utility-orange-300: var(--color-orange-700);
        --color-utility-orange-400: var(--color-orange-600);
        --color-utility-orange-500: var(--color-orange-500);
        --color-utility-orange-600: var(--color-orange-400);
        --color-utility-orange-700: var(--color-orange-300);
        --color-utility-blue-dark-50: var(--color-blue-dark-950);
        --color-utility-blue-dark-100: var(--color-blue-dark-900);
        --color-utility-blue-dark-200: var(--color-blue-dark-800);
        --color-utility-blue-dark-300: var(--color-blue-dark-700);
        --color-utility-blue-dark-400: var(--color-blue-dark-600);
        --color-utility-blue-dark-500: var(--color-blue-dark-500);
        --color-utility-blue-dark-600: var(--color-blue-dark-400);
        --color-utility-blue-dark-700: var(--color-blue-dark-300);
        --color-utility-indigo-50: var(--color-indigo-950);
        --color-utility-indigo-100: var(--color-indigo-900);
        --color-utility-indigo-200: var(--color-indigo-800);
        --color-utility-indigo-300: var(--color-indigo-700);
        --color-utility-indigo-400: var(--color-indigo-600);
        --color-utility-indigo-500: var(--color-indigo-500);
        --color-utility-indigo-600: var(--color-indigo-400);
        --color-utility-indigo-700: var(--color-indigo-300);
        --color-utility-fuchsia-50: var(--color-fuchsia-950);
        --color-utility-fuchsia-100: var(--color-fuchsia-900);
        --color-utility-fuchsia-200: var(--color-fuchsia-800);
        --color-utility-fuchsia-300: var(--color-fuchsia-700);
        --color-utility-fuchsia-400: var(--color-fuchsia-600);
        --color-utility-fuchsia-500: var(--color-fuchsia-500);
        --color-utility-fuchsia-600: var(--color-fuchsia-400);
        --color-utility-fuchsia-700: var(--color-fuchsia-300);
        --color-utility-pink-50: var(--color-pink-950);
        --color-utility-pink-100: var(--color-pink-900);
        --color-utility-pink-200: var(--color-pink-800);
        --color-utility-pink-300: var(--color-pink-700);
        --color-utility-pink-400: var(--color-pink-600);
        --color-utility-pink-500: var(--color-pink-500);
        --color-utility-pink-600: var(--color-pink-400);
        --color-utility-pink-700: var(--color-pink-300);
        --color-utility-purple-50: var(--color-purple-950);
        --color-utility-purple-100: var(--color-purple-900);
        --color-utility-purple-200: var(--color-purple-800);
        --color-utility-purple-300: var(--color-purple-700);
        --color-utility-purple-400: var(--color-purple-600);
        --color-utility-purple-500: var(--color-purple-500);
        --color-utility-purple-600: var(--color-purple-400);
        --color-utility-purple-700: var(--color-purple-300);
        --color-utility-orange-dark-50: var(--color-orange-dark-950);
        --color-utility-orange-dark-100: var(--color-orange-dark-900);
        --color-utility-orange-dark-200: var(--color-orange-dark-800);
        --color-utility-orange-dark-300: var(--color-orange-dark-700);
        --color-utility-orange-dark-400: var(--color-orange-dark-600);
        --color-utility-orange-dark-500: var(--color-orange-dark-500);
        --color-utility-orange-dark-600: var(--color-orange-dark-400);
        --color-utility-orange-dark-700: var(--color-orange-dark-300);
        --color-utility-blue-light-50: var(--color-blue-light-950);
        --color-utility-blue-light-100: var(--color-blue-light-900);
        --color-utility-blue-light-200: var(--color-blue-light-800);
        --color-utility-blue-light-300: var(--color-blue-light-700);
        --color-utility-blue-light-400: var(--color-blue-light-600);
        --color-utility-blue-light-500: var(--color-blue-light-500);
        --color-utility-blue-light-600: var(--color-blue-light-400);
        --color-utility-blue-light-700: var(--color-blue-light-300);
        --color-utility-gray-blue-50: var(--color-gray-blue-950);
        --color-utility-gray-blue-100: var(--color-gray-blue-900);
        --color-utility-gray-blue-200: var(--color-gray-blue-800);
        --color-utility-gray-blue-300: var(--color-gray-blue-700);
        --color-utility-gray-blue-400: var(--color-gray-blue-600);
        --color-utility-gray-blue-500: var(--color-gray-blue-500);
        --color-utility-gray-blue-600: var(--color-gray-blue-400);
        --color-utility-gray-blue-700: var(--color-gray-blue-300);
        --color-utility-green-50: var(--color-green-950);
        --color-utility-green-100: var(--color-green-900);
        --color-utility-green-200: var(--color-green-800);
        --color-utility-green-300: var(--color-green-700);
        --color-utility-green-400: var(--color-green-600);
        --color-utility-green-500: var(--color-green-500);
        --color-utility-green-600: var(--color-green-400);
        --color-utility-green-700: var(--color-green-300);
        --color-utility-yellow-50: var(--color-yellow-950);
        --color-utility-yellow-100: var(--color-yellow-900);
        --color-utility-yellow-200: var(--color-yellow-800);
        --color-utility-yellow-300: var(--color-yellow-700);
        --color-utility-yellow-400: var(--color-yellow-600);
        --color-utility-yellow-500: var(--color-yellow-500);
        --color-utility-yellow-600: var(--color-yellow-400);
        --color-utility-yellow-700: var(--color-yellow-300);
        --color-text-primary: var(--color-gray-50);
        --color-text-tertiary: var(--color-gray-400);
        --color-text-error-primary: var(--color-error-400);
        --color-text-warning-primary: var(--color-warning-400);
        --color-text-success-primary: var(--color-success-400);
        --color-text-white: var(--color-white);
        --color-text-secondary: var(--color-gray-300);
        --color-text-disabled: var(--color-gray-500);
        --color-text-secondary_hover: var(--color-gray-200);
        --color-text-tertiary_hover: var(--color-gray-300);
        --color-text-brand-secondary: var(--color-gray-300);
        --color-text-placeholder: var(--color-gray-500);
        --color-text-placeholder_subtle: var(--color-gray-700);
        --color-text-brand-tertiary: var(--color-gray-400);
        --color-text-editor-icon-fg: var(--color-gray-400);
        --color-text-editor-icon-fg_active: var(--color-white);
        --color-text-quaternary: var(--color-gray-400);
        --color-text-brand-primary: var(--color-gray-50);
        --color-text-primary_on-brand: var(--color-gray-50);
        --color-text-secondary_on-brand: var(--color-gray-300);
        --color-text-tertiary_on-brand: var(--color-gray-400);
        --color-text-quaternary_on-brand: var(--color-gray-400);
        --color-text-brand-tertiary_alt: var(--color-gray-50);
        --color-text-brand-secondary_hover: var(--color-gray-200);
        --color-text-error-primary_hover: var(--color-error-300);
        --color-border-secondary: var(--color-gray-800);
        --color-border-error_subtle: var(--color-error-500);
        --color-border-primary: var(--color-gray-700);
        --color-border-brand: var(--color-brand-400);
        --color-border-disabled: var(--color-gray-700);
        --color-border-error: var(--color-error-400);
        --color-border-disabled_subtle: var(--color-gray-800);
        --color-border-tertiary: var(--color-gray-800);
        --color-border-brand_alt: var(--color-gray-700);
        --color-border-secondary_alt: var(--color-gray-800);
        --color-fg-secondary: var(--color-gray-300);
        --color-fg-warning-primary: var(--color-warning-500);
        --color-fg-success-primary: var(--color-success-500);
        --color-fg-white: var(--color-white);
        --color-fg-success-secondary: var(--color-success-400);
        --color-fg-secondary_hover: var(--color-gray-200);
        --color-fg-primary: var(--color-white);
        --color-fg-disabled: var(--color-gray-500);
        --color-fg-brand-secondary: var(--color-brand-500);
        --color-fg-brand-primary: var(--color-brand-500);
        --color-fg-quaternary: var(--color-gray-600);
        --color-fg-quaternary_hover: var(--color-gray-500);
        --color-fg-error-primary: var(--color-error-500);
        --color-fg-disabled_subtle: var(--color-gray-600);
        --color-fg-warning-secondary: var(--color-warning-400);
        --color-fg-error-secondary: var(--color-error-400);
        --color-fg-tertiary: var(--color-gray-400);
        --color-fg-tertiary_hover: var(--color-gray-300);
        --color-fg-brand-primary_alt: var(--color-gray-300);
        --color-fg-brand-secondary_alt: var(--color-gray-600);
        --color-fg-brand-secondary_hover: var(--color-gray-500);
        --color-bg-primary: var(--color-gray-950);
        --color-bg-tertiary: var(--color-gray-800);
        --color-bg-brand-primary: var(--color-brand-500);
        --color-bg-error-secondary: var(--color-error-600);
        --color-bg-warning-primary: var(--color-warning-950);
        --color-bg-warning-secondary: var(--color-warning-600);
        --color-bg-success-primary: var(--color-success-950);
        --color-bg-success-secondary: var(--color-success-600);
        --color-bg-brand-solid: var(--color-brand-600);
        --color-bg-secondary-solid: var(--color-gray-600);
        --color-bg-error-solid: var(--color-error-600);
        --color-bg-warning-solid: var(--color-warning-600);
        --color-bg-success-solid: var(--color-success-600);
        --color-bg-secondary_hover: var(--color-gray-800);
        --color-bg-primary_hover: var(--color-gray-800);
        --color-bg-disabled: var(--color-gray-800);
        --color-bg-active: var(--color-gray-800);
        --color-bg-brand-solid_hover: var(--color-brand-500);
        --color-bg-error-primary: var(--color-error-950);
        --color-bg-brand-secondary: var(--color-brand-600);
        --color-bg-secondary: var(--color-gray-900);
        --color-bg-disabled_subtle: var(--color-gray-900);
        --color-bg-quaternary: var(--color-gray-700);
        --color-bg-primary_alt: var(--color-bg-secondary);
        --color-bg-brand-primary_alt: var(--color-bg-secondary);
        --color-bg-secondary_alt: var(--color-bg-primary);
        --color-bg-overlay: var(--color-gray-800);
        --color-bg-secondary_subtle: var(--color-gray-900);
        --color-bg-brand-section: var(--color-bg-secondary);
        --color-bg-brand-section_subtle: var(--color-bg-primary);
        --color-bg-primary-solid: var(--color-bg-secondary);
        --color-app-store-badge-border: var(--color-white);
        --color-avatar-bg: var(--color-gray-800);
        --color-avatar-contrast-border: #ffffff1f;
        --color-avatar-profile-photo-border: var(--color-gray-950);
        --color-avatar-styles-bg-neutral: #e0e0e0;
        --color-button-destructive-primary-icon: var(--color-error-300);
        --color-button-destructive-primary-icon_hover: var(--color-error-200);
        --color-button-primary-icon: var(--color-brand-300);
        --color-button-primary-icon_hover: var(--color-brand-200);
        --color-featured-icon-light-fg-brand: var(--color-brand-200);
        --color-featured-icon-light-fg-error: var(--color-error-200);
        --color-featured-icon-light-fg-gray: var(--color-gray-200);
        --color-featured-icon-light-fg-success: var(--color-success-200);
        --color-featured-icon-light-fg-warning: var(--color-warning-200);
        --color-focus-ring-error: var(--color-error-500);
        --color-focus-ring: var(--color-brand-500);
        --color-footer-button-fg: var(--color-gray-300);
        --color-footer-button-fg_hover: var(--color-gray-100);
        --color-icon-fg-brand: var(--color-gray-400);
        --color-icon-fg-brand_on-brand: var(--color-gray-400);
        --color-nav-item-button-icon-fg: var(--color-gray-400);
        --color-nav-item-button-icon-fg_active: var(--color-gray-300);
        --color-nav-item-icon-fg: var(--color-gray-400);
        --color-nav-item-icon-fg_active: var(--color-gray-300);
        --color-screen-mockup-border: var(--color-gray-700);
        --color-slider-handle-bg: var(--color-fg-brand-primary);
        --color-slider-handle-border: var(--color-bg-primary);
        --color-toggle-border: var(--color-transparent);
        --color-toggle-button-fg_disabled: var(--color-gray-600);
        --color-toggle-slim-border_pressed-hover: var(--color-transparent);
        --color-toggle-slim-border_pressed: var(--color-transparent);
        --color-tooltip-supporting-text: var(--color-gray-300);
        --background-color-quaternary: var(--color-bg-quaternary);
        --background-color-brand-solid: var(--color-bg-brand-solid);
        --background-color-disabled: var(--color-bg-disabled);
        --background-color-primary: var(--color-bg-primary);
        --background-color-primary-solid: var(--color-bg-primary-solid);
        --background-color-primary_alt: var(--color-bg-primary_alt);
        --background-color-primary_hover: var(--color-bg-primary_hover);
        --background-color-secondary: var(--color-bg-secondary);
        --background-color-secondary-solid: var(--color-bg-secondary-solid);
        --background-color-secondary_alt: var(--color-bg-secondary_alt);
        --background-color-secondary_hover: var(--color-bg-secondary_hover);
        --background-color-secondary_subtle: var(--color-bg-secondary_subtle);
        --background-color-tertiary: var(--color-bg-tertiary);
        --background-color-active: var(--color-bg-active);
        --background-color-disabled_subtle: var(--color-bg-disabled_subtle);
        --background-color-overlay: var(--color-bg-overlay);
        --background-color-brand-primary: var(--color-bg-brand-primary);
        --background-color-brand-primary_alt: var(--color-bg-brand-primary_alt);
        --background-color-brand-secondary: var(--color-bg-brand-secondary);
        --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --background-color-brand-section: var(--color-bg-brand-section);
        --background-color-brand-section_subtle: var(--color-bg-brand-section_subtle);
        --background-color-error-primary: var(--color-bg-error-primary);
        --background-color-error-secondary: var(--color-bg-error-secondary);
        --background-color-error-solid: var(--color-bg-error-solid);
        --background-color-warning-primary: var(--color-bg-warning-primary);
        --background-color-warning-secondary: var(--color-bg-warning-secondary);
        --background-color-warning-solid: var(--color-bg-warning-solid);
        --background-color-success-primary: var(--color-bg-success-primary);
        --background-color-success-secondary: var(--color-bg-success-secondary);
        --background-color-success-solid: var(--color-bg-success-solid);
        --background-color-border-brand: var(--color-border-brand);
        --background-color-border-tertiary: var(--color-border-tertiary);
        --background-color-border-brand_alt: var(--color-border-brand_alt);
        --text-color-primary: var(--color-text-primary);
        --text-color-primary_on-brand: var(--color-text-primary_on-brand);
        --text-color-secondary: var(--color-text-secondary);
        --text-color-secondary_hover: var(--color-text-secondary_hover);
        --text-color-secondary_on-brand: var(--color-text-secondary_on-brand);
        --text-color-tertiary: var(--color-text-tertiary);
        --text-color-tertiary_hover: var(--color-text-tertiary_hover);
        --text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand);
        --text-color-quaternary: var(--color-text-quaternary);
        --text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand);
        --text-color-disabled: var(--color-text-disabled);
        --text-color-placeholder: var(--color-text-placeholder);
        --text-color-placeholder_subtle: var(--color-text-placeholder_subtle);
        --text-color-brand-primary: var(--color-text-brand-primary);
        --text-color-brand-secondary: var(--color-text-brand-secondary);
        --text-color-brand-tertiary: var(--color-text-brand-tertiary);
        --text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt);
        --text-color-error-primary: var(--color-text-error-primary);
        --text-color-warning-primary: var(--color-text-warning-primary);
        --text-color-success-primary: var(--color-text-success-primary);
        --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);
        --border-color-primary: var(--color-border-primary);
        --border-color-secondary: var(--color-border-secondary);
        --border-color-secondary_alt: var(--color-border-secondary_alt);
        --border-color-tertiary: var(--color-border-tertiary);
        --border-color-disabled: var(--color-border-disabled);
        --border-color-brand: var(--color-border-brand);
        --border-color-brand-solid: var(--color-bg-brand-solid);
        --border-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --border-color-error: var(--color-border-error);
        --border-color-disabled_subtle: var(--color-border-disabled_subtle);
        --border-color-brand_alt: var(--color-border-brand_alt);
        --border-color-error_subtle: var(--color-border-error_subtle);
        --ring-color-bg-brand-solid: var(--color-bg-brand-solid);
        --ring-color-primary: var(--color-border-primary);
        --ring-color-secondary: var(--color-border-secondary);
        --ring-color-secondary_alt: var(--color-border-secondary_alt);
        --ring-color-tertiary: var(--color-border-tertiary);
        --ring-color-disabled: var(--color-border-disabled);
        --ring-color-brand: var(--color-border-brand);
        --ring-color-brand-solid: var(--color-bg-brand-solid);
        --ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --ring-color-error: var(--color-border-error);
        --ring-color-disabled_subtle: var(--color-border-disabled_subtle);
        --ring-color-brand_alt: var(--color-border-brand_alt);
        --ring-color-error_subtle: var(--color-border-error_subtle);
        --outline-color-brand: var(--color-border-brand);
        --outline-color-primary: var(--color-border-primary);
        --outline-color-secondary: var(--color-border-secondary);
        --outline-color-secondary_alt: var(--color-border-secondary_alt);
        --outline-color-tertiary: var(--color-border-tertiary);
        --outline-color-disabled: var(--color-border-disabled);
        --outline-color-brand-solid: var(--color-bg-brand-solid);
        --outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
        --outline-color-error: var(--color-border-error);
        --outline-color-disabled_subtle: var(--color-border-disabled_subtle);
        --outline-color-brand_alt: var(--color-border-brand_alt);
        --outline-color-error_subtle: var(--color-border-error_subtle)
    }
}

@layer components;

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

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden
    }

    .absolute,
    .sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

    .-inset-x-px {
        inset-inline: -1px
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-x-4 {
        inset-inline: calc(var(--spacing)*4)
    }

    .inset-x-13 {
        inset-inline: calc(var(--spacing)*13)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .inset-y-0\.5 {
        inset-block: calc(var(--spacing)*.5)
    }

    .inset-y-px {
        inset-block: 1px
    }

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

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

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

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

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

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

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

    .-top-\[0\.5px\] {
        top: -.5px
    }

    .-top-\[19px\] {
        top: -19px
    }

    .-top-\[141px\] {
        top: -141px
    }

    .-top-px {
        top: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[44\%\] {
        top: 44%
    }

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

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

    .-right-2\/3 {
        right: -66.6667%
    }

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

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

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

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

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

    .-right-\[0\.5px\] {
        right: -.5px
    }

    .-right-\[3\.667px\] {
        right: -3.667px
    }

    .-right-\[67\.09px\] {
        right: -67.09px
    }

    .-right-px {
        right: -1px
    }

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

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

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

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

    .right-1\/2 {
        right: 50%
    }

    .right-1\/3 {
        right: 33.3333%
    }

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

    .right-1\/6 {
        right: 16.6667%
    }

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

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

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

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

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

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

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

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

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

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

    .right-\[47\%\] {
        right: 47%
    }

    .right-px {
        right: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .-bottom-\[0\.5px\] {
        bottom: -.5px
    }

    .-bottom-\[3\.667px\] {
        bottom: -3.667px
    }

    .-bottom-px {
        bottom: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bottom-\[53px\] {
        bottom: 53px
    }

    .bottom-\[var\(--stripe-height\)\] {
        bottom: var(--stripe-height)
    }

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

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

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

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

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

    .-left-\[0\.5px\] {
        left: -.5px
    }

    .-left-\[5px\] {
        left: -5px
    }

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

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

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

    .left-1\/3 {
        left: 33.3333%
    }

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

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

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

    .left-2\/3 {
        left: 66.6667%
    }

    .left-2\/4 {
        left: 50%
    }

    .left-2\/6 {
        left: 33.3333%
    }

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

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

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

    .left-4\/10 {
        left: 40%
    }

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

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

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

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

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

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

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

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

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

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

    .left-\[-98px\] {
        left: -98px
    }

    .left-\[-218px\] {
        left: -218px
    }

    .left-\[47\%\] {
        left: 47%
    }

    .left-\[53\%\] {
        left: 53%
    }

    .left-\[187px\] {
        left: 187px
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-3 {
        z-index: 3
    }

    .z-4 {
        z-index: 4
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-\[var\(--z-index\)\] {
        z-index: var(--z-index)
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

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

    .container {
        width: 100%
    }

    @media (min-width:320px) {
        .container {
            max-width: 320px
        }
    }

    @media (min-width:600px) {
        .container {
            max-width: 600px
        }
    }

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

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

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

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

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

    .-m-1 {
        margin: calc(var(--spacing)*-1)
    }

    .-m-4 {
        margin: calc(var(--spacing)*-4)
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .m-0\! {
        margin: calc(var(--spacing)*0) !important
    }

    .m-auto {
        margin: auto
    }

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

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

    .-mx-\[1px\] {
        margin-inline: -1px
    }

    .mx-0\.5 {
        margin-inline: calc(var(--spacing)*.5)
    }

    .mx-0\.75 {
        margin-inline: calc(var(--spacing)*.75)
    }

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

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

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

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

    .mx-\[3px\] {
        margin-inline: 3px
    }

    .mx-auto {
        margin-inline: auto
    }

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

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

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

    .-my-px {
        margin-block: -1px
    }

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

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

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

    .my-3\.5 {
        margin-block: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

    .my-auto {
        margin-block: auto
    }

    .prose {
        color: var(--tw-prose-body);
        max-width: 65ch
    }

    .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-lead);
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        font-size: 1.25em;
        line-height: 1.6
    }

    .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline
    }

    .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
    }

    .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
        list-style-type: decimal
    }

    .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal
    }

    .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
        list-style-type: disc
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400
    }

    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
    }

    .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.25em;
        font-weight: 600
    }

    .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-quotes);
        border-inline-start-width: .25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "“""”""‘""’";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
        font-style: italic;
        font-weight: 500
    }

    .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: open-quote
    }

    .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: close-quote
    }

    .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 0;
        margin-bottom: .888889em;
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.11111
    }

    .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 900
    }

    .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 2em;
        margin-bottom: 1em;
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.33333
    }

    .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 800
    }

    .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.6em;
        margin-bottom: .6em;
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6
    }

    .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.5em;
        margin-bottom: .5em;
        font-weight: 600;
        line-height: 1.5
    }

    .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
        display: block
    }

    .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        border-radius: .3125rem;
        padding-inline-start: .375em;
        font-family: inherit;
        font-size: .875em;
        font-weight: 500
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-size: .875em;
        font-weight: 600
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after,
    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: "`"
    }

    .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .875em
    }

    .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .9em
    }

    .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        padding-top: .857143em;
        padding-inline-end: 1.14286em;
        padding-bottom: .857143em;
        border-radius: .375rem;
        margin-top: 1.71429em;
        margin-bottom: 1.71429em;
        padding-inline-start: 1.14286em;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.71429;
        overflow-x: auto
    }

    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
        background-color: #0000;
        border-width: 0;
        border-radius: 0;
        padding: 0
    }

    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after,
    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: none
    }

    .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        table-layout: auto;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.71429
    }

    .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders)
    }

    .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        vertical-align: bottom;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em;
        font-weight: 600
    }

    .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders)
    }

    .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 0
    }

    .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: baseline
    }

    .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders)
    }

    .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: top
    }

    .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        text-align: start
    }

    .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-captions);
        margin-top: .857143em;
        font-size: .875em;
        line-height: 1.42857
    }

    .prose {
        --tw-prose-body: oklch(37.3% .034 259.733);
        --tw-prose-headings: oklch(21% .034 264.665);
        --tw-prose-lead: oklch(44.6% .03 256.802);
        --tw-prose-links: oklch(21% .034 264.665);
        --tw-prose-bold: oklch(21% .034 264.665);
        --tw-prose-counters: oklch(55.1% .027 264.364);
        --tw-prose-bullets: oklch(87.2% .01 258.338);
        --tw-prose-hr: oklch(92.8% .006 264.531);
        --tw-prose-quotes: oklch(21% .034 264.665);
        --tw-prose-quote-borders: oklch(92.8% .006 264.531);
        --tw-prose-captions: oklch(55.1% .027 264.364);
        --tw-prose-kbd: oklch(21% .034 264.665);
        --tw-prose-kbd-shadows: NaN NaN NaN;
        --tw-prose-code: oklch(21% .034 264.665);
        --tw-prose-pre-code: oklch(92.8% .006 264.531);
        --tw-prose-pre-bg: oklch(27.8% .033 256.848);
        --tw-prose-th-borders: oklch(87.2% .01 258.338);
        --tw-prose-td-borders: oklch(92.8% .006 264.531);
        --tw-prose-invert-body: oklch(87.2% .01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(70.7% .022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(70.7% .022 261.325);
        --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
        --tw-prose-invert-hr: oklch(37.3% .034 259.733);
        --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
        --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
        --tw-prose-invert-captions: oklch(70.7% .022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
        font-size: 1rem;
        line-height: 1.75
    }

    .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-top: .571429em;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }

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

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

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

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

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

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

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

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

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

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

    .-mt-\[3px\] {
        margin-top: -3px
    }

    .-mt-\[26px\] {
        margin-top: -26px
    }

    .-mt-px {
        margin-top: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-10\! {
        margin-top: calc(var(--spacing)*10) !important
    }

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

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

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

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

    .mt-\[25px\] {
        margin-top: 25px
    }

    .mt-auto {
        margin-top: auto
    }

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

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

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

    .-mr-px {
        margin-right: -1px
    }

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

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

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

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

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

    .mr-auto {
        margin-right: auto
    }

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

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

    .-mb-px {
        margin-bottom: -1px
    }

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

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

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

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

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

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

    .mb-4\! {
        margin-bottom: calc(var(--spacing)*4) !important
    }

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

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

    .mb-6\! {
        margin-bottom: calc(var(--spacing)*6) !important
    }

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

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

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

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

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

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

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

    .-ml-\[3px\] {
        margin-left: -3px
    }

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

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

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

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

    .ml-1\.25 {
        margin-left: calc(var(--spacing)*1.25)
    }

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .box-content {
        box-sizing: content-box
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

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

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

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

    .scrollbar-hide::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none
    }

    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

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

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

    .aspect-\[\.65\] {
        aspect-ratio: .65
    }

    .aspect-\[0\.3\] {
        aspect-ratio: .3
    }

    .aspect-\[0\.66\] {
        aspect-ratio: .66
    }

    .aspect-\[0\.793\] {
        aspect-ratio: .793
    }

    .aspect-\[1\.5\] {
        aspect-ratio: 1.5
    }

    .aspect-\[1\.6\] {
        aspect-ratio: 1.6
    }

    .aspect-\[1\.33\] {
        aspect-ratio: 1.33
    }

    .aspect-\[1\.92\] {
        aspect-ratio: 1.92
    }

    .aspect-\[3\] {
        aspect-ratio: 3
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .size-1\.25 {
        width: calc(var(--spacing)*1.25);
        height: calc(var(--spacing)*1.25)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .size-\[5\.25px\] {
        width: 5.25px;
        height: 5.25px
    }

    .size-\[6\.13px\] {
        width: 6.13px;
        height: 6.13px
    }

    .size-\[7\.88px\] {
        width: 7.88px;
        height: 7.88px
    }

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

    .size-\[8\.75px\] {
        width: 8.75px;
        height: 8.75px
    }

    .size-\[10\.5px\] {
        width: 10.5px;
        height: 10.5px
    }

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

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

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

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

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

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

    .size-auto {
        width: auto;
        height: auto
    }

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

    .size-max {
        width: max-content;
        height: max-content
    }

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

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

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

    .h-1\/2 {
        height: 50%
    }

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

    .h-2\.5 {
        height: calc(var(--spacing)*2.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-16\.5 {
        height: calc(var(--spacing)*16.5)
    }

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

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

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

    .h-20\.5 {
        height: calc(var(--spacing)*20.5)
    }

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

    .h-23\.5 {
        height: calc(var(--spacing)*23.5)
    }

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

    .h-24\.5 {
        height: calc(var(--spacing)*24.5)
    }

    .h-25\.5 {
        height: calc(var(--spacing)*25.5)
    }

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

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

    .h-29\.5 {
        height: calc(var(--spacing)*29.5)
    }

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

    .h-31\.5 {
        height: calc(var(--spacing)*31.5)
    }

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

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

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

    .h-34\.25 {
        height: calc(var(--spacing)*34.25)
    }

    .h-35\.75 {
        height: calc(var(--spacing)*35.75)
    }

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

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

    .h-37\.5 {
        height: calc(var(--spacing)*37.5)
    }

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

    .h-41\.5 {
        height: calc(var(--spacing)*41.5)
    }

    .h-41\.75 {
        height: calc(var(--spacing)*41.75)
    }

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

    .h-45\.25 {
        height: calc(var(--spacing)*45.25)
    }

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

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

    .h-47\.5 {
        height: calc(var(--spacing)*47.5)
    }

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

    .h-50\! {
        height: calc(var(--spacing)*50) !important
    }

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

    .h-51\.5 {
        height: calc(var(--spacing)*51.5)
    }

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

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

    .h-53\.5 {
        height: calc(var(--spacing)*53.5)
    }

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

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

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

    .h-60\! {
        height: calc(var(--spacing)*60) !important
    }

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

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

    .h-67\.5 {
        height: calc(var(--spacing)*67.5)
    }

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

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

    .h-71\.5 {
        height: calc(var(--spacing)*71.5)
    }

    .h-72\.5 {
        height: calc(var(--spacing)*72.5)
    }

    .h-75\.5 {
        height: calc(var(--spacing)*75.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-170\.5 {
        height: calc(var(--spacing)*170.5)
    }

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

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

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

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

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

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

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

    .h-\[1em\] {
        height: 1em
    }

    .h-\[2\.5px\] {
        height: 2.5px
    }

    .h-\[13px\] {
        height: 13px
    }

    .h-\[72px\] {
        height: 72px
    }

    .h-\[240px\] {
        height: 240px
    }

    .h-\[320px\] {
        height: 320px
    }

    .h-\[360px\] {
        height: 360px
    }

    .h-\[579px\] {
        height: 579px
    }

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

    .h-\[680px\] {
        height: 680px
    }

    .h-\[720px\] {
        height: 720px
    }

    .h-\[780px\] {
        height: 780px
    }

    .h-\[800px\] {
        height: 800px
    }

    .h-\[820px\] {
        height: 820px
    }

    .h-\[840px\] {
        height: 840px
    }

    .h-\[880px\] {
        height: 880px
    }

    .h-\[912px\] {
        height: 912px
    }

    .h-\[920px\] {
        height: 920px
    }

    .h-\[960px\] {
        height: 960px
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: max-content
    }

    .h-min {
        height: min-content
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .h-svh {
        height: 100svh
    }

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

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

    .max-h-64\! {
        max-height: calc(var(--spacing)*64) !important
    }

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

    .max-h-80\! {
        max-height: calc(var(--spacing)*80) !important
    }

    .max-h-88\.5 {
        max-height: calc(var(--spacing)*88.5)
    }

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

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

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

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

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

    .max-h-125\.5 {
        max-height: calc(var(--spacing)*125.5)
    }

    .max-h-131\.5 {
        max-height: calc(var(--spacing)*131.5)
    }

    .max-h-168\.5 {
        max-height: calc(var(--spacing)*168.5)
    }

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

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

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

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

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

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

    .max-h-\[calc\(100vh-calc\(var\(--spacing\)\*19\)\)\] {
        max-height: calc(100vh - calc(var(--spacing)*19))
    }

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

    .max-h-svh {
        max-height: 100svh
    }

    .min-h-\(--preview-height\) {
        min-height: var(--preview-height)
    }

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

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

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

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

    .min-h-31\.5 {
        min-height: calc(var(--spacing)*31.5)
    }

    .min-h-33\.5 {
        min-height: calc(var(--spacing)*33.5)
    }

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

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

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

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

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

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

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

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

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

    .min-h-70\.5 {
        min-height: calc(var(--spacing)*70.5)
    }

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

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

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

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

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

    .min-h-\[295\.13px\] {
        min-height: 295.13px
    }

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

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

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

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

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

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

    .min-h-dvh {
        min-height: 100dvh
    }

    .min-h-full {
        min-height: 100%
    }

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

    .w-\(--trigger-width\) {
        width: var(--trigger-width)
    }

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

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

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

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

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

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

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

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

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

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

    .w-6\.5 {
        width: calc(var(--spacing)*6.5)
    }

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

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

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

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

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

    .w-11\.5 {
        width: calc(var(--spacing)*11.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .w-35\.5 {
        width: calc(var(--spacing)*35.5)
    }

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

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

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

    .w-40\.25 {
        width: calc(var(--spacing)*40.25)
    }

    .w-42\.5 {
        width: calc(var(--spacing)*42.5)
    }

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

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

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

    .w-46\.25 {
        width: calc(var(--spacing)*46.25)
    }

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

    .w-48\.5 {
        width: calc(var(--spacing)*48.5)
    }

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

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

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

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

    .w-57\.5 {
        width: calc(var(--spacing)*57.5)
    }

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

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

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

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

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

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

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

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

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

    .w-78\.5 {
        width: calc(var(--spacing)*78.5)
    }

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

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

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

    .w-82\.5 {
        width: calc(var(--spacing)*82.5)
    }

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

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

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

    .w-93\.5 {
        width: calc(var(--spacing)*93.5)
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-187\.5 {
        width: calc(var(--spacing)*187.5)
    }

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

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

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

    .w-\[5px\] {
        width: 5px
    }

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

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

    .w-\[135px\] {
        width: 135px
    }

    .w-\[150\%\] {
        width: 150%
    }

    .w-\[161px\] {
        width: 161px
    }

    .w-\[375px\] {
        width: 375px
    }

    .w-\[calc\(100\%\+80px\)\] {
        width: calc(100% + 80px)
    }

    .w-\[calc\(100\%-32px\)\] {
        width: calc(100% - 32px)
    }

    .w-\[calc\(100\%-40px\)\] {
        width: calc(100% - 40px)
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-full\! {
        width: 100% !important
    }

    .w-max {
        width: max-content
    }

    .w-min {
        width: min-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .max-w-\(--breakpoint-sm\) {
        max-width: var(--breakpoint-sm)
    }

    .max-w-\(--breakpoint-xl\) {
        max-width: var(--breakpoint-xl)
    }

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

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

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

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

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

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

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

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

    .max-w-31\.5 {
        max-width: calc(var(--spacing)*31.5)
    }

    .max-w-35\.5 {
        max-width: calc(var(--spacing)*35.5)
    }

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

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

    .max-w-52\.5 {
        max-width: calc(var(--spacing)*52.5)
    }

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

    .max-w-62\.5 {
        max-width: calc(var(--spacing)*62.5)
    }

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

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

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

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

    .max-w-72\.5 {
        max-width: calc(var(--spacing)*72.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-prose {
        max-width: 65ch
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-31\.5 {
        min-width: calc(var(--spacing)*31.5)
    }

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

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

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

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

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

    .min-w-46\.5 {
        min-width: calc(var(--spacing)*46.5)
    }

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

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

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

    .min-w-62\.5 {
        min-width: calc(var(--spacing)*62.5)
    }

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

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

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

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

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

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

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

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

    .min-w-\[20\%\] {
        min-width: 20%
    }

    .min-w-\[30\%\] {
        min-width: 30%
    }

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

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .flex-4 {
        flex: 4
    }

    .flex-\[1_0_0\] {
        flex: 1 0 0
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .basis-auto {
        flex-basis: auto
    }

    .basis-full {
        flex-basis: 100%
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-bottom {
        transform-origin: bottom
    }

    .origin-bottom-left {
        transform-origin: 0 100%
    }

    .origin-bottom-right {
        transform-origin: 100% 100%
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .origin-right {
        transform-origin: 100%
    }

    .origin-top {
        transform-origin: top
    }

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

    .origin-top-right {
        transform-origin: 100% 0
    }

    .-translate-x-0\.5 {
        --tw-translate-x: calc(var(--spacing)*-.5)
    }

    .-translate-x-0\.5,
    .-translate-x-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .-translate-x-1\/3 {
        --tw-translate-x: calc(calc(1/3*100%)*-1)
    }

    .-translate-x-1\/3,
    .-translate-x-2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .-translate-x-3\/4 {
        --tw-translate-x: calc(calc(3/4*100%)*-1)
    }

    .-translate-x-12,
    .-translate-x-3\/4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-12 {
        --tw-translate-x: calc(var(--spacing)*-12)
    }

    .-translate-x-\[60\%\] {
        --tw-translate-x: calc(60%*-1)
    }

    .-translate-x-\[60\%\],
    .-translate-x-\[62\%\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-\[62\%\] {
        --tw-translate-x: calc(62%*-1)
    }

    .-translate-x-full {
        --tw-translate-x: -100%
    }

    .-translate-x-full,
    .translate-x-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .translate-x-1\/3 {
        --tw-translate-x: calc(1/3*100%)
    }

    .translate-x-1\/3,
    .translate-x-4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

    .translate-x-5,
    .translate-x-6 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-6 {
        --tw-translate-x: calc(var(--spacing)*6)
    }

    .translate-x-48 {
        --tw-translate-x: calc(var(--spacing)*48)
    }

    .translate-x-48,
    .translate-x-\[1px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[1px\] {
        --tw-translate-x: 1px
    }

    .translate-x-\[30\%\] {
        --tw-translate-x: 30%
    }

    .translate-x-\[30\%\],
    .translate-x-\[34px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[34px\] {
        --tw-translate-x: 34px
    }

    .translate-x-\[60\%\] {
        --tw-translate-x: 60%
    }

    .translate-x-\[60\%\],
    .translate-x-\[90px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[90px\] {
        --tw-translate-x: 90px
    }

    .translate-x-full {
        --tw-translate-x: 100%
    }

    .translate-x-full,
    .translate-x-px {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-px {
        --tw-translate-x: 1px
    }

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

    .-translate-y-1\/2,
    .-translate-y-1\/4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/4 {
        --tw-translate-y: calc(calc(1/4*100%)*-1)
    }

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

    .-translate-y-2,
    .-translate-y-32 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-32 {
        --tw-translate-y: calc(var(--spacing)*-32)
    }

    .-translate-y-\[5px\] {
        --tw-translate-y: calc(5px*-1)
    }

    .-translate-y-\[10px\],
    .-translate-y-\[5px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[10px\] {
        --tw-translate-y: calc(10px*-1)
    }

    .-translate-y-\[53px\] {
        --tw-translate-y: calc(53px*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[calc\(100\%-4px\)\] {
        --tw-translate-y: calc(calc(100% - 4px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%
    }

    .-translate-y-full,
    .-translate-y-px {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-px {
        --tw-translate-y: -1px
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0)
    }

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

    .translate-y-1 {
        --tw-translate-y: calc(var(--spacing)*1)
    }

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

    .translate-y-1\/2,
    .translate-y-1\/4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-1\/4 {
        --tw-translate-y: calc(1/4*100%)
    }

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

    .translate-y-2,
    .translate-y-3 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-3 {
        --tw-translate-y: calc(var(--spacing)*3)
    }

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

    .translate-y-4,
    .translate-y-\[3px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[3px\] {
        --tw-translate-y: 3px
    }

    .translate-y-\[10px\] {
        --tw-translate-y: 10px
    }

    .translate-y-\[10px\],
    .translate-y-\[22px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[22px\] {
        --tw-translate-y: 22px
    }

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

    .scale-40 {
        --tw-scale-x: 40%;
        --tw-scale-y: 40%;
        --tw-scale-z: 40%
    }

    .scale-40,
    .scale-50 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%
    }

    .scale-60 {
        --tw-scale-x: 60%;
        --tw-scale-y: 60%;
        --tw-scale-z: 60%
    }

    .scale-60,
    .scale-70 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-70 {
        --tw-scale-x: 70%;
        --tw-scale-y: 70%;
        --tw-scale-z: 70%
    }

    .scale-80 {
        --tw-scale-x: 80%;
        --tw-scale-y: 80%;
        --tw-scale-z: 80%
    }

    .scale-80,
    .scale-90 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%
    }

    .scale-92 {
        --tw-scale-x: 92%;
        --tw-scale-y: 92%;
        --tw-scale-z: 92%
    }

    .scale-92,
    .scale-95 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%
    }

    .scale-100,
    .scale-105 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%
    }

    .scale-125 {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%
    }

    .-scale-x-100,
    .scale-125 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-scale-x-100 {
        --tw-scale-x: calc(100%*-1)
    }

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

    .scale-\[0\.8\] {
        scale: .8
    }

    .scale-\[0\.78\] {
        scale: .78
    }

    .scale-\[0\.85\] {
        scale: .85
    }

    .scale-\[1\.2\] {
        scale: 1.2
    }

    .-rotate-45 {
        rotate: -45deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .-rotate-180 {
        rotate: -180deg
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-15 {
        rotate: 15deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[14\.8deg\] {
        rotate: 14.8deg
    }

    .rotate-\[29\.9deg\] {
        rotate: 29.9deg
    }

    .skew-x-\[15deg\] {
        --tw-skew-x: skewX(15deg)
    }

    .-skew-y-\[7deg\],
    .skew-x-\[15deg\] {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .-skew-y-\[7deg\] {
        --tw-skew-y: skewY(calc(7deg*-1))
    }

    .\[transform\:var\(--transform-mobile\)\] {
        transform: var(--transform-mobile)
    }

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

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

    .animate-caret-blink {
        animation: var(--animate-caret-blink)
    }

    .animate-marquee {
        animation: var(--animate-marquee)
    }

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

    .cursor-auto {
        cursor: auto
    }

    .cursor-default {
        cursor: default
    }

    .cursor-ew-resize {
        cursor: ew-resize
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-grabbing {
        cursor: grabbing
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .resize-y {
        resize: vertical
    }

    .snap-start {
        scroll-snap-align: start
    }

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

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

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

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

    .appearance-none {
        appearance: none
    }

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

    .grid-flow-row {
        grid-auto-flow: row
    }

    .auto-rows-\[432px\] {
        grid-auto-rows: 432px
    }

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

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

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

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

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

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

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

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

    .grid-cols-\[238px_44px\] {
        grid-template-columns: 238px 44px
    }

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

    .grid-cols-\[minmax\(auto\,768px\)\] {
        grid-template-columns: minmax(auto, 768px)
    }

    .grid-cols-\[repeat\(3\,146px\)\] {
        grid-template-columns: repeat(3, 146px)
    }

    .grid-cols-\[repeat\(12\,1fr\)\] {
        grid-template-columns: repeat(12, 1fr)
    }

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

    .grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-\[repeat\(12\,1fr\)\] {
        grid-template-rows: repeat(12, 1fr)
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col\! {
        flex-direction: column !important
    }

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

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

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

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .items-start\! {
        align-items: flex-start !important
    }

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

    .justify-normal {
        justify-content: normal
    }

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

    .justify-items-center {
        justify-items: center
    }

    .justify-items-start {
        justify-items: start
    }

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

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

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

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

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

    .gap-1\.25 {
        gap: calc(var(--spacing)*1.25)
    }

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

    .gap-2\! {
        gap: calc(var(--spacing)*2) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-\[3px\] {
        gap: 3px
    }

    .gap-\[13px\] {
        gap: 13px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .self-center {
        align-self: center
    }

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

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

    .self-stretch {
        align-self: stretch
    }

    .justify-self-center {
        justify-self: center
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-hidden\! {
        overflow: hidden !important
    }

    .overflow-visible {
        overflow: visible
    }

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

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

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

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

    .overflow-y-clip {
        overflow-y: clip
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overscroll-auto {
        overscroll-behavior: auto
    }

    .overscroll-none {
        overscroll-behavior: none
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

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

    .rounded-\[6\.77px\] {
        border-radius: 6.77px
    }

    .rounded-\[7\.9px\] {
        border-radius: 7.9px
    }

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

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

    .rounded-\[9\.03px\] {
        border-radius: 9.03px
    }

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

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

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

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

    .rounded-\[17\.92px\] {
        border-radius: 17.92px
    }

    .rounded-\[20\.91px\] {
        border-radius: 20.91px
    }

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

    .rounded-\[23\.89px\] {
        border-radius: 23.89px
    }

    .rounded-\[50\%\] {
        border-radius: 50%
    }

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .rounded-full {
        border-radius: 3.40282e+38px;
        border-radius: var(--radius-full)
    }

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

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

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

    .rounded-none\! {
        border-radius: 0 !important;
        border-radius: var(--radius-none) !important
    }

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

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

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

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

    .rounded-t-\[20px\] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .rounded-t-\[320px\] {
        border-top-left-radius: 320px;
        border-top-right-radius: 320px
    }

    .rounded-t-full {
        border-top-left-radius: 3.40282e+38px;
        border-top-right-radius: 3.40282e+38px;
        border-top-left-radius: var(--radius-full);
        border-top-right-radius: var(--radius-full)
    }

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

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

    .rounded-l-\[80px\] {
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px
    }

    .rounded-l-full {
        border-top-left-radius: 3.40282e+38px;
        border-bottom-left-radius: 3.40282e+38px;
        border-top-left-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full)
    }

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none)
    }

    .rounded-l-xl {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl)
    }

    .rounded-tl {
        border-top-left-radius: .25rem
    }

    .rounded-tl-\[64px\] {
        border-top-left-radius: 64px
    }

    .rounded-tl-full {
        border-top-left-radius: 3.40282e+38px;
        border-top-left-radius: var(--radius-full)
    }

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

    .rounded-r-\[inherit\] {
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e+38px;
        border-bottom-right-radius: 3.40282e+38px;
        border-top-right-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full)
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none)
    }

    .rounded-r-xl {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl)
    }

    .rounded-tr-\[32px\] {
        border-top-right-radius: 32px
    }

    .rounded-tr-full {
        border-top-right-radius: 3.40282e+38px;
        border-top-right-radius: var(--radius-full)
    }

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

    .rounded-tr-xl {
        border-top-right-radius: var(--radius-xl)
    }

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

    .rounded-b-\[20px\] {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .rounded-b-\[24px\] {
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px
    }

    .rounded-b-full {
        border-bottom-right-radius: 3.40282e+38px;
        border-bottom-left-radius: 3.40282e+38px;
        border-bottom-right-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full)
    }

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

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

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

    .rounded-br-full {
        border-bottom-right-radius: 3.40282e+38px;
        border-bottom-right-radius: var(--radius-full)
    }

    .rounded-bl-\[1px\] {
        border-bottom-left-radius: 1px
    }

    .rounded-bl-\[32px\] {
        border-bottom-left-radius: 32px
    }

    .rounded-bl-full {
        border-bottom-left-radius: 3.40282e+38px;
        border-bottom-left-radius: var(--radius-full)
    }

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

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

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

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

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

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

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

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

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

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

    .border-r-\[1\.5px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 1.5px
    }

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

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

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

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

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

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

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

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

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

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

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

    .border-alpha-white\/30 {
        border-color: #ffffff4d
    }

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

    .border-black\/10 {
        border-color: #0000001a
    }

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

    .border-border-primary {
        border-color: var(--color-border-primary)
    }

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

    .border-brand-solid {
        border-color: var(--border-color-brand-solid)
    }

    .border-brand-solid_hover {
        border-color: var(--border-color-brand-solid_hover)
    }

    .border-brand_alt {
        border-color: var(--border-color-brand_alt)
    }

    .border-current {
        border-color: currentColor
    }

    .border-disabled {
        border-color: var(--border-color-disabled)
    }

    .border-disabled_subtle {
        border-color: var(--border-color-disabled_subtle)
    }

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

    .border-error_subtle {
        border-color: var(--border-color-error_subtle)
    }

    .border-fg-brand-primary_alt {
        border-color: var(--color-fg-brand-primary_alt)
    }

    .border-fg-error-primary {
        border-color: var(--color-fg-error-primary)
    }

    .border-fg-secondary {
        border-color: var(--color-fg-secondary)
    }

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

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

    .border-primary {
        border-color: var(--border-color-primary)
    }

    .border-secondary {
        border-color: var(--border-color-secondary)
    }

    .border-secondary_alt {
        border-color: var(--border-color-secondary_alt)
    }

    .border-tertiary {
        border-color: var(--border-color-tertiary)
    }

    .border-toggle-border {
        border-color: var(--color-toggle-border)
    }

    .border-toggle-slim-border_pressed {
        border-color: var(--color-toggle-slim-border_pressed)
    }

    .border-toggle-slim-border_pressed-hover {
        border-color: var(--color-toggle-slim-border_pressed-hover)
    }

    /* Secondary Color Border Utilities */
    .border-secondary-25 {
        border-color: var(--color-secondary-25)
    }

    .border-secondary-50 {
        border-color: var(--color-secondary-50)
    }

    .border-secondary-100 {
        border-color: var(--color-secondary-100)
    }

    .border-secondary-200 {
        border-color: var(--color-secondary-200)
    }

    .border-secondary-300 {
        border-color: var(--color-secondary-300)
    }

    .border-secondary-400 {
        border-color: var(--color-secondary-400)
    }

    .border-secondary-500 {
        border-color: var(--color-secondary-500)
    }

    .border-secondary-600 {
        border-color: var(--color-secondary-600)
    }

    .border-secondary-700 {
        border-color: var(--color-secondary-700)
    }

    .border-secondary-800 {
        border-color: var(--color-secondary-800)
    }

    .border-secondary-900 {
        border-color: var(--color-secondary-900)
    }

    .border-secondary-950 {
        border-color: var(--color-secondary-950)
    }

    /* Accent Color Border Utilities */
    .border-accent-25 {
        border-color: var(--color-accent-25)
    }

    .border-accent-50 {
        border-color: var(--color-accent-50)
    }

    .border-accent-100 {
        border-color: var(--color-accent-100)
    }

    .border-accent-200 {
        border-color: var(--color-accent-200)
    }

    .border-accent-300 {
        border-color: var(--color-accent-300)
    }

    .border-accent-400 {
        border-color: var(--color-accent-400)
    }

    .border-accent-500 {
        border-color: var(--color-accent-500)
    }

    .border-accent-600 {
        border-color: var(--color-accent-600)
    }

    .border-accent-700 {
        border-color: var(--color-accent-700)
    }

    .border-accent-800 {
        border-color: var(--color-accent-800)
    }

    .border-accent-900 {
        border-color: var(--color-accent-900)
    }

    .border-accent-950 {
        border-color: var(--color-accent-950)
    }

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

    .border-violet-700 {
        border-color: var(--color-violet-700)
    }

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

    .border-white\/30 {
        border-color: #ffffff4d
    }

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

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

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

    .border-b-secondary {
        border-bottom-color: var(--border-color-secondary)
    }

    .bg-\[\#1877F2\] {
        background-color: #1877f2
    }

    .bg-\[\#EA4C89\] {
        background-color: #ea4c89
    }

    .bg-\[\#F4D9D0\] {
        background-color: #f4d9d0
    }

    .bg-active {
        background-color: var(--background-color-active)
    }

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

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

    .bg-alpha-white\/20 {
        background-color: #fff3
    }

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

    .bg-alpha-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-alpha-white\/80 {
        background-color: #fffc
    }

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

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

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

    .bg-avatar-bg {
        background-color: var(--color-avatar-bg)
    }

    .bg-bg-secondary {
        background-color: var(--color-bg-secondary)
    }

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

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

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

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

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

    .bg-border-brand_alt {
        background-color: var(--background-color-border-brand_alt)
    }

    .bg-border-primary {
        background-color: var(--color-border-primary)
    }

    .bg-border-secondary {
        background-color: var(--color-border-secondary)
    }

    .bg-border-tertiary {
        background-color: var(--background-color-border-tertiary)
    }

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

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

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

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

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

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

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

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

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

    .bg-brand-solid\/10 {
        background-color: #7f56d91a
    }

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

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

    /* Secondary Color Background Utilities */
    .bg-secondary-25 {
        background-color: var(--color-secondary-25)
    }

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

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

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

    .bg-secondary-300 {
        background-color: var(--color-secondary-300)
    }

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

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

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

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

    .bg-secondary-800 {
        background-color: var(--color-secondary-800)
    }

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

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

    /* Accent Color Background Utilities */
    .bg-accent-25 {
        background-color: var(--color-accent-25)
    }

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

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

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

    .bg-accent-300 {
        background-color: var(--color-accent-300)
    }

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

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

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

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

    .bg-accent-800 {
        background-color: var(--color-accent-800)
    }

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

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

    .bg-current {
        background-color: currentColor
    }

    .bg-disabled {
        background-color: var(--background-color-disabled)
    }

    .bg-disabled_subtle {
        background-color: var(--background-color-disabled_subtle)
    }

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

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

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

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

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

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

    .bg-fg-brand-secondary\/10 {
        background-color: #9e77ed1a
    }

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

    .bg-fg-brand-secondary\/20 {
        background-color: #9e77ed33
    }

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

    .bg-fg-disabled {
        background-color: var(--color-fg-disabled)
    }

    .bg-fg-disabled_subtle {
        background-color: var(--color-fg-disabled_subtle)
    }

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

    .bg-fg-quaternary {
        background-color: var(--color-fg-quaternary)
    }

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

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

    .bg-fg-tertiary {
        background-color: var(--color-fg-tertiary)
    }

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

    .bg-fg-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-fg-white\/50 {
        background-color: #ffffff80
    }

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

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

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

    .bg-gray-800 {
        background-color: var(--color-gray-800)
    }

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

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

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

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

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

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

    .bg-overlay\/70 {
        background-color: #0a0d12b3
    }

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

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

    .bg-primary {
        background-color: var(--background-color-primary)
    }

    .bg-primary-solid {
        background-color: var(--background-color-primary-solid)
    }

    .bg-primary\/25 {
        background-color: #ffffff40
    }

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

    .bg-primary\/30 {
        background-color: #ffffff4d
    }

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

    .bg-primary\/70 {
        background-color: #ffffffb3
    }

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

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

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

    .bg-primary_alt {
        background-color: var(--background-color-primary_alt)
    }

    .bg-primary_hover {
        background-color: var(--background-color-primary_hover)
    }

    .bg-quaternary {
        background-color: var(--background-color-quaternary)
    }

    .bg-secondary {
        background-color: var(--background-color-secondary)
    }

    .bg-secondary-solid {
        background-color: var(--background-color-secondary-solid)
    }

    .bg-secondary_alt {
        background-color: var(--background-color-secondary_alt)
    }

    .bg-secondary_hover {
        background-color: var(--background-color-secondary_hover)
    }

    .bg-secondary_subtle {
        background-color: var(--background-color-secondary_subtle)
    }

    .bg-slider-handle-bg {
        background-color: var(--color-slider-handle-bg)
    }

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

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

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

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

    .bg-tertiary {
        background-color: var(--background-color-tertiary)
    }

    .bg-toggle-button-fg_disabled {
        background-color: var(--color-toggle-button-fg_disabled)
    }

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

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

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

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

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

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

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

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

    .bg-utility-brand-50_alt {
        background-color: var(--color-utility-brand-50_alt)
    }

    .bg-utility-brand-100_alt {
        background-color: var(--color-utility-brand-100_alt)
    }

    .bg-utility-brand-200_alt {
        background-color: var(--color-utility-brand-200_alt)
    }

    .bg-utility-brand-400_alt {
        background-color: var(--color-utility-brand-400_alt)
    }

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

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

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

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

    .bg-utility-gray-50 {
        background-color: var(--color-utility-gray-50)
    }

    .bg-utility-gray-100 {
        background-color: var(--color-utility-gray-100)
    }

    .bg-utility-gray-500 {
        background-color: var(--color-utility-gray-500)
    }

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

    .bg-utility-green-50 {
        background-color: var(--color-utility-green-50)
    }

    .bg-utility-green-500 {
        background-color: var(--color-utility-green-500)
    }

    .bg-utility-indigo-50 {
        background-color: var(--color-utility-indigo-50)
    }

    .bg-utility-indigo-100 {
        background-color: var(--color-utility-indigo-100)
    }

    .bg-utility-indigo-500 {
        background-color: var(--color-utility-indigo-500)
    }

    .bg-utility-indigo-600 {
        background-color: var(--color-utility-indigo-600)
    }

    .bg-utility-indigo-700 {
        background-color: var(--color-utility-indigo-700)
    }

    .bg-utility-orange-50 {
        background-color: var(--color-utility-orange-50)
    }

    .bg-utility-orange-500 {
        background-color: var(--color-utility-orange-500)
    }

    .bg-utility-pink-50 {
        background-color: var(--color-utility-pink-50)
    }

    .bg-utility-pink-100 {
        background-color: var(--color-utility-pink-100)
    }

    .bg-utility-pink-500 {
        background-color: var(--color-utility-pink-500)
    }

    .bg-utility-pink-700 {
        background-color: var(--color-utility-pink-700)
    }

    .bg-utility-purple-50 {
        background-color: var(--color-utility-purple-50)
    }

    .bg-utility-purple-500 {
        background-color: var(--color-utility-purple-500)
    }

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

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

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

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

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

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

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

    .bg-utility-yellow-50 {
        background-color: var(--color-utility-yellow-50)
    }

    .bg-utility-yellow-500 {
        background-color: var(--color-utility-yellow-500)
    }

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

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

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

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

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

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

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

    .bg-white\/20 {
        background-color: #fff3
    }

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

    .bg-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-white\/70 {
        background-color: #ffffffb3
    }

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

    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }

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

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

    .bg-linear-to-bl {
        --tw-gradient-position: to bottom left
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-bl {
            --tw-gradient-position: to bottom left in oklab
        }
    }

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

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab
        }
    }

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

    .bg-linear-to-l {
        --tw-gradient-position: to left
    }

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

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

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

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

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

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

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab
        }
    }

    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-tr {
        --tw-gradient-position: to top right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-tr {
            --tw-gradient-position: to top right in oklab
        }
    }

    .bg-gradient-to-r,
    .bg-linear-to-tr {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab
    }

    .bg-linear-\(--gradient-light\) {
        --tw-gradient-position: var(--gradient-light);
        background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-light)))
    }

    .bg-\[url\(\/shared-assets\/spirals-blue\.webp\)\] {
        background-image: url(/shared-assets/spirals-blue.webp)
    }

    .from-\[\#A5C0EE\] {
        --tw-gradient-from: #a5c0ee;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[\#A6C0FE\] {
        --tw-gradient-from: #a6c0fe;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[\#E0C3FC\] {
        --tw-gradient-from: #e0c3fc;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[\#FBC2EB\] {
        --tw-gradient-from: #fbc2eb;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[\#FBC5EC\] {
        --tw-gradient-from: #fbc5ec;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[\#FFEAF6\] {
        --tw-gradient-from: #ffeaf6;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[rgba\(0\,0\,0\,0\.02\)\] {
        --tw-gradient-from: #00000005;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-bg-primary {
        --tw-gradient-from: var(--color-bg-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-black\/10 {
        --tw-gradient-from: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .from-black\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-black\/20 {
        --tw-gradient-from: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .from-black\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-black\/40 {
        --tw-gradient-from: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)40%, transparent)
        }
    }

    .from-black\/40 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-brand-800 {
        --tw-gradient-from: var(--color-brand-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-brand-900 {
        --tw-gradient-from: var(--color-brand-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-gray-50 {
        --tw-gradient-from: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-gray-800 {
        --tw-gradient-from: var(--color-gray-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-gray-900 {
        --tw-gradient-from: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-white\/30 {
        --tw-gradient-from: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .from-white\/30 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-20\% {
        --tw-gradient-from-position: 20%
    }

    .from-50\% {
        --tw-gradient-from-position: 50%
    }

    .via-bg-secondary\/10 {
        --tw-gradient-via: #fafafa1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-bg-secondary\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-bg-secondary)10%, transparent)
        }
    }

    .via-bg-secondary\/10 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black {
        --tw-gradient-via: var(--color-black);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-50\% {
        --tw-gradient-via-position: 50%
    }

    .to-\[\#8EC5FC\] {
        --tw-gradient-to: #8ec5fc;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#A5C0EE\] {
        --tw-gradient-to: #a5c0ee;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#A6C0FE\] {
        --tw-gradient-to: #a6c0fe;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#A18CD1\] {
        --tw-gradient-to: #a18cd1;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#FBC5EC\] {
        --tw-gradient-to: #fbc5ec;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#FFEAF6\] {
        --tw-gradient-to: #ffeaf6;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[rgba\(0\,0\,0\,0\.17\)\] {
        --tw-gradient-to: #0000002b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-bg-disabled_subtle {
        --tw-gradient-to: var(--color-bg-disabled_subtle);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-bg-primary {
        --tw-gradient-to: var(--color-bg-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-bg-secondary {
        --tw-gradient-to: var(--color-bg-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-black {
        --tw-gradient-to: var(--color-black);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-black\/0 {
        --tw-gradient-to: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/0 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black)0%, transparent)
        }
    }

    .to-black\/0 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-black\/40 {
        --tw-gradient-to: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/40 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black)40%, transparent)
        }
    }

    .to-black\/40 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-brand-700 {
        --tw-gradient-to: var(--color-brand-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-gray-200 {
        --tw-gradient-to: var(--color-gray-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-gray-700 {
        --tw-gradient-to: var(--color-gray-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-40\% {
        --tw-gradient-to-position: 40%
    }

    .to-90\% {
        --tw-gradient-to-position: 90%
    }

    .mask-y-from-95\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
        --tw-mask-top-from-position: 95%;
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-from-position: 95%;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-x-from-80\% {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
        --tw-mask-right-from-position: 80%;
        --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color)var(--tw-mask-left-from-position), var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));
        --tw-mask-left-from-position: 80%
    }

    .mask-r-from-50,
    .mask-x-from-80\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-r-from-50 {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
        --tw-mask-right-from-position: calc(var(--spacing)*50)
    }

    .mask-r-from-90\% {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
        --tw-mask-right-from-position: 90%
    }

    .mask-r-from-90\%,
    .mask-r-to-100\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-r-to-100\% {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
        --tw-mask-right-to-position: 100%
    }

    .mask-b-from-94\% {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-from-position: 94%
    }

    .mask-b-from-94\%,
    .mask-b-from-\[calc\(100\%-340px\)\] {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-b-from-\[calc\(100\%-340px\)\] {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-from-position: calc(100% - 340px)
    }

    .box-decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: 50%
    }

    .fill-\[\#0F0F0D\] {
        fill: #0f0f0d
    }

    .fill-\[\#18181B\] {
        fill: #18181b
    }

    .fill-alpha-white\/10 {
        fill: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-alpha-white\/10 {
            fill: color-mix(in oklab, var(--color-alpha-white)10%, transparent)
        }
    }

    .fill-alpha-white\/20 {
        fill: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-alpha-white\/20 {
            fill: color-mix(in oklab, var(--color-alpha-white)20%, transparent)
        }
    }

    .fill-alpha-white\/90 {
        fill: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-alpha-white\/90 {
            fill: color-mix(in oklab, var(--color-alpha-white)90%, transparent)
        }
    }

    .fill-bg-brand-solid {
        fill: var(--color-bg-brand-solid)
    }

    .fill-bg-primary {
        fill: var(--color-bg-primary)
    }

    .fill-bg-primary-solid {
        fill: var(--color-bg-primary-solid)
    }

    .fill-bg-secondary {
        fill: var(--color-bg-secondary)
    }

    .fill-bg-tertiary {
        fill: var(--color-bg-tertiary)
    }

    .fill-black {
        fill: var(--color-black)
    }

    .fill-border-secondary_alt {
        fill: var(--color-border-secondary_alt)
    }

    .fill-brand-600 {
        fill: var(--color-brand-600)
    }

    .fill-brand-700 {
        fill: var(--color-brand-700)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-fg-disabled_subtle {
        fill: var(--color-fg-disabled_subtle)
    }

    .fill-fg-error-primary {
        fill: var(--color-fg-error-primary)
    }

    .fill-fg-primary {
        fill: var(--color-fg-primary)
    }

    .fill-fg-white {
        fill: var(--color-fg-white)
    }

    .fill-gray-600 {
        fill: var(--color-gray-600)
    }

    .fill-gray-700 {
        fill: var(--color-gray-700)
    }

    .fill-utility-brand-200 {
        fill: var(--color-utility-brand-200)
    }

    .fill-utility-brand-300 {
        fill: var(--color-utility-brand-300)
    }

    .fill-utility-brand-400 {
        fill: var(--color-utility-brand-400)
    }

    .fill-utility-brand-500 {
        fill: var(--color-utility-brand-500)
    }

    .fill-utility-brand-600 {
        fill: var(--color-utility-brand-600)
    }

    .fill-utility-gray-50 {
        fill: var(--color-utility-gray-50)
    }

    .fill-utility-gray-100 {
        fill: var(--color-utility-gray-100)
    }

    .fill-utility-gray-200 {
        fill: var(--color-utility-gray-200)
    }

    .fill-utility-gray-200\/20 {
        fill: #e9eaeb33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-utility-gray-200\/20 {
            fill: color-mix(in oklab, var(--color-utility-gray-200)20%, transparent)
        }
    }

    .fill-utility-gray-300 {
        fill: var(--color-utility-gray-300)
    }

    .fill-utility-gray-300\/30 {
        fill: #d5d7da4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-utility-gray-300\/30 {
            fill: color-mix(in oklab, var(--color-utility-gray-300)30%, transparent)
        }
    }

    .fill-utility-gray-700 {
        fill: var(--color-utility-gray-700)
    }

    .fill-warning-300 {
        fill: var(--color-warning-300)
    }

    .fill-white {
        fill: var(--color-white)
    }

    .fill-accent-500 {
        fill: var(--color-accent-500)
    }

    .stroke-alpha-white\/20 {
        stroke: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .stroke-alpha-white\/20 {
            stroke: color-mix(in oklab, var(--color-alpha-white)20%, transparent)
        }
    }

    .stroke-alpha-white\/30 {
        stroke: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .stroke-alpha-white\/30 {
            stroke: color-mix(in oklab, var(--color-alpha-white)30%, transparent)
        }
    }

    .stroke-bg-quaternary {
        stroke: var(--color-bg-quaternary)
    }

    .stroke-border-primary {
        stroke: var(--color-border-primary)
    }

    .stroke-border-secondary {
        stroke: var(--color-border-secondary)
    }

    .stroke-border-secondary_alt {
        stroke: var(--color-border-secondary_alt)
    }

    .stroke-border-tertiary {
        stroke: var(--color-border-tertiary)
    }

    .stroke-current {
        stroke: currentColor
    }

    .stroke-fg-brand-primary {
        stroke: var(--color-fg-brand-primary)
    }

    .stroke-fg-brand-secondary {
        stroke: var(--color-fg-brand-secondary)
    }

    .stroke-fg-quaternary {
        stroke: var(--color-fg-quaternary)
    }

    .stroke-fg-success-secondary {
        stroke: var(--color-fg-success-secondary)
    }

    .stroke-fg-white {
        stroke: var(--color-fg-white)
    }

    .stroke-inherit {
        stroke: inherit
    }

    .stroke-utility-brand-400 {
        stroke: var(--color-utility-brand-400)
    }

    .stroke-utility-brand-600 {
        stroke: var(--color-utility-brand-600)
    }

    .stroke-utility-brand-700 {
        stroke: var(--color-utility-brand-700)
    }

    .stroke-utility-gray-100 {
        stroke: var(--color-utility-gray-100)
    }

    .stroke-utility-gray-200 {
        stroke: var(--color-utility-gray-200)
    }

    .stroke-utility-gray-300 {
        stroke: var(--color-utility-gray-300)
    }

    .stroke-utility-gray-400 {
        stroke: var(--color-utility-gray-400)
    }

    .stroke-utility-gray-500 {
        stroke: var(--color-utility-gray-500)
    }

    .stroke-1 {
        stroke-width: 1px
    }

    .stroke-2 {
        stroke-width: 2px
    }

    .stroke-3 {
        stroke-width: 3px
    }

    .stroke-\[1\.75px\] {
        stroke-width: 1.75px
    }

    .stroke-\[2\.3px\] {
        stroke-width: 2.3px
    }

    .stroke-\[2\.4px\] {
        stroke-width: 2.4px
    }

    .stroke-\[2\.5px\] {
        stroke-width: 2.5px
    }

    .stroke-\[2\.25px\] {
        stroke-width: 2.25px
    }

    .stroke-\[2\.625px\] {
        stroke-width: 2.625px
    }

    .stroke-\[3px\] {
        stroke-width: 3px
    }

    .stroke-\[4px\] {
        stroke-width: 4px
    }

    .stroke-\[12px\] {
        stroke-width: 12px
    }

    .stroke-\[16px\] {
        stroke-width: 16px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-none {
        object-fit: none
    }

    .object-center {
        object-position: center
    }

    .object-left {
        object-position: left
    }

    .object-left-top {
        object-position: left top
    }

    .object-top {
        object-position: top
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\! {
        padding: calc(var(--spacing)*0) !important
    }

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

    .p-0\.75 {
        padding: calc(var(--spacing)*.75)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-1\.5\! {
        padding: calc(var(--spacing)*1.5) !important
    }

    .p-1\.25 {
        padding: calc(var(--spacing)*1.25)
    }

    .p-1\.75 {
        padding: calc(var(--spacing)*1.75)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing)*2.5)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-8 {
        padding: calc(var(--spacing)*8)
    }

    .p-10 {
        padding: calc(var(--spacing)*10)
    }

    .p-12 {
        padding: calc(var(--spacing)*12)
    }

    .p-14 {
        padding: calc(var(--spacing)*14)
    }

    .p-16 {
        padding: calc(var(--spacing)*16)
    }

    .p-\[0\.9px\] {
        padding: .9px
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[5px\] {
        padding: 5px
    }

    .p-\[17px\] {
        padding: 17px
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing)*.5)
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-1\.25 {
        padding-inline: calc(var(--spacing)*1.25)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-2\.25 {
        padding-inline: calc(var(--spacing)*2.25)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-4\! {
        padding-inline: calc(var(--spacing)*4) !important
    }

    .px-4\.5 {
        padding-inline: calc(var(--spacing)*4.5)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-5\.5 {
        padding-inline: calc(var(--spacing)*5.5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-14 {
        padding-inline: calc(var(--spacing)*14)
    }

    .px-16 {
        padding-inline: calc(var(--spacing)*16)
    }

    .px-20 {
        padding-inline: calc(var(--spacing)*20)
    }

    .px-\[1px\] {
        padding-inline: 1px
    }

    .px-\[3\.5px\] {
        padding-inline: 3.5px
    }

    .px-\[3px\] {
        padding-inline: 3px
    }

    .px-\[7px\] {
        padding-inline: 7px
    }

    .px-\[31\.5px\] {
        padding-inline: 31.5px
    }

    .py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-0\.75 {
        padding-block: calc(var(--spacing)*.75)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-2\.5\! {
        padding-block: calc(var(--spacing)*2.5) !important
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-4\.5 {
        padding-block: calc(var(--spacing)*4.5)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-5\.5 {
        padding-block: calc(var(--spacing)*5.5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }

    .py-24 {
        padding-block: calc(var(--spacing)*24)
    }

    .py-32 {
        padding-block: calc(var(--spacing)*32)
    }

    .py-\[0\.5px\] {
        padding-block: .5px
    }

    .py-\[1px\] {
        padding-block: 1px
    }

    .py-\[9px\] {
        padding-block: 9px
    }

    .py-px {
        padding-block: 1px
    }

    .ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-0\! {
        padding-top: calc(var(--spacing)*0) !important
    }

    .pt-0\.5 {
        padding-top: calc(var(--spacing)*.5)
    }

    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing)*1.5)
    }

    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-11 {
        padding-top: calc(var(--spacing)*11)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-24 {
        padding-top: calc(var(--spacing)*24)
    }

    .pt-28 {
        padding-top: calc(var(--spacing)*28)
    }

    .pt-32 {
        padding-top: calc(var(--spacing)*32)
    }

    .pt-60 {
        padding-top: calc(var(--spacing)*60)
    }

    .pt-\[3px\] {
        padding-top: 3px
    }

    .pt-\[31px\] {
        padding-top: 31px
    }

    .pt-\[152px\] {
        padding-top: 152px
    }

    .pt-\[170px\] {
        padding-top: 170px
    }

    .pt-px {
        padding-top: 1px
    }

    .pr-0 {
        padding-right: calc(var(--spacing)*0)
    }

    .pr-0\.5 {
        padding-right: calc(var(--spacing)*.5)
    }

    .pr-0\.75 {
        padding-right: calc(var(--spacing)*.75)
    }

    .pr-1 {
        padding-right: calc(var(--spacing)*1)
    }

    .pr-1\.5 {
        padding-right: calc(var(--spacing)*1.5)
    }

    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }

    .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pr-3\.5 {
        padding-right: calc(var(--spacing)*3.5)
    }

    .pr-4 {
        padding-right: calc(var(--spacing)*4)
    }

    .pr-5 {
        padding-right: calc(var(--spacing)*5)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-7 {
        padding-right: calc(var(--spacing)*7)
    }

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-9 {
        padding-right: calc(var(--spacing)*9)
    }

    .pr-9\.5 {
        padding-right: calc(var(--spacing)*9.5)
    }

    .pr-12 {
        padding-right: calc(var(--spacing)*12)
    }

    .pr-16 {
        padding-right: calc(var(--spacing)*16)
    }

    .pr-20 {
        padding-right: calc(var(--spacing)*20)
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing)*.5)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .pb-1\.5 {
        padding-bottom: calc(var(--spacing)*1.5)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

    .pb-13 {
        padding-bottom: calc(var(--spacing)*13)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .pb-24 {
        padding-bottom: calc(var(--spacing)*24)
    }

    .pb-28 {
        padding-bottom: calc(var(--spacing)*28)
    }

    .pb-32 {
        padding-bottom: calc(var(--spacing)*32)
    }

    .pb-\[2px\] {
        padding-bottom: 2px
    }

    .pb-\[3px\] {
        padding-bottom: 3px
    }

    .pb-\[7px\] {
        padding-bottom: 7px
    }

    .pb-\[21px\] {
        padding-bottom: 21px
    }

    .pb-\[26px\] {
        padding-bottom: 26px
    }

    .pb-\[112px\] {
        padding-bottom: 112px
    }

    .pb-\[clamp\(16px\,8vh\,64px\)\] {
        padding-bottom: clamp(16px, 8vh, 64px)
    }

    .pl-0\.75 {
        padding-left: calc(var(--spacing)*.75)
    }

    .pl-1 {
        padding-left: calc(var(--spacing)*1)
    }

    .pl-1\.5 {
        padding-left: calc(var(--spacing)*1.5)
    }

    .pl-1\.25 {
        padding-left: calc(var(--spacing)*1.25)
    }

    .pl-1\.75 {
        padding-left: calc(var(--spacing)*1.75)
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-2\.5 {
        padding-left: calc(var(--spacing)*2.5)
    }

    .pl-2\.25 {
        padding-left: calc(var(--spacing)*2.25)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

    .pl-3\.5 {
        padding-left: calc(var(--spacing)*3.5)
    }

    .pl-4 {
        padding-left: calc(var(--spacing)*4)
    }

    .pl-4\.5 {
        padding-left: calc(var(--spacing)*4.5)
    }

    .pl-5 {
        padding-left: calc(var(--spacing)*5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .pl-7 {
        padding-left: calc(var(--spacing)*7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .pl-10\.5 {
        padding-left: calc(var(--spacing)*10.5)
    }

    .pl-13 {
        padding-left: calc(var(--spacing)*13)
    }

    .pl-18 {
        padding-left: calc(var(--spacing)*18)
    }

    .pl-20 {
        padding-left: calc(var(--spacing)*20)
    }

    .pl-24 {
        padding-left: calc(var(--spacing)*24)
    }

    .pl-40 {
        padding-left: calc(var(--spacing)*40)
    }

    .pl-\[5px\] {
        padding-left: 5px
    }

    .pl-\[71px\] {
        padding-left: 71px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-middle {
        vertical-align: middle
    }

    .align-top {
        vertical-align: top
    }

    .font-body {
        font-family: var(--font-body)
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .text-display-2xl {
        font-size: var(--text-display-2xl);
        line-height: var(--tw-leading, var(--text-display-2xl--line-height));
        letter-spacing: var(--tw-tracking, var(--text-display-2xl--letter-spacing))
    }

    .text-display-lg {
        font-size: var(--text-display-lg);
        line-height: var(--tw-leading, var(--text-display-lg--line-height));
        letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing))
    }

    .text-display-md {
        font-size: var(--text-display-md);
        line-height: var(--tw-leading, var(--text-display-md--line-height));
        letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing))
    }

    .text-display-xl {
        font-size: var(--text-display-xl);
        line-height: var(--tw-leading, var(--text-display-xl--line-height));
        letter-spacing: var(--tw-tracking, var(--text-display-xl--letter-spacing))
    }

    .\!text-xs {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-display-sm {
        font-size: var(--text-display-sm);
        line-height: var(--tw-leading, var(--text-display-sm--line-height))
    }

    .text-display-xs {
        font-size: var(--text-display-xs);
        line-height: var(--tw-leading, var(--text-display-xs--line-height))
    }

    .text-display-xs\! {
        font-size: var(--text-display-xs) !important;
        line-height: var(--tw-leading, var(--text-display-xs--line-height)) !important
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-md {
        font-size: var(--text-md);
        line-height: var(--tw-leading, var(--text-md--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[19px\] {
        font-size: 19px
    }

    .text-\[48px\] {
        font-size: 48px
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[normal\] {
        --tw-leading: normal;
        line-height: normal
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .font-\[650\] {
        --tw-font-weight: 650;
        font-weight: 650
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-bold\! {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-medium\! {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .font-semibold\! {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

    .-tracking-\[1\.2px\] {
        --tw-tracking: calc(1.2px*-1);
        letter-spacing: -1.2px
    }

    .-tracking-\[1\.44px\] {
        --tw-tracking: calc(1.44px*-1);
        letter-spacing: -1.44px
    }

    .tracking-\[0\.6px\] {
        --tw-tracking: .6px;
        letter-spacing: .6px
    }

    .tracking-\[1px\] {
        --tw-tracking: 1px;
        letter-spacing: 1px
    }

    .tracking-\[5\%\] {
        --tw-tracking: 5%;
        letter-spacing: 5%
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .text-\[\#f5f5f5\] {
        color: #f5f5f5
    }

    .text-alpha-black {
        color: var(--color-alpha-black)
    }

    .text-bg-secondary {
        color: var(--color-bg-secondary)
    }

    .text-bg-tertiary {
        color: var(--color-bg-tertiary)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-border-primary {
        color: var(--color-border-primary)
    }

    .text-border-secondary {
        color: var(--color-border-secondary)
    }

    .text-brand-600 {
        color: var(--color-brand-600)
    }

    .text-brand-primary {
        color: var(--text-color-brand-primary)
    }

    .text-brand-secondary {
        color: var(--text-color-brand-secondary)
    }

    .text-brand-tertiary {
        color: var(--text-color-brand-tertiary)
    }

    .text-brand-tertiary_alt {
        color: var(--text-color-brand-tertiary_alt)
    }

    /* Secondary Color Text Utilities */
    .text-secondary-25 {
        color: var(--color-secondary-25)
    }

    .text-secondary-50 {
        color: var(--color-secondary-50)
    }

    .text-secondary-100 {
        color: var(--color-secondary-100)
    }

    .text-secondary-200 {
        color: var(--color-secondary-200)
    }

    .text-secondary-300 {
        color: var(--color-secondary-300)
    }

    .text-secondary-400 {
        color: var(--color-secondary-400)
    }

    .text-secondary-500 {
        color: var(--color-secondary-500)
    }

    .text-secondary-600 {
        color: var(--color-secondary-600)
    }

    .text-secondary-700 {
        color: var(--color-secondary-700)
    }

    .text-secondary-800 {
        color: var(--color-secondary-800)
    }

    .text-secondary-900 {
        color: var(--color-secondary-900)
    }

    .text-secondary-950 {
        color: var(--color-secondary-950)
    }

    /* Accent Color Text Utilities */
    .text-accent-25 {
        color: var(--color-accent-25)
    }

    .text-accent-50 {
        color: var(--color-accent-50)
    }

    .text-accent-100 {
        color: var(--color-accent-100)
    }

    .text-accent-200 {
        color: var(--color-accent-200)
    }

    .text-accent-300 {
        color: var(--color-accent-300)
    }

    .text-accent-400 {
        color: var(--color-accent-400)
    }

    .text-accent-500 {
        color: var(--color-accent-500) !important;
    }

    .text-accent-600 {
        color: var(--color-accent-600)
    }

    .text-accent-700 {
        color: var(--color-accent-700)
    }

    .text-accent-800 {
        color: var(--color-accent-800)
    }

    .text-accent-900 {
        color: var(--color-accent-900)
    }

    .text-accent-950 {
        color: var(--color-accent-950)
    }

    .text-current {
        color: currentColor
    }

    .text-disabled {
        color: var(--text-color-disabled)
    }

    .text-error-primary {
        color: var(--text-color-error-primary)
    }

    .text-featured-icon-light-fg-brand {
        color: var(--color-featured-icon-light-fg-brand)
    }

    .text-featured-icon-light-fg-error {
        color: var(--color-featured-icon-light-fg-error)
    }

    .text-featured-icon-light-fg-gray {
        color: var(--color-featured-icon-light-fg-gray)
    }

    .text-featured-icon-light-fg-success {
        color: var(--color-featured-icon-light-fg-success)
    }

    .text-featured-icon-light-fg-warning {
        color: var(--color-featured-icon-light-fg-warning)
    }

    .text-fg-brand-primary {
        color: var(--color-fg-brand-primary)
    }

    .text-fg-brand-primary_alt {
        color: var(--color-fg-brand-primary_alt)
    }

    .text-fg-brand-secondary {
        color: var(--color-fg-brand-secondary)
    }

    .text-fg-disabled {
        color: var(--color-fg-disabled)
    }

    .text-fg-disabled_subtle {
        color: var(--color-fg-disabled_subtle)
    }

    .text-fg-error-primary {
        color: var(--color-fg-error-primary)
    }

    .text-fg-error-secondary {
        color: var(--color-fg-error-secondary)
    }

    .text-fg-primary {
        color: var(--color-fg-primary)
    }

    .text-fg-quaternary {
        color: var(--color-fg-quaternary)
    }

    .text-fg-quaternary_hover {
        color: var(--color-fg-quaternary_hover)
    }

    .text-fg-secondary {
        color: var(--color-fg-secondary)
    }

    .text-fg-success-primary {
        color: var(--color-fg-success-primary)
    }

    .text-fg-success-secondary {
        color: var(--color-fg-success-secondary)
    }

    .text-fg-tertiary {
        color: var(--color-fg-tertiary)
    }

    .text-fg-tertiary_hover {
        color: var(--color-fg-tertiary_hover)
    }

    .text-fg-warning-primary {
        color: var(--color-fg-warning-primary)
    }

    .text-fg-warning-secondary {
        color: var(--color-fg-warning-secondary)
    }

    .text-fg-white {
        color: var(--color-fg-white)
    }

    .text-fg-white\! {
        color: var(--color-fg-white) !important
    }

    .text-fg-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-fg-white\/70 {
            color: color-mix(in oklab, var(--color-fg-white)70%, transparent)
        }
    }

    .text-footer-button-fg {
        color: var(--color-footer-button-fg)
    }

    .text-gray-50 {
        color: var(--color-gray-50)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-icon-fg-brand {
        color: var(--color-icon-fg-brand)
    }

    .text-icon-fg-brand_on-brand {
        color: var(--color-icon-fg-brand_on-brand)
    }

    .text-inherit {
        color: inherit
    }

    .text-placeholder {
        color: var(--text-color-placeholder)
    }

    .text-placeholder_subtle {
        color: var(--text-color-placeholder_subtle)
    }

    .text-primary {
        color: var(--text-color-primary)
    }

    .text-primary_on-brand {
        color: var(--text-color-primary_on-brand)
    }

    .text-quaternary {
        color: var(--text-color-quaternary)
    }

    .text-quaternary_on-brand {
        color: var(--text-color-quaternary_on-brand)
    }

    .text-secondary {
        color: var(--text-color-secondary)
    }

    .text-secondary_hover {
        color: var(--text-color-secondary_hover)
    }

    .text-secondary_on-brand {
        color: var(--text-color-secondary_on-brand)
    }

    .text-success-primary {
        color: var(--text-color-success-primary)
    }

    .text-tertiary {
        color: var(--text-color-tertiary)
    }

    .text-tertiary_hover {
        color: var(--text-color-tertiary_hover)
    }

    .text-tertiary_on-brand {
        color: var(--text-color-tertiary_on-brand)
    }

    .text-text-editor-icon-fg {
        color: var(--color-text-editor-icon-fg)
    }

    .text-tooltip-supporting-text {
        color: var(--text-color-tooltip-supporting-text)
    }

    .text-transparent {
        color: #0000
    }

    .text-utility-blue-400 {
        color: var(--color-utility-blue-400)
    }

    .text-utility-blue-500 {
        color: var(--color-utility-blue-500)
    }

    .text-utility-blue-600 {
        color: var(--color-utility-blue-600)
    }

    .text-utility-blue-700 {
        color: var(--color-utility-blue-700)
    }

    .text-utility-blue-light-400 {
        color: var(--color-utility-blue-light-400)
    }

    .text-utility-blue-light-500 {
        color: var(--color-utility-blue-light-500)
    }

    .text-utility-blue-light-700 {
        color: var(--color-utility-blue-light-700)
    }

    .text-utility-brand-300 {
        color: var(--color-utility-brand-300)
    }

    .text-utility-brand-400 {
        color: var(--color-utility-brand-400)
    }

    .text-utility-brand-500 {
        color: var(--color-utility-brand-500)
    }

    .text-utility-brand-600 {
        color: var(--color-utility-brand-600)
    }

    .text-utility-brand-600_alt {
        color: var(--color-utility-brand-600_alt)
    }

    .text-utility-brand-700 {
        color: var(--color-utility-brand-700)
    }

    .text-utility-error-400 {
        color: var(--color-utility-error-400)
    }

    .text-utility-error-500 {
        color: var(--color-utility-error-500)
    }

    .text-utility-error-700 {
        color: var(--color-utility-error-700)
    }

    .text-utility-gray-50 {
        color: var(--color-utility-gray-50)
    }

    .text-utility-gray-100 {
        color: var(--color-utility-gray-100)
    }

    .text-utility-gray-200 {
        color: var(--color-utility-gray-200)
    }

    .text-utility-gray-300 {
        color: var(--color-utility-gray-300)
    }

    .text-utility-gray-400 {
        color: var(--color-utility-gray-400)
    }

    .text-utility-gray-500 {
        color: var(--color-utility-gray-500)
    }

    .text-utility-gray-600 {
        color: var(--color-utility-gray-600)
    }

    .text-utility-gray-700 {
        color: var(--color-utility-gray-700)
    }

    .text-utility-gray-blue-400 {
        color: var(--color-utility-gray-blue-400)
    }

    .text-utility-gray-blue-500 {
        color: var(--color-utility-gray-blue-500)
    }

    .text-utility-gray-blue-700 {
        color: var(--color-utility-gray-blue-700)
    }

    .text-utility-green-600 {
        color: var(--color-utility-green-600)
    }

    .text-utility-green-700 {
        color: var(--color-utility-green-700)
    }

    .text-utility-indigo-400 {
        color: var(--color-utility-indigo-400)
    }

    .text-utility-indigo-500 {
        color: var(--color-utility-indigo-500)
    }

    .text-utility-indigo-600 {
        color: var(--color-utility-indigo-600)
    }

    .text-utility-indigo-700 {
        color: var(--color-utility-indigo-700)
    }

    .text-utility-orange-400 {
        color: var(--color-utility-orange-400)
    }

    .text-utility-orange-500 {
        color: var(--color-utility-orange-500)
    }

    .text-utility-orange-600 {
        color: var(--color-utility-orange-600)
    }

    .text-utility-orange-700 {
        color: var(--color-utility-orange-700)
    }

    .text-utility-pink-400 {
        color: var(--color-utility-pink-400)
    }

    .text-utility-pink-500 {
        color: var(--color-utility-pink-500)
    }

    .text-utility-pink-600 {
        color: var(--color-utility-pink-600)
    }

    .text-utility-pink-700 {
        color: var(--color-utility-pink-700)
    }

    .text-utility-purple-400 {
        color: var(--color-utility-purple-400)
    }

    .text-utility-purple-500 {
        color: var(--color-utility-purple-500)
    }

    .text-utility-purple-600 {
        color: var(--color-utility-purple-600)
    }

    .text-utility-purple-700 {
        color: var(--color-utility-purple-700)
    }

    .text-utility-success-400 {
        color: var(--color-utility-success-400)
    }

    .text-utility-success-500 {
        color: var(--color-utility-success-500)
    }

    .text-utility-success-700 {
        color: var(--color-utility-success-700)
    }

    .text-utility-warning-400 {
        color: var(--color-utility-warning-400)
    }

    .text-utility-warning-500 {
        color: var(--color-utility-warning-500)
    }

    .text-utility-warning-700 {
        color: var(--color-utility-warning-700)
    }

    .text-utility-yellow-600 {
        color: var(--color-utility-yellow-600)
    }

    .text-utility-yellow-700 {
        color: var(--color-utility-yellow-700)
    }

    .text-warning-300 {
        color: var(--color-warning-300)
    }

    .text-warning-400 {
        color: var(--color-warning-400)
    }

    .text-warning-primary {
        color: var(--text-color-warning-primary)
    }

    .text-white {
        color: var(--color-white)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-utility-gray-200 {
        -webkit-text-decoration-color: var(--color-utility-gray-200);
        text-decoration-color: var(--color-utility-gray-200)
    }

    .decoration-1 {
        text-decoration-thickness: 1px
    }

    .decoration-\[3px\] {
        text-decoration-thickness: 3px
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-3 {
        text-underline-offset: 3px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .underline-offset-\[0\.218em\] {
        text-underline-offset: .218em
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .caret-alpha-black\/90 {
        caret-color: #000000e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .caret-alpha-black\/90 {
            caret-color: color-mix(in oklab, var(--color-alpha-black)90%, transparent)
        }
    }

    .caret-fg-brand-primary {
        caret-color: var(--color-fg-brand-primary)
    }

    .caret-transparent {
        caret-color: #0000
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-85 {
        opacity: .85
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .mix-blend-normal {
        mix-blend-mode: normal
    }

    .mix-blend-screen {
        mix-blend-mode: screen
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .shadow,
    .shadow-2xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0px 24px 48px -12px var(--tw-shadow-color, #0a0d122e), 0px 4px 4px -2px var(--tw-shadow-color, #0a0d120a)
    }

    .shadow-3xl {
        --tw-shadow: 0px 32px 64px -12px var(--tw-shadow-color, #0a0d1224), 0px 5px 5px -2.5px var(--tw-shadow-color, #0a0d120a)
    }

    .shadow-3xl,
    .shadow-\[0px_1px_0px_0px\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_1px_0px_0px\] {
        --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, currentcolor)
    }

    .shadow-\[inset_0px_1px_0px_0px\] {
        --tw-shadow: inset 0px 1px 0px 0px var(--tw-shadow-color, currentcolor)
    }

    .shadow-\[inset_0px_1px_0px_0px\],
    .shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, #0a0d1214), 0px 4px 6px -2px var(--tw-shadow-color, #0a0d1208), 0px 2px 2px -1px var(--tw-shadow-color, #0a0d120a)
    }

    .shadow-md {
        --tw-shadow: 0px 4px 6px -1px var(--tw-shadow-color, #0a0d121a), 0px 2px 4px -2px var(--tw-shadow-color, #0a0d120f)
    }

    .shadow-md,
    .shadow-modern-mockup-inner-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-modern-mockup-inner-lg {
        --tw-shadow: 0px 0px 3.765px 1.255px var(--tw-shadow-color, #0a0d1214)inset, 0px 0px 2.51px 1.255px var(--tw-shadow-color, #0a0d1208)inset
    }

    .shadow-modern-mockup-inner-md {
        --tw-shadow: 0px 0px 1.692px .564px var(--tw-shadow-color, #0a0d1214)inset, 0px 0px 1.128px .564px var(--tw-shadow-color, #0a0d1208)inset
    }

    .shadow-modern-mockup-inner-md,
    .shadow-modern-mockup-inner-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-modern-mockup-inner-sm {
        --tw-shadow: 0px 0px 4.48px 1.493px var(--tw-shadow-color, #0a0d1214)inset, 0px 0px 2.987px 1.493px var(--tw-shadow-color, #0a0d1208)inset
    }

    .shadow-modern-mockup-outer-md {
        --tw-shadow: 0px 3.385px 4.513px -1.128px var(--tw-shadow-color, #0a0d1214), 0px 1.128px 1.692px -.564px var(--tw-shadow-color, #0a0d1208), 0px .564px .564px -.282px var(--tw-shadow-color, #0a0d120a)
    }

    .shadow-modern-mockup-outer-md,
    .shadow-none {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000
    }

    .shadow-skeumorphic {
        --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #0a0d122e)inset, 0px -2px 0px 0px var(--tw-shadow-color, #0a0d120d)inset
    }

    .shadow-skeumorphic,
    .shadow-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0px 1px 3px var(--tw-shadow-color, #0a0d121a), 0px 1px 2px -1px var(--tw-shadow-color, #0a0d121a)
    }

    .shadow-xl {
        --tw-shadow: 0px 20px 24px -4px var(--tw-shadow-color, #0a0d1214), 0px 8px 8px -4px var(--tw-shadow-color, #0a0d1208), 0px 3px 3px -1.5px var(--tw-shadow-color, #0a0d120a)
    }

    .shadow-xl,
    .shadow-xs {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d)
    }

    .shadow-xs\! {
        --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .shadow-xs-skeumorphic {
        --tw-shadow: var(--shadow-skeumorphic), var(--shadow-xs)
    }

    .ring,
    .shadow-xs-skeumorphic {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-0,
    .ring-1 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-2,
    .ring-3 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-3 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-4 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-4,
    .ring-6 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-6 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(6px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-\[0\.56px\] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.56px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-\[0\.56px\],
    .ring-\[1\.5px\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[1\.5px\] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.5px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-\[1\.49px\] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.49px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-\[1\.49px\],
    .ring-\[1\.67px\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[1\.67px\] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.67px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .shadow-border-secondary {
        --tw-shadow-color: #e9eaeb
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-border-secondary {
            --tw-shadow-color: color-mix(in oklab, var(--color-border-secondary)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-border-secondary_alt {
        --tw-shadow-color: #00000014
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-border-secondary_alt {
            --tw-shadow-color: color-mix(in oklab, var(--color-border-secondary_alt)var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-alpha-white\/10 {
        --tw-ring-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-alpha-white\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-alpha-white)10%, transparent)
        }
    }

    .ring-alpha-white\/25 {
        --tw-ring-color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-alpha-white\/25 {
            --tw-ring-color: color-mix(in oklab, var(--color-alpha-white)25%, transparent)
        }
    }

    .ring-alpha-white\/30 {
        --tw-ring-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-alpha-white\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-alpha-white)30%, transparent)
        }
    }

    .ring-alpha-white\/60 {
        --tw-ring-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-alpha-white\/60 {
            --tw-ring-color: color-mix(in oklab, var(--color-alpha-white)60%, transparent)
        }
    }

    .ring-app-store-badge-border {
        --tw-ring-color: var(--color-app-store-badge-border)
    }

    .ring-avatar-contrast-border {
        --tw-ring-color: var(--color-avatar-contrast-border)
    }

    .ring-bg-brand-solid {
        --tw-ring-color: var(--ring-color-bg-brand-solid)
    }

    .ring-bg-primary {
        --tw-ring-color: var(--color-bg-primary)
    }

    .ring-black\/10 {
        --tw-ring-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-black\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .ring-border-primary {
        --tw-ring-color: var(--color-border-primary)
    }

    .ring-border-secondary {
        --tw-ring-color: var(--color-border-secondary)
    }

    .ring-brand {
        --tw-ring-color: var(--ring-color-brand)
    }

    .ring-disabled {
        --tw-ring-color: var(--ring-color-disabled)
    }

    .ring-disabled_subtle {
        --tw-ring-color: var(--ring-color-disabled_subtle)
    }

    .ring-error {
        --tw-ring-color: var(--ring-color-error)
    }

    .ring-error_subtle {
        --tw-ring-color: var(--ring-color-error_subtle)
    }

    .ring-fg-primary {
        --tw-ring-color: var(--color-fg-primary)
    }

    .ring-fg-white {
        --tw-ring-color: var(--color-fg-white)
    }

    .ring-focus-ring {
        --tw-ring-color: var(--color-focus-ring)
    }

    .ring-primary {
        --tw-ring-color: var(--ring-color-primary)
    }

    .ring-screen-mockup-border {
        --tw-ring-color: var(--color-screen-mockup-border)
    }

    .ring-secondary {
        --tw-ring-color: var(--ring-color-secondary)
    }

    .ring-secondary_alt {
        --tw-ring-color: var(--ring-color-secondary_alt)
    }

    .ring-slider-handle-border {
        --tw-ring-color: var(--color-slider-handle-border)
    }

    .ring-transparent {
        --tw-ring-color: transparent
    }

    .ring-utility-blue-200 {
        --tw-ring-color: var(--color-utility-blue-200)
    }

    .ring-utility-blue-light-200 {
        --tw-ring-color: var(--color-utility-blue-light-200)
    }

    .ring-utility-brand-200 {
        --tw-ring-color: var(--color-utility-brand-200)
    }

    .ring-utility-error-200 {
        --tw-ring-color: var(--color-utility-error-200)
    }

    .ring-utility-gray-200 {
        --tw-ring-color: var(--color-utility-gray-200)
    }

    .ring-utility-gray-300 {
        --tw-ring-color: var(--color-utility-gray-300)
    }

    .ring-utility-gray-blue-200 {
        --tw-ring-color: var(--color-utility-gray-blue-200)
    }

    .ring-utility-green-200 {
        --tw-ring-color: var(--color-utility-green-200)
    }

    .ring-utility-indigo-200 {
        --tw-ring-color: var(--color-utility-indigo-200)
    }

    .ring-utility-orange-200 {
        --tw-ring-color: var(--color-utility-orange-200)
    }

    .ring-utility-pink-200 {
        --tw-ring-color: var(--color-utility-pink-200)
    }

    .ring-utility-purple-200 {
        --tw-ring-color: var(--color-utility-purple-200)
    }

    .ring-utility-success-200 {
        --tw-ring-color: var(--color-utility-success-200)
    }

    .ring-utility-warning-200 {
        --tw-ring-color: var(--color-utility-warning-200)
    }

    .ring-utility-yellow-200 {
        --tw-ring-color: var(--color-utility-yellow-200)
    }

    .ring-white {
        --tw-ring-color: var(--color-white)
    }

    .ring-white\/10 {
        --tw-ring-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .ring-white\/20 {
        --tw-ring-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .ring-white\/30 {
        --tw-ring-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .ring-white\/50 {
        --tw-ring-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/50 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-bg-primary {
        --tw-ring-offset-color: var(--color-bg-primary)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline-hidden\! {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    @media (forced-colors:active) {
        .outline-hidden\! {
            outline-offset: 2px !important;
            outline: 2px solid #0000 !important
        }
    }

    .outline,
    .outline-1 {
        outline-width: 1px
    }

    .outline,
    .outline-1,
    .outline-2 {
        outline-style: var(--tw-outline-style)
    }

    .outline-2 {
        outline-width: 2px
    }

    .outline-3 {
        outline-width: 3px
    }

    .outline-3,
    .outline-\[0\.5px\] {
        outline-style: var(--tw-outline-style)
    }

    .outline-\[0\.5px\] {
        outline-width: .5px
    }

    .outline-\[0\.75px\] {
        outline-style: var(--tw-outline-style);
        outline-width: .75px
    }

    .-outline-offset-1 {
        outline-offset: calc(1px*-1)
    }

    .-outline-offset-2 {
        outline-offset: calc(2px*-1)
    }

    .-outline-offset-\[0\.5px\] {
        outline-offset: calc(.5px*-1)
    }

    .-outline-offset-\[0\.75px\] {
        outline-offset: calc(.75px*-1)
    }

    .outline-offset-2 {
        outline-offset: 2px
    }

    .outline-avatar-contrast-border {
        outline-color: var(--color-avatar-contrast-border)
    }

    .outline-black\/10 {
        outline-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-black\/10 {
            outline-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .outline-brand {
        outline-color: var(--outline-color-brand)
    }

    .outline-error {
        outline-color: var(--outline-color-error)
    }

    .outline-focus-ring {
        outline-color: var(--color-focus-ring)
    }

    .outline-secondary_alt {
        outline-color: var(--outline-color-secondary_alt)
    }

    .outline-transparent {
        outline-color: #0000
    }

    .outline-utility-brand-100 {
        outline-color: var(--color-utility-brand-100)
    }

    .outline-utility-error-100 {
        outline-color: var(--color-utility-error-100)
    }

    .outline-utility-gray-100 {
        outline-color: var(--color-utility-gray-100)
    }

    .outline-utility-success-100 {
        outline-color: var(--color-utility-success-100)
    }

    .outline-utility-warning-100 {
        outline-color: var(--color-utility-warning-100)
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl))
    }

    .blur-3xl,
    .blur-\[2px\] {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[2px\] {
        --tw-blur: blur(2px)
    }

    .blur-\[30px\] {
        --tw-blur: blur(30px)
    }

    .blur-\[30px\],
    .blur-md {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-md {
        --tw-blur: blur(var(--blur-md))
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs))
    }

    .blur-xs,
    .brightness-95 {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-95 {
        --tw-brightness: brightness(95%)
    }

    .brightness-\[0\.4\] {
        --tw-brightness: brightness(.4)
    }

    .brightness-\[0\.25\],
    .brightness-\[0\.4\] {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-\[0\.25\] {
        --tw-brightness: brightness(.25)
    }

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f)
    }

    .drop-shadow,
    .drop-shadow-iphone-mockup {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .drop-shadow-iphone-mockup {
        --tw-drop-shadow-size: drop-shadow(20px 12px 18px var(--tw-drop-shadow-color, #10182833));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-iphone-mockup))
    }

    .drop-shadow-sm {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm))
    }

    .drop-shadow-sm,
    .grayscale-100 {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .grayscale-100 {
        --tw-grayscale: grayscale(100%)
    }

    .saturate-0 {
        --tw-saturate: saturate(0%)
    }

    .filter,
    .saturate-0 {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }

    .backdrop-blur,
    .backdrop-blur-\[1\.875px\] {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[1\.875px\] {
        --tw-backdrop-blur: blur(1.875px)
    }

    .backdrop-blur-\[2\.14px\] {
        --tw-backdrop-blur: blur(2.14px)
    }

    .backdrop-blur-\[2\.14px\],
    .backdrop-blur-\[6px\] {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px)
    }

    .backdrop-blur-\[8px\] {
        --tw-backdrop-blur: blur(8px)
    }

    .backdrop-blur-\[10px\],
    .backdrop-blur-\[8px\] {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px)
    }

    .backdrop-blur-lg {
        --tw-backdrop-blur: blur(var(--blur-lg))
    }

    .backdrop-blur-lg,
    .backdrop-blur-md {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md))
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm))
    }

    .backdrop-blur-sm,
    .backdrop-blur-xl {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl))
    }

    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs))
    }

    .backdrop-blur-xs,
    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[box-shadow\,background-color\] {
        transition-property: box-shadow, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[inherit\] {
        transition-property: inherit;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-inherit-all {
        transition-property: inherit;
        transition-duration: inherit;
        transition-timing-function: inherit
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .delay-\[-3s\] {
        transition-delay: -3s
    }

    .duration-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-transform {
        will-change: transform
    }

    .animate-in {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-name: enter;
        animation-duration: .15s
    }

    .animate-out {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-name: exit;
        animation-duration: .15s
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--clip-boundary\:50\%\] {
        --clip-boundary: 50%
    }

    .\[--column-width\:minmax\(0\,calc\(1280px\/var\(--content-columns\)\)\)\] {
        --column-width: minmax(0, calc(1280px/var(--content-columns)))
    }

    .\[--container-width\:1560px\] {
        --container-width: 1560px
    }

    .\[--content-columns\:12\] {
        --content-columns: 12
    }

    .\[--gutter-columns\:4\] {
        --gutter-columns: 4
    }

    .\[--scale\:0\.84\] {
        --scale: .84
    }

    .\[--scale\:1\.13\] {
        --scale: 1.13
    }

    .\[--scale\:1\.365\] {
        --scale: 1.365
    }

    .\[--stripe-height\:34px\] {
        --stripe-height: 34px
    }

    .\[animation-delay\:-0\.3s\] {
        animation-delay: -.3s
    }

    .\[animation-delay\:-0\.15s\] {
        animation-delay: -.15s
    }

    .delay-\[-3s\] {
        animation-delay: -3s
    }

    .direction-reverse {
        animation-direction: reverse
    }

    .duration-75 {
        animation-duration: 75ms
    }

    .duration-100 {
        animation-duration: .1s
    }

    .duration-150 {
        animation-duration: .15s
    }

    .duration-200 {
        animation-duration: .2s
    }

    .duration-300 {
        animation-duration: .3s
    }

    .duration-500 {
        animation-duration: .5s
    }

    .ease-in {
        animation-timing-function: cubic-bezier(.4, 0, 1, 1)
    }

    .ease-in-out {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-linear {
        animation-timing-function: linear
    }

    .ease-out {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .fade-in {
        --tw-enter-opacity: 0
    }

    .fade-out {
        --tw-exit-opacity: 0
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .running {
        animation-play-state: running
    }

    .slide-in-from-bottom-0\.5 {
        --tw-enter-translate-y: .125rem
    }

    .slide-in-from-left-2 {
        --tw-enter-translate-x: -.5rem
    }

    .slide-in-from-right {
        --tw-enter-translate-x: 100%
    }

    .slide-in-from-top-1 {
        --tw-enter-translate-y: -.25rem
    }

    .slide-out-to-bottom-0\.5 {
        --tw-exit-translate-y: .125rem
    }

    .slide-out-to-left-2 {
        --tw-exit-translate-x: -.5rem
    }

    .slide-out-to-right {
        --tw-exit-translate-x: 100%
    }

    .slide-out-to-top-1 {
        --tw-exit-translate-y: -.25rem
    }

    .text-shadow-\[0px_0px_48px_rgba\(0\,0\,0\,\.1\)\] {
        text-shadow: 0 0 48px var(--tw-text-shadow-color, #0000001a)
    }

    .zoom-in {
        --tw-enter-scale: 0
    }

    .zoom-in-95 {
        --tw-enter-scale: .95
    }

    .zoom-out {
        --tw-exit-scale: 0
    }

    .zoom-out-95 {
        --tw-exit-scale: .95
    }

    :is(.\*\:grow>*) {
        flex-grow: 1
    }

    .not-group-last\:pb-6:not(:is(:where(.group):last-child *)) {
        padding-bottom: calc(var(--spacing)*6)
    }

    .not-group-last\:pb-8:not(:is(:where(.group):last-child *)) {
        padding-bottom: calc(var(--spacing)*8)
    }

    .not-group-last\:pb-10:not(:is(:where(.group):last-child *)) {
        padding-bottom: calc(var(--spacing)*10)
    }

    .not-group-data-tabs\:rounded-\[20px\]:not(:is(:where(.group)[data-tabs] *)) {
        border-radius: 20px
    }

    .not-group-data-tabs\:bg-secondary_alt:not(:is(:where(.group)[data-tabs] *)) {
        background-color: var(--background-color-secondary_alt)
    }

    .not-group-data-tabs\:p-2:not(:is(:where(.group)[data-tabs] *)) {
        padding: calc(var(--spacing)*2)
    }

    .not-group-data-tabs\:ring-1:not(:is(:where(.group)[data-tabs] *)) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .not-group-data-tabs\:ring-secondary:not(:is(:where(.group)[data-tabs] *)) {
        --tw-ring-color: var(--ring-color-secondary)
    }

    .not-group-data-tabs\:ring-inset:not(:is(:where(.group)[data-tabs] *)) {
        --tw-ring-inset: inset
    }

    .not-first\:-mt-px:not(:first-child) {
        margin-top: -1px
    }

    .not-first\:border-t:not(:first-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .not-first\:border-brand_alt:not(:first-child) {
        border-color: var(--border-color-brand_alt)
    }

    .not-first\:border-secondary:not(:first-child) {
        border-color: var(--border-color-secondary)
    }

    .not-first\:pt-6:not(:first-child) {
        padding-top: calc(var(--spacing)*6)
    }

    .not-last\:pr-\[calc\(calc\(var\(--spacing\)\*3\.5\)\+1px\)\]:not(:last-child) {
        padding-right: calc(calc(var(--spacing)*3.5) + 1px)
    }

    .not-last\:pr-\[calc\(calc\(var\(--spacing\)\*4\)\+1px\)\]:not(:last-child) {
        padding-right: calc(calc(var(--spacing)*4) + 1px)
    }

    .not-last\:pr-\[calc\(calc\(var\(--spacing\)\*4\.5\)\+1px\)\]:not(:last-child) {
        padding-right: calc(calc(var(--spacing)*4.5) + 1px)
    }

    .not-dark\:hidden:not(:where(.dark-mode, .dark-mode *)) {
        display: none
    }

    :is(.\*\*\:not-\[\[data-handle\]\]\:pointer-events-none *):not([data-handle]) {
        pointer-events: none
    }

    .group-first\:translate-y-1:is(:where(.group):first-child *) {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-required\:block:is(:where(.group):where(:not([data-rac])):required *),
    .group-required\:block:is(:where(.group):where([data-rac])[data-required] *) {
        display: block
    }

    .group-invalid\:text-error-primary:is(:where(.group):where(:not([data-rac])):invalid *),
    .group-invalid\:text-error-primary:is(:where(.group):where([data-rac])[data-invalid] *) {
        color: var(--text-color-error-primary)
    }

    .group-invalid\:ring-2:is(:where(.group):where(:not([data-rac])):invalid *),
    .group-invalid\:ring-2:is(:where(.group):where([data-rac])[data-invalid] *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-invalid\:ring-error:is(:where(.group):where(:not([data-rac])):invalid *),
    .group-invalid\:ring-error:is(:where(.group):where([data-rac])[data-invalid] *) {
        --tw-ring-color: var(--ring-color-error)
    }

    .group-invalid\:ring-error_subtle:is(:where(.group):where(:not([data-rac])):invalid *),
    .group-invalid\:ring-error_subtle:is(:where(.group):where([data-rac])[data-invalid] *) {
        --tw-ring-color: var(--ring-color-error_subtle)
    }

    .group-focus-within\:pointer-events-auto:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:pointer-events-auto:is(:where(.group):where([data-rac])[data-focus-within] *) {
        pointer-events: auto
    }

    .group-focus-within\:-translate-y-full:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:-translate-y-full:is(:where(.group):where([data-rac])[data-focus-within] *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-focus-within\:scale-100:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:scale-100:is(:where(.group):where([data-rac])[data-focus-within] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-focus-within\:scale-130:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:scale-130:is(:where(.group):where([data-rac])[data-focus-within] *) {
        --tw-scale-x: 130%;
        --tw-scale-y: 130%;
        --tw-scale-z: 130%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-focus-within\:scale-\[1\.15\]:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:scale-\[1\.15\]:is(:where(.group):where([data-rac])[data-focus-within] *) {
        scale: 1.15
    }

    .group-focus-within\:opacity-100:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:opacity-100:is(:where(.group):where([data-rac])[data-focus-within] *) {
        opacity: 1
    }

    .group-focus-within\:ease-out:is(:where(.group):where(:not([data-rac])):focus-within *),
    .group-focus-within\:ease-out:is(:where(.group):where([data-rac])[data-focus-within] *) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .group-hover\:pointer-events-auto:is(:where(.group):where([data-rac])[data-hovered] *) {
        pointer-events: auto
    }

    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group):where(:not([data-rac])):hover *) {
            pointer-events: auto
        }
    }

    .group-hover\:inline-flex:is(:where(.group):where([data-rac])[data-hovered] *) {
        display: inline-flex
    }

    @media (hover:hover) {
        .group-hover\:inline-flex:is(:where(.group):where(:not([data-rac])):hover *) {
            display: inline-flex
        }
    }

    .group-hover\:-translate-y-full:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .group-hover\:-translate-y-full:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-translate-y: -100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .group-hover\:scale-80:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 80%;
        --tw-scale-y: 80%;
        --tw-scale-z: 80%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-80:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 80%;
            --tw-scale-y: 80%;
            --tw-scale-z: 80%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-90:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-90:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 90%;
            --tw-scale-y: 90%;
            --tw-scale-z: 90%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-100:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-100:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-110:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-110:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-120:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 120%;
        --tw-scale-y: 120%;
        --tw-scale-z: 120%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-120:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 120%;
            --tw-scale-y: 120%;
            --tw-scale-z: 120%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-130:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 130%;
        --tw-scale-y: 130%;
        --tw-scale-z: 130%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-130:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 130%;
            --tw-scale-y: 130%;
            --tw-scale-z: 130%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-140:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-scale-x: 140%;
        --tw-scale-y: 140%;
        --tw-scale-z: 140%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .group-hover\:scale-140:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-scale-x: 140%;
            --tw-scale-y: 140%;
            --tw-scale-z: 140%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-hover\:scale-\[1\.15\]:is(:where(.group):where([data-rac])[data-hovered] *) {
        scale: 1.15
    }

    @media (hover:hover) {
        .group-hover\:scale-\[1\.15\]:is(:where(.group):where(:not([data-rac])):hover *) {
            scale: 1.15
        }
    }

    .group-hover\:bg-alpha-white\/40:is(:where(.group):where([data-rac])[data-hovered] *) {
        background-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\:bg-alpha-white\/40:is(:where(.group):where([data-rac])[data-hovered] *) {
            background-color: color-mix(in oklab, var(--color-alpha-white)40%, transparent)
        }
    }

    @media (hover:hover) {
        .group-hover\:bg-alpha-white\/40:is(:where(.group):where(:not([data-rac])):hover *) {
            background-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-alpha-white\/40:is(:where(.group):where(:not([data-rac])):hover *) {
                background-color: color-mix(in oklab, var(--color-alpha-white)40%, transparent)
            }
        }
    }

    .group-hover\:bg-alpha-white\/50:is(:where(.group):where([data-rac])[data-hovered] *) {
        background-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\:bg-alpha-white\/50:is(:where(.group):where([data-rac])[data-hovered] *) {
            background-color: color-mix(in oklab, var(--color-alpha-white)50%, transparent)
        }
    }

    @media (hover:hover) {
        .group-hover\:bg-alpha-white\/50:is(:where(.group):where(:not([data-rac])):hover *) {
            background-color: #ffffff80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-alpha-white\/50:is(:where(.group):where(:not([data-rac])):hover *) {
                background-color: color-mix(in oklab, var(--color-alpha-white)50%, transparent)
            }
        }
    }

    .group-hover\:bg-primary_hover:is(:where(.group):where([data-rac])[data-hovered] *) {
        background-color: var(--background-color-primary_hover)
    }

    @media (hover:hover) {
        .group-hover\:bg-primary_hover:is(:where(.group):where(:not([data-rac])):hover *) {
            background-color: var(--background-color-primary_hover)
        }
    }

    .group-hover\:text-brand-secondary:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--text-color-brand-secondary)
    }

    @media (hover:hover) {
        .group-hover\:text-brand-secondary:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--text-color-brand-secondary)
        }
    }

    .group-hover\:text-fg-brand-primary:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--color-fg-brand-primary)
    }

    @media (hover:hover) {
        .group-hover\:text-fg-brand-primary:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--color-fg-brand-primary)
        }
    }

    .group-hover\:text-fg-quaternary_hover:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--color-fg-quaternary_hover)
    }

    @media (hover:hover) {
        .group-hover\:text-fg-quaternary_hover:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--color-fg-quaternary_hover)
        }
    }

    .group-hover\:text-secondary:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--text-color-secondary)
    }

    @media (hover:hover) {
        .group-hover\:text-secondary:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--text-color-secondary)
        }
    }

    .group-hover\:text-secondary_hover:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--text-color-secondary_hover)
    }

    @media (hover:hover) {
        .group-hover\:text-secondary_hover:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--text-color-secondary_hover)
        }
    }

    .group-hover\:text-tertiary_hover:is(:where(.group):where([data-rac])[data-hovered] *) {
        color: var(--text-color-tertiary_hover)
    }

    @media (hover:hover) {
        .group-hover\:text-tertiary_hover:is(:where(.group):where(:not([data-rac])):hover *) {
            color: var(--text-color-tertiary_hover)
        }
    }

    .group-hover\:opacity-70:is(:where(.group):where([data-rac])[data-hovered] *) {
        opacity: .7
    }

    @media (hover:hover) {
        .group-hover\:opacity-70:is(:where(.group):where(:not([data-rac])):hover *) {
            opacity: .7
        }
    }

    .group-hover\:opacity-100:is(:where(.group):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\:opacity-100:is(:where(.group):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\:grayscale-0:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-grayscale: grayscale(0%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    @media (hover:hover) {
        .group-hover\:grayscale-0:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-grayscale: grayscale(0%);
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }
    }

    .group-hover\:ease-out:is(:where(.group):where([data-rac])[data-hovered] *) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    @media (hover:hover) {
        .group-hover\:ease-out:is(:where(.group):where(:not([data-rac])):hover *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out)
        }
    }

    .group-hover\:ease-out:is(:where(.group):where([data-rac])[data-hovered] *) {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    @media (hover:hover) {
        .group-hover\:ease-out:is(:where(.group):where(:not([data-rac])):hover *) {
            animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
    }

    .group-hover\/button\:translate-y-0:is(:where(.group\/button):where([data-rac])[data-hovered] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .group-hover\/button\:translate-y-0:is(:where(.group\/button):where(:not([data-rac])):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .group-hover\/button\:opacity-100:is(:where(.group\/button):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/button\:opacity-100:is(:where(.group\/button):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/button-group\:text-fg-quaternary_hover:is(:where(.group\/button-group):where([data-rac])[data-hovered] *) {
        color: var(--color-fg-quaternary_hover)
    }

    @media (hover:hover) {
        .group-hover\/button-group\:text-fg-quaternary_hover:is(:where(.group\/button-group):where(:not([data-rac])):hover *) {
            color: var(--color-fg-quaternary_hover)
        }
    }

    .group-hover\/item\:bg-primary_hover:is(:where(.group\/item):where([data-rac])[data-hovered] *) {
        background-color: var(--background-color-primary_hover)
    }

    @media (hover:hover) {
        .group-hover\/item\:bg-primary_hover:is(:where(.group\/item):where(:not([data-rac])):hover *) {
            background-color: var(--background-color-primary_hover)
        }
    }

    .group-hover\/item\:text-secondary_hover:is(:where(.group\/item):where([data-rac])[data-hovered] *) {
        color: var(--text-color-secondary_hover)
    }

    @media (hover:hover) {
        .group-hover\/item\:text-secondary_hover:is(:where(.group\/item):where(:not([data-rac])):hover *) {
            color: var(--text-color-secondary_hover)
        }
    }

    .group-hover\/item\:opacity-0:is(:where(.group\/item):where([data-rac])[data-hovered] *) {
        opacity: 0
    }

    @media (hover:hover) {
        .group-hover\/item\:opacity-0:is(:where(.group\/item):where(:not([data-rac])):hover *) {
            opacity: 0
        }
    }

    .group-hover\/item\:opacity-100:is(:where(.group\/item):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/item\:opacity-100:is(:where(.group\/item):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/msg\:opacity-100:is(:where(.group\/msg):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/msg\:opacity-100:is(:where(.group\/msg):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/pre\:opacity-100:is(:where(.group\/pre):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/pre\:opacity-100:is(:where(.group\/pre):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/progress\:translate-y-0:is(:where(.group\/progress):where([data-rac])[data-hovered] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .group-hover\/progress\:translate-y-0:is(:where(.group\/progress):where(:not([data-rac])):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .group-hover\/progress\:opacity-100:is(:where(.group\/progress):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/progress\:opacity-100:is(:where(.group\/progress):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/title\:text-fg-quaternary_hover:is(:where(.group\/title):where([data-rac])[data-hovered] *) {
        color: var(--color-fg-quaternary_hover)
    }

    @media (hover:hover) {
        .group-hover\/title\:text-fg-quaternary_hover:is(:where(.group\/title):where(:not([data-rac])):hover *) {
            color: var(--color-fg-quaternary_hover)
        }
    }

    .group-hover\/video\:translate-y-0:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .group-hover\/video\:translate-y-0:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .group-hover\/video\:opacity-100:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\/video\:opacity-100:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            opacity: 1
        }
    }

    .group-hover\/video\:duration-200:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    @media (hover:hover) {
        .group-hover\/video\:duration-200:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            --tw-duration: .2s;
            transition-duration: .2s
        }
    }

    .group-hover\/video\:ease-out:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    @media (hover:hover) {
        .group-hover\/video\:ease-out:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out)
        }
    }

    .group-hover\/video\:duration-200:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        animation-duration: .2s
    }

    @media (hover:hover) {
        .group-hover\/video\:duration-200:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            animation-duration: .2s
        }
    }

    .group-hover\/video\:ease-out:is(:where(.group\/video):where([data-rac])[data-hovered] *) {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    @media (hover:hover) {
        .group-hover\/video\:ease-out:is(:where(.group\/video):where(:not([data-rac])):hover *) {
            animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
    }

    .group-focus\:ring-2:is(:where(.group):where(:not([data-rac])):focus *),
    .group-focus\:ring-2:is(:where(.group):where([data-rac])[data-focused] *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-focus\:ring-offset-2:is(:where(.group):where(:not([data-rac])):focus *),
    .group-focus\:ring-offset-2:is(:where(.group):where([data-rac])[data-focused] *) {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .group-focus\/drag\:bg-brand-700:is(:where(.group\/drag):where(:not([data-rac])):focus *),
    .group-focus\/drag\:bg-brand-700:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        background-color: var(--color-brand-700)
    }

    .group-focus\/drag\:bg-tertiary:is(:where(.group\/drag):where(:not([data-rac])):focus *),
    .group-focus\/drag\:bg-tertiary:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        background-color: var(--background-color-tertiary)
    }

    .group-focus\/drag\:text-white:is(:where(.group\/drag):where(:not([data-rac])):focus *),
    .group-focus\/drag\:text-white:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        color: var(--color-white)
    }

    .group-focus\/drag\:ring-\[0\.5px\]:is(:where(.group\/drag):where(:not([data-rac])):focus *),
    .group-focus\/drag\:ring-\[0\.5px\]:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.5px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-focus\/drag\:ring-black\/5:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        --tw-ring-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus\/drag\:ring-black\/5:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
            --tw-ring-color: color-mix(in oklab, var(--color-black)5%, transparent)
        }
    }

    .group-focus\/drag\:ring-black\/5:is(:where(.group\/drag):where(:not([data-rac])):focus *) {
        --tw-ring-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus\/drag\:ring-black\/5:is(:where(.group\/drag):where(:not([data-rac])):focus *) {
            --tw-ring-color: color-mix(in oklab, var(--color-black)5%, transparent)
        }
    }

    .group-focus\/drag\:ring-black\/10:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        --tw-ring-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus\/drag\:ring-black\/10:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
            --tw-ring-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .group-focus\/drag\:ring-black\/10:is(:where(.group\/drag):where(:not([data-rac])):focus *) {
        --tw-ring-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus\/drag\:ring-black\/10:is(:where(.group\/drag):where(:not([data-rac])):focus *) {
            --tw-ring-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .group-focus\/drag\:ring-inset:is(:where(.group\/drag):where(:not([data-rac])):focus *),
    .group-focus\/drag\:ring-inset:is(:where(.group\/drag):where([data-rac])[data-focused] *) {
        --tw-ring-inset: inset
    }

    .group-focus-visible\:outline-2:is(:where(.group):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\:outline-2:is(:where(.group):where([data-rac])[data-focus-visible] *) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .group-focus-visible\:outline-offset-2:is(:where(.group):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\:outline-offset-2:is(:where(.group):where([data-rac])[data-focus-visible] *) {
        outline-offset: 2px
    }

    .group-focus-visible\/item\:translate-y-0:is(:where(.group\/item):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\/item\:translate-y-0:is(:where(.group\/item):where([data-rac])[data-focus-visible] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-focus-visible\/item\:bg-primary_hover:is(:where(.group\/item):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\/item\:bg-primary_hover:is(:where(.group\/item):where([data-rac])[data-focus-visible] *) {
        background-color: var(--background-color-primary_hover)
    }

    .group-focus-visible\/item\:opacity-100:is(:where(.group\/item):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\/item\:opacity-100:is(:where(.group\/item):where([data-rac])[data-focus-visible] *) {
        opacity: 1
    }

    .group-focus-visible\/item\:outline-2:is(:where(.group\/item):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\/item\:outline-2:is(:where(.group\/item):where([data-rac])[data-focus-visible] *) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .group-focus-visible\/item\:outline-offset-2:is(:where(.group\/item):where(:not([data-rac])):focus-visible *),
    .group-focus-visible\/item\:outline-offset-2:is(:where(.group\/item):where([data-rac])[data-focus-visible] *) {
        outline-offset: 2px
    }

    .group-active\/play\:scale-\[0\.8\]:is(:where(.group\/play):active *) {
        scale: .8
    }

    .group-disabled\:cursor-not-allowed:is(:where(.group):where(:not([data-rac])):disabled *),
    .group-disabled\:cursor-not-allowed:is(:where(.group):where([data-rac])[data-disabled] *) {
        cursor: not-allowed
    }

    .group-disabled\:bg-disabled_subtle:is(:where(.group):where(:not([data-rac])):disabled *),
    .group-disabled\:bg-disabled_subtle:is(:where(.group):where([data-rac])[data-disabled] *) {
        background-color: var(--background-color-disabled_subtle)
    }

    .group-disabled\:ring-disabled:is(:where(.group):where(:not([data-rac])):disabled *),
    .group-disabled\:ring-disabled:is(:where(.group):where([data-rac])[data-disabled] *) {
        --tw-ring-color: var(--ring-color-disabled)
    }

    .group-disabled\/button-group\:text-fg-disabled_subtle:is(:where(.group\/button-group):where(:not([data-rac])):disabled *),
    .group-disabled\/button-group\:text-fg-disabled_subtle:is(:where(.group\/button-group):where([data-rac])[data-disabled] *) {
        color: var(--color-fg-disabled_subtle)
    }

    .group-has-\[\.diff\]\/pre\:hidden:is(:where(.group\/pre):has(.diff) *) {
        display: none
    }

    .group-has-\[video\:focus-visible\]\/video\:translate-y-0:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-has-\[video\:focus-visible\]\/video\:opacity-100:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        opacity: 1
    }

    .group-has-\[video\:focus-visible\]\/video\:duration-200:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .group-has-\[video\:focus-visible\]\/video\:ease-out:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .group-has-\[video\:focus-visible\]\/video\:duration-200:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        animation-duration: .2s
    }

    .group-has-\[video\:focus-visible\]\/video\:ease-out:is(:where(.group\/video):has(:is(video:focus-visible)) *) {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .group-has-\[\&\>select\]\:right-0:is(:where(.group):has(*>select) *) {
        right: calc(var(--spacing)*0)
    }

    .group-has-\[\&\>select\]\:bg-transparent:is(:where(.group):has(*>select) *) {
        background-color: #0000
    }

    .group-has-\[\&\>select\]\:px-2\.5:is(:where(.group):has(*>select) *) {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .group-has-\[\&\>select\]\:px-3:is(:where(.group):has(*>select) *) {
        padding-inline: calc(var(--spacing)*3)
    }

    .group-has-\[\&\>select\]\:pr-6:is(:where(.group):has(*>select) *) {
        padding-right: calc(var(--spacing)*6)
    }

    .group-has-\[\&\>select\]\:pl-0:is(:where(.group):has(*>select) *) {
        padding-left: calc(var(--spacing)*0)
    }

    .group-has-\[\&\>select\]\:pl-2\.5:is(:where(.group):has(*>select) *) {
        padding-left: calc(var(--spacing)*2.5)
    }

    .group-has-\[\&\>select\]\:pl-3:is(:where(.group):has(*>select) *) {
        padding-left: calc(var(--spacing)*3)
    }

    .group-has-\[\&\>select\]\:shadow-none:is(:where(.group):has(*>select) *) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-has-\[\&\>select\]\:ring-0:is(:where(.group):has(*>select) *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-disabled\:group-has-\[\&\>select\]\:bg-transparent:is(:where(.group):where(:not([data-rac])):disabled *):is(:where(.group):has(*>select) *),
    .group-disabled\:group-has-\[\&\>select\]\:bg-transparent:is(:where(.group):where([data-rac])[data-disabled] *):is(:where(.group):has(*>select) *) {
        background-color: #0000
    }

    .group-aria-expanded\:block:is(:where(.group)[aria-expanded=true] *) {
        display: block
    }

    .group-aria-expanded\:hidden:is(:where(.group)[aria-expanded=true] *) {
        display: none
    }

    .group-aria-expanded\:opacity-0:is(:where(.group)[aria-expanded=true] *) {
        opacity: 0
    }

    .group-aria-expanded\:opacity-100:is(:where(.group)[aria-expanded=true] *) {
        opacity: 1
    }

    .group-aria-pressed\/field\:inset-2:is(:where(.group\/field)[aria-pressed=true] *) {
        inset: calc(var(--spacing)*2)
    }

    .group-data-preview\:hidden:is(:where(.group)[data-preview] *) {
        display: none
    }

    .group-data-preview\:h-full:is(:where(.group)[data-preview] *) {
        height: 100%
    }

    .group-data-tabs\:-top-2:is(:where(.group)[data-tabs] *) {
        top: calc(var(--spacing)*-2)
    }

    .group-data-tabs\:right-1:is(:where(.group)[data-tabs] *) {
        right: calc(var(--spacing)*1)
    }

    .group-data-tabs\:-translate-y-full:is(:where(.group)[data-tabs] *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-tabs\:opacity-100:is(:where(.group)[data-tabs] *) {
        opacity: 1
    }

    .group-orientation-vertical\:justify-start:is(:where(.group)[data-orientation=vertical] *) {
        justify-content: flex-start
    }

    .peer-hover\/dark\:\[--clip-boundary\:10\%\]:is(:where(.peer\/dark):where([data-rac])[data-hovered]~*) {
        --clip-boundary: 10%
    }

    @media (hover:hover) {
        .peer-hover\/dark\:\[--clip-boundary\:10\%\]:is(:where(.peer\/dark):where(:not([data-rac])):hover~*) {
            --clip-boundary: 10%
        }
    }

    .peer-hover\/light\:\[--clip-boundary\:90\%\]:is(:where(.peer\/light):where([data-rac])[data-hovered]~*) {
        --clip-boundary: 90%
    }

    @media (hover:hover) {
        .peer-hover\/light\:\[--clip-boundary\:90\%\]:is(:where(.peer\/light):where(:not([data-rac])):hover~*) {
            --clip-boundary: 90%
        }
    }

    .selection\:bg-fg-brand-primary\/10 ::selection {
        background-color: #7f56d91a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selection\:bg-fg-brand-primary\/10 ::selection {
            background-color: color-mix(in oklab, var(--color-fg-brand-primary)10%, transparent)
        }
    }

    .selection\:bg-fg-brand-primary\/10::selection {
        background-color: #7f56d91a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selection\:bg-fg-brand-primary\/10::selection {
            background-color: color-mix(in oklab, var(--color-fg-brand-primary)10%, transparent)
        }
    }

    .placeholder\:text-fg-quaternary::placeholder {
        color: var(--color-fg-quaternary)
    }

    .placeholder\:text-placeholder::placeholder {
        color: var(--text-color-placeholder)
    }

    .before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .before\:inset-1:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*1)
    }

    .before\:inset-px:before {
        content: var(--tw-content);
        inset: 1px
    }

    .before\:inset-x-0:before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:-bottom-px:before {
        content: var(--tw-content);
        bottom: -1px
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .before\:z-1:before {
        content: var(--tw-content);
        z-index: 1
    }

    .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .before\:size-6:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .before\:size-7:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .before\:size-8:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .before\:size-9:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    .before\:size-full:before {
        content: var(--tw-content);
        width: 100%;
        height: 100%
    }

    .before\:h-px:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:rounded-\[4px\]:before {
        content: var(--tw-content);
        border-radius: 4px
    }

    .before\:rounded-\[5px\]:before {
        content: var(--tw-content);
        border-radius: 5px
    }

    .before\:rounded-\[6px\]:before {
        content: var(--tw-content);
        border-radius: 6px
    }

    .before\:rounded-\[7px\]:before {
        content: var(--tw-content);
        border-radius: 7px
    }

    .before\:rounded-\[8px\]:before {
        content: var(--tw-content);
        border-radius: 8px
    }

    .before\:rounded-\[9px\]:before {
        content: var(--tw-content);
        border-radius: 9px
    }

    .before\:rounded-\[10px\]:before {
        content: var(--tw-content);
        border-radius: 10px
    }

    .before\:rounded-\[11px\]:before {
        content: var(--tw-content);
        border-radius: 11px
    }

    .before\:rounded-\[inherit\]:before {
        content: var(--tw-content);
        border-radius: inherit
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e+38px;
        border-radius: var(--radius-full)
    }

    .before\:border:before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .before\:border-2:before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .before\:border-r:before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .before\:border-r-0:before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .before\:border-b:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .before\:border-b-0:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .before\:border-l-\[3px\]:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 3px
    }

    .before\:border-brand:before {
        content: var(--tw-content);
        border-color: var(--border-color-brand)
    }

    .before\:border-fg-brand-primary\/30:before {
        content: var(--tw-content);
        border-color: #7f56d94d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-fg-brand-primary\/30:before {
            border-color: color-mix(in oklab, var(--color-fg-brand-primary)30%, transparent)
        }
    }

    .before\:border-fg-error-primary\/30:before {
        content: var(--tw-content);
        border-color: #d92d204d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-fg-error-primary\/30:before {
            border-color: color-mix(in oklab, var(--color-fg-error-primary)30%, transparent)
        }
    }

    .before\:border-fg-success-primary\/30:before {
        content: var(--tw-content);
        border-color: #0794554d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-fg-success-primary\/30:before {
            border-color: color-mix(in oklab, var(--color-fg-success-primary)30%, transparent)
        }
    }

    .before\:border-fg-tertiary\/30:before {
        content: var(--tw-content);
        border-color: #5358624d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-fg-tertiary\/30:before {
            border-color: color-mix(in oklab, var(--color-fg-tertiary)30%, transparent)
        }
    }

    .before\:border-fg-warning-primary\/30:before {
        content: var(--tw-content);
        border-color: #dc68034d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-fg-warning-primary\/30:before {
            border-color: color-mix(in oklab, var(--color-fg-warning-primary)30%, transparent)
        }
    }

    .before\:border-primary:before {
        content: var(--tw-content);
        border-color: var(--border-color-primary)
    }

    .before\:border-secondary:before {
        content: var(--tw-content);
        border-color: var(--border-color-secondary)
    }

    .before\:border-utility-brand-200:before {
        content: var(--tw-content);
        border-color: var(--color-utility-brand-200)
    }

    .before\:border-utility-brand-200\/12:before {
        content: var(--tw-content);
        border-color: #e9d7fe1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-utility-brand-200\/12:before {
            border-color: color-mix(in oklab, var(--color-utility-brand-200)12%, transparent)
        }
    }

    .before\:border-utility-error-200:before {
        content: var(--tw-content);
        border-color: var(--color-utility-error-200)
    }

    .before\:border-utility-error-200\/12:before {
        content: var(--tw-content);
        border-color: #fecdca1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-utility-error-200\/12:before {
            border-color: color-mix(in oklab, var(--color-utility-error-200)12%, transparent)
        }
    }

    .before\:border-utility-gray-200:before {
        content: var(--tw-content);
        border-color: var(--color-utility-gray-200)
    }

    .before\:border-utility-gray-200\/12:before {
        content: var(--tw-content);
        border-color: #e9eaeb1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-utility-gray-200\/12:before {
            border-color: color-mix(in oklab, var(--color-utility-gray-200)12%, transparent)
        }
    }

    .before\:border-utility-success-200:before {
        content: var(--tw-content);
        border-color: var(--color-utility-success-200)
    }

    .before\:border-utility-success-200\/12:before {
        content: var(--tw-content);
        border-color: #abefc61f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-utility-success-200\/12:before {
            border-color: color-mix(in oklab, var(--color-utility-success-200)12%, transparent)
        }
    }

    .before\:border-utility-warning-200:before {
        content: var(--tw-content);
        border-color: var(--color-utility-warning-200)
    }

    .before\:border-utility-warning-200\/12:before {
        content: var(--tw-content);
        border-color: #fedf891f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-utility-warning-200\/12:before {
            border-color: color-mix(in oklab, var(--color-utility-warning-200)12%, transparent)
        }
    }

    .before\:border-white\/12:before {
        content: var(--tw-content);
        border-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-white\/12:before {
            border-color: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .before\:bg-alpha-white\/30:before {
        content: var(--tw-content);
        background-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-alpha-white\/30:before {
            background-color: color-mix(in oklab, var(--color-alpha-white)30%, transparent)
        }
    }

    .before\:bg-border-secondary:before {
        content: var(--tw-content);
        background-color: var(--color-border-secondary)
    }

    .before\:bg-border-secondary_alt:before {
        content: var(--tw-content);
        background-color: var(--color-border-secondary_alt)
    }

    .before\:bg-secondary_alt:before {
        content: var(--tw-content);
        background-color: var(--background-color-secondary_alt)
    }

    .before\:bg-utility-brand-50:before {
        content: var(--tw-content);
        background-color: var(--color-utility-brand-50)
    }

    .before\:bg-utility-error-50:before {
        content: var(--tw-content);
        background-color: var(--color-utility-error-50)
    }

    .before\:bg-utility-gray-50:before {
        content: var(--tw-content);
        background-color: var(--color-utility-gray-50)
    }

    .before\:bg-utility-success-50:before {
        content: var(--tw-content);
        background-color: var(--color-utility-success-50)
    }

    .before\:bg-utility-warning-50:before {
        content: var(--tw-content);
        background-color: var(--color-utility-warning-50)
    }

    .before\:mask-b-from-0\%:before {
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-from-position: 0%
    }

    .before\:mask-b-from-0\%:before,
    .before\:mask-linear-135:before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .before\:mask-linear-135:before {
        --tw-mask-linear: linear-gradient(var(--tw-mask-linear-stops, var(--tw-mask-linear-position)));
        --tw-mask-linear-position: calc(1deg*135)
    }

    .before\:mask-linear-to-white\/20:before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear-stops: var(--tw-mask-linear-position), var(--tw-mask-linear-from-color)var(--tw-mask-linear-from-position), var(--tw-mask-linear-to-color)var(--tw-mask-linear-to-position);
        --tw-mask-linear: linear-gradient(var(--tw-mask-linear-stops));
        --tw-mask-linear-to-color: #fff3;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:mask-linear-to-white\/20:before {
            --tw-mask-linear-to-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0
    }

    .before\:opacity-40:before {
        content: var(--tw-content);
        opacity: .4
    }

    .before\:opacity-60:before {
        content: var(--tw-content);
        opacity: .6
    }

    .before\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_3px_3px_0px_rgba\(0\,0\,0\,0\.09\)\,1px_8px_5px_0px_rgba\(0\,0\,0\,0\.05\)\,2px_21px_6px_0px_rgba\(0\,0\,0\,0\)\,0px_0px_0px_1px_rgba\(0\,0\,0\,0\.08\)\,1px_13px_5px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_-2px_2px_0px_rgba\(0\,0\,0\,0\.13\)_inset\]:before {
        content: var(--tw-content);
        --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #0000001a), 0px 3px 3px 0px var(--tw-shadow-color, #00000017), 1px 8px 5px 0px var(--tw-shadow-color, #0000000d), 2px 21px 6px 0px var(--tw-shadow-color, #0000), 0px 0px 0px 1px var(--tw-shadow-color, #00000014), 1px 13px 5px 0px var(--tw-shadow-color, #00000003), 0px -2px 2px 0px var(--tw-shadow-color, #00000021)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .before\:ring-1:before {
        content: var(--tw-content);
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .before\:ring-black\/10:before {
        content: var(--tw-content);
        --tw-ring-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:ring-black\/10:before {
            --tw-ring-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .before\:ring-secondary_alt:before {
        content: var(--tw-content);
        --tw-ring-color: var(--ring-color-secondary_alt)
    }

    .before\:ring-white\/30:before {
        content: var(--tw-content);
        --tw-ring-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:ring-white\/30:before {
            --tw-ring-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .before\:ring-inset:before {
        content: var(--tw-content);
        --tw-ring-inset: inset
    }

    .not-last\:before\:border-r:not(:last-child):before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .after\:pointer-events-none:after {
        content: var(--tw-content);
        pointer-events: none
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:inset-0:after {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .after\:-inset-x-1\.5:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*-1.5)
    }

    .after\:-inset-x-2:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*-2)
    }

    .after\:inset-x-0:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .after\:-inset-y-2:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*-2)
    }

    .after\:-inset-y-3:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*-3)
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .after\:block:after {
        content: var(--tw-content);
        display: block
    }

    .after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .after\:size-6:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .after\:size-7:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .after\:size-8:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .after\:size-8\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*8.5);
        height: calc(var(--spacing)*8.5)
    }

    .after\:size-9\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*9.5);
        height: calc(var(--spacing)*9.5)
    }

    .after\:size-10:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .after\:size-10\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*10.5);
        height: calc(var(--spacing)*10.5)
    }

    .after\:size-11\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*11.5);
        height: calc(var(--spacing)*11.5)
    }

    .after\:h-px:after {
        content: var(--tw-content);
        height: 1px
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:-translate-x-full:after {
        --tw-translate-x: -100%
    }

    .after\:-translate-x-full:after,
    .after\:translate-x-full:after {
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:translate-x-full:after {
        --tw-translate-x: 100%
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e+38px;
        border-radius: var(--radius-full)
    }

    .after\:border-2:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .after\:border-t:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .after\:border-r:after {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .after\:border-b:after {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .after\:border-fg-brand-primary\/10:after {
        content: var(--tw-content);
        border-color: #7f56d91a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:border-fg-brand-primary\/10:after {
            border-color: color-mix(in oklab, var(--color-fg-brand-primary)10%, transparent)
        }
    }

    .after\:border-fg-error-primary\/10:after {
        content: var(--tw-content);
        border-color: #d92d201a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:border-fg-error-primary\/10:after {
            border-color: color-mix(in oklab, var(--color-fg-error-primary)10%, transparent)
        }
    }

    .after\:border-fg-success-primary\/10:after {
        content: var(--tw-content);
        border-color: #0794551a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:border-fg-success-primary\/10:after {
            border-color: color-mix(in oklab, var(--color-fg-success-primary)10%, transparent)
        }
    }

    .after\:border-fg-tertiary\/10:after {
        content: var(--tw-content);
        border-color: #5358621a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:border-fg-tertiary\/10:after {
            border-color: color-mix(in oklab, var(--color-fg-tertiary)10%, transparent)
        }
    }

    .after\:border-fg-warning-primary\/10:after {
        content: var(--tw-content);
        border-color: #dc68031a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:border-fg-warning-primary\/10:after {
            border-color: color-mix(in oklab, var(--color-fg-warning-primary)10%, transparent)
        }
    }

    .after\:border-secondary:after {
        content: var(--tw-content);
        border-color: var(--border-color-secondary)
    }

    .after\:bg-border-secondary:after {
        content: var(--tw-content);
        background-color: var(--color-border-secondary)
    }

    .after\:bg-brand-solid:after {
        content: var(--tw-content);
        background-color: var(--background-color-brand-solid)
    }

    .after\:bg-error-solid:after {
        content: var(--tw-content);
        background-color: var(--background-color-error-solid)
    }

    .after\:bg-secondary-solid:after {
        content: var(--tw-content);
        background-color: var(--background-color-secondary-solid)
    }

    .after\:bg-success-solid:after {
        content: var(--tw-content);
        background-color: var(--background-color-success-solid)
    }

    .after\:bg-warning-solid:after {
        content: var(--tw-content);
        background-color: var(--background-color-warning-solid)
    }

    .after\:bg-gradient-to-l:after {
        --tw-gradient-position: to left in oklab
    }

    .after\:bg-gradient-to-l:after,
    .after\:bg-gradient-to-r:after {
        content: var(--tw-content);
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .after\:bg-gradient-to-r:after {
        --tw-gradient-position: to right in oklab
    }

    .after\:from-transparent:after {
        content: var(--tw-content);
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .after\:to-bg-active:after {
        content: var(--tw-content);
        --tw-gradient-to: var(--color-bg-active);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing)*0)
    }

    .first\:rounded-l-lg:first-child {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    :is(.\*\:first\:mt-auto>*):first-child {
        margin-top: auto
    }

    .first\:before\:pointer-events-none:first-child:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .first\:before\:absolute:first-child:before {
        content: var(--tw-content);
        position: absolute
    }

    .first\:before\:-left-px:first-child:before {
        content: var(--tw-content);
        left: -1px
    }

    .first\:before\:float-left:first-child:before {
        content: var(--tw-content);
        float: left
    }

    .first\:before\:border-l:first-child:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .first\:before\:text-placeholder:first-child:before {
        content: var(--tw-content);
        color: var(--text-color-placeholder)
    }

    .first\:before\:content-\[attr\(data-placeholder\)\]:first-child:before {
        --tw-content: attr(data-placeholder);
        content: var(--tw-content)
    }

    .last\:mr-2:last-child {
        margin-right: calc(var(--spacing)*2)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .last\:flex:last-child {
        display: flex
    }

    .last\:hidden:last-child {
        display: none
    }

    .last\:rounded-r-lg:last-child {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }

    .last\:border-b:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
    }

    .last\:border-transparent:last-child {
        border-color: #0000
    }

    .last\:pb-8:last-child {
        padding-bottom: calc(var(--spacing)*8)
    }

    .last\:before\:border-b-0:last-child:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .even\:bg-secondary_subtle:nth-child(2n),
    .odd\:bg-secondary_subtle:nth-child(odd) {
        background-color: var(--background-color-secondary_subtle)
    }

    .last-of-type\:pb-0:last-of-type {
        padding-bottom: calc(var(--spacing)*0)
    }

    .autofill\:rounded-lg:autofill {
        border-radius: var(--radius-lg)
    }

    .autofill\:rounded-t-none:autofill {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: var(--radius-none);
        border-top-right-radius: var(--radius-none)
    }

    .autofill\:rounded-b-none:autofill {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none)
    }

    .autofill\:text-primary:autofill {
        color: var(--text-color-primary)
    }

    .focus-within\:z-10:where(:not([data-rac])):focus-within,
    .focus-within\:z-10:where([data-rac])[data-focus-within] {
        z-index: 10
    }

    .focus-within\:ring-2:where(:not([data-rac])):focus-within,
    .focus-within\:ring-2:where([data-rac])[data-focus-within] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-brand:where(:not([data-rac])):focus-within,
    .focus-within\:ring-brand:where([data-rac])[data-focus-within] {
        --tw-ring-color: var(--ring-color-brand)
    }

    .group-has-\[\&\>select\]\:focus-within\:ring-0:is(:where(.group):has(*>select) *):where(:not([data-rac])):focus-within,
    .group-has-\[\&\>select\]\:focus-within\:ring-0:is(:where(.group):has(*>select) *):where([data-rac])[data-focus-within] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:z-10:where([data-rac])[data-hovered] {
        z-index: 10
    }

    @media (hover:hover) {
        .hover\:z-10:where(:not([data-rac])):hover {
            z-index: 10
        }
    }

    .hover\:scale-105:where([data-rac])[data-hovered] {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        .hover\:scale-105:where(:not([data-rac])):hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .hover\:border-brand:where([data-rac])[data-hovered] {
        border-color: var(--border-color-brand)
    }

    @media (hover:hover) {
        .hover\:border-brand:where(:not([data-rac])):hover {
            border-color: var(--border-color-brand)
        }
    }

    .hover\:border-white\/40:where([data-rac])[data-hovered] {
        border-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:border-white\/40:where([data-rac])[data-hovered] {
            border-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:border-white\/40:where(:not([data-rac])):hover {
            border-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/40:where(:not([data-rac])):hover {
                border-color: color-mix(in oklab, var(--color-white)40%, transparent)
            }
        }
    }

    .hover\:bg-\[\#0C63D4\]:where([data-rac])[data-hovered] {
        background-color: #0c63d4
    }

    @media (hover:hover) {
        .hover\:bg-\[\#0C63D4\]:where(:not([data-rac])):hover {
            background-color: #0c63d4
        }
    }

    .hover\:bg-\[\#0E1525\]:where([data-rac])[data-hovered] {
        background-color: #0e1525
    }

    @media (hover:hover) {
        .hover\:bg-\[\#0E1525\]:where(:not([data-rac])):hover {
            background-color: #0e1525
        }
    }

    .hover\:bg-\[\#2ba7ff18\]:where([data-rac])[data-hovered] {
        background-color: #2ba7ff18
    }

    @media (hover:hover) {
        .hover\:bg-\[\#2ba7ff18\]:where(:not([data-rac])):hover {
            background-color: #2ba7ff18
        }
    }

    .hover\:bg-\[\#040506\]:where([data-rac])[data-hovered] {
        background-color: #040506
    }

    @media (hover:hover) {
        .hover\:bg-\[\#040506\]:where(:not([data-rac])):hover {
            background-color: #040506
        }
    }

    .hover\:bg-\[\#101010\]:where([data-rac])[data-hovered] {
        background-color: #101010
    }

    @media (hover:hover) {
        .hover\:bg-\[\#101010\]:where(:not([data-rac])):hover {
            background-color: #101010
        }
    }

    .hover\:bg-\[\#E62872\]:where([data-rac])[data-hovered] {
        background-color: #e62872
    }

    @media (hover:hover) {
        .hover\:bg-\[\#E62872\]:where(:not([data-rac])):hover {
            background-color: #e62872
        }
    }

    .hover\:bg-\[\#f0f4f9\]:where([data-rac])[data-hovered] {
        background-color: #f0f4f9
    }

    @media (hover:hover) {
        .hover\:bg-\[\#f0f4f9\]:where(:not([data-rac])):hover {
            background-color: #f0f4f9
        }
    }

    .hover\:bg-\[rgb\(240\,238\,230\)\]:where([data-rac])[data-hovered] {
        background-color: #f0eee6
    }

    @media (hover:hover) {
        .hover\:bg-\[rgb\(240\,238\,230\)\]:where(:not([data-rac])):hover {
            background-color: #f0eee6
        }
    }

    .hover\:bg-alpha-white\/20:where([data-rac])[data-hovered] {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-alpha-white\/20:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-alpha-white)20%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-alpha-white\/20:where(:not([data-rac])):hover {
            background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-alpha-white\/20:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-alpha-white)20%, transparent)
            }
        }
    }

    .hover\:bg-alpha-white\/40:where([data-rac])[data-hovered] {
        background-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-alpha-white\/40:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-alpha-white)40%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-alpha-white\/40:where(:not([data-rac])):hover {
            background-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-alpha-white\/40:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-alpha-white)40%, transparent)
            }
        }
    }

    .hover\:bg-alpha-white\/50:where([data-rac])[data-hovered] {
        background-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-alpha-white\/50:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-alpha-white)50%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-alpha-white\/50:where(:not([data-rac])):hover {
            background-color: #ffffff80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-alpha-white\/50:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-alpha-white)50%, transparent)
            }
        }
    }

    .hover\:bg-black:where([data-rac])[data-hovered] {
        background-color: var(--color-black)
    }

    @media (hover:hover) {
        .hover\:bg-black:where(:not([data-rac])):hover {
            background-color: var(--color-black)
        }
    }

    .hover\:bg-brand-solid_hover:where([data-rac])[data-hovered] {
        background-color: var(--background-color-brand-solid_hover)
    }

    @media (hover:hover) {
        .hover\:bg-brand-solid_hover:where(:not([data-rac])):hover {
            background-color: var(--background-color-brand-solid_hover)
        }
    }

    .hover\:bg-error-primary:where([data-rac])[data-hovered] {
        background-color: var(--background-color-error-primary)
    }

    @media (hover:hover) {
        .hover\:bg-error-primary:where(:not([data-rac])):hover {
            background-color: var(--background-color-error-primary)
        }
    }

    .hover\:bg-primary_hover:where([data-rac])[data-hovered] {
        background-color: var(--background-color-primary_hover)
    }

    @media (hover:hover) {
        .hover\:bg-primary_hover:where(:not([data-rac])):hover {
            background-color: var(--background-color-primary_hover)
        }
    }

    .hover\:bg-secondary:where([data-rac])[data-hovered] {
        background-color: var(--background-color-secondary)
    }

    @media (hover:hover) {
        .hover\:bg-secondary:where(:not([data-rac])):hover {
            background-color: var(--background-color-secondary)
        }
    }

    .hover\:bg-secondary_hover:where([data-rac])[data-hovered] {
        background-color: var(--background-color-secondary_hover)
    }

    @media (hover:hover) {
        .hover\:bg-secondary_hover:where(:not([data-rac])):hover {
            background-color: var(--background-color-secondary_hover)
        }
    }

    .hover\:bg-transparent:where([data-rac])[data-hovered] {
        background-color: #0000
    }

    @media (hover:hover) {
        .hover\:bg-transparent:where(:not([data-rac])):hover {
            background-color: #0000
        }
    }

    .hover\:bg-utility-blue-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-blue-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-blue-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-blue-100)
        }
    }

    .hover\:bg-utility-blue-light-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-blue-light-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-blue-light-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-blue-light-100)
        }
    }

    .hover\:bg-utility-brand-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-brand-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-brand-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-brand-100)
        }
    }

    .hover\:bg-utility-error-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-error-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-error-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-error-100)
        }
    }

    .hover\:bg-utility-gray-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-gray-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-gray-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-gray-100)
        }
    }

    .hover\:bg-utility-gray-blue-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-gray-blue-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-gray-blue-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-gray-blue-100)
        }
    }

    .hover\:bg-utility-green-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-green-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-green-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-green-100)
        }
    }

    .hover\:bg-utility-indigo-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-indigo-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-indigo-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-indigo-100)
        }
    }

    .hover\:bg-utility-orange-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-orange-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-orange-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-orange-100)
        }
    }

    .hover\:bg-utility-pink-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-pink-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-pink-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-pink-100)
        }
    }

    .hover\:bg-utility-purple-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-purple-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-purple-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-purple-100)
        }
    }

    .hover\:bg-utility-success-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-success-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-success-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-success-100)
        }
    }

    .hover\:bg-utility-warning-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-warning-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-warning-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-warning-100)
        }
    }

    .hover\:bg-utility-yellow-100:where([data-rac])[data-hovered] {
        background-color: var(--color-utility-yellow-100)
    }

    @media (hover:hover) {
        .hover\:bg-utility-yellow-100:where(:not([data-rac])):hover {
            background-color: var(--color-utility-yellow-100)
        }
    }

    .hover\:bg-white\/10:where([data-rac])[data-hovered] {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/10:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-white\/10:where(:not([data-rac])):hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/10:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-white)10%, transparent)
            }
        }
    }

    .hover\:bg-white\/20:where([data-rac])[data-hovered] {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/20:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-white\/20:where(:not([data-rac])):hover {
            background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/20:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }
    }

    .hover\:bg-white\/40:where([data-rac])[data-hovered] {
        background-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/40:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:bg-white\/40:where(:not([data-rac])):hover {
            background-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/40:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-white)40%, transparent)
            }
        }
    }

    .hover\:font-medium\!:where([data-rac])[data-hovered] {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    @media (hover:hover) {
        .hover\:font-medium\!:where(:not([data-rac])):hover {
            --tw-font-weight: var(--font-weight-medium) !important;
            font-weight: var(--font-weight-medium) !important
        }
    }

    .hover\:text-brand-secondary:where([data-rac])[data-hovered] {
        color: var(--text-color-brand-secondary)
    }

    @media (hover:hover) {
        .hover\:text-brand-secondary:where(:not([data-rac])):hover {
            color: var(--text-color-brand-secondary)
        }
    }

    .hover\:text-brand-secondary_hover:where([data-rac])[data-hovered] {
        color: var(--text-color-brand-secondary_hover)
    }

    @media (hover:hover) {
        .hover\:text-brand-secondary_hover:where(:not([data-rac])):hover {
            color: var(--text-color-brand-secondary_hover)
        }
    }

    .hover\:text-error-primary_hover:where([data-rac])[data-hovered] {
        color: var(--text-color-error-primary_hover)
    }

    @media (hover:hover) {
        .hover\:text-error-primary_hover:where(:not([data-rac])):hover {
            color: var(--text-color-error-primary_hover)
        }
    }

    .hover\:text-fg-quaternary_hover:where([data-rac])[data-hovered] {
        color: var(--color-fg-quaternary_hover)
    }

    @media (hover:hover) {
        .hover\:text-fg-quaternary_hover:where(:not([data-rac])):hover {
            color: var(--color-fg-quaternary_hover)
        }
    }

    .hover\:text-fg-secondary_hover:where([data-rac])[data-hovered] {
        color: var(--color-fg-secondary_hover)
    }

    @media (hover:hover) {
        .hover\:text-fg-secondary_hover:where(:not([data-rac])):hover {
            color: var(--color-fg-secondary_hover)
        }
    }

    .hover\:text-fg-white:where([data-rac])[data-hovered] {
        color: var(--color-fg-white)
    }

    @media (hover:hover) {
        .hover\:text-fg-white:where(:not([data-rac])):hover {
            color: var(--color-fg-white)
        }
    }

    .hover\:text-footer-button-fg_hover:where([data-rac])[data-hovered] {
        color: var(--color-footer-button-fg_hover)
    }

    @media (hover:hover) {
        .hover\:text-footer-button-fg_hover:where(:not([data-rac])):hover {
            color: var(--color-footer-button-fg_hover)
        }
    }

    .hover\:text-secondary:where([data-rac])[data-hovered] {
        color: var(--text-color-secondary)
    }

    @media (hover:hover) {
        .hover\:text-secondary:where(:not([data-rac])):hover {
            color: var(--text-color-secondary)
        }
    }

    .hover\:text-secondary_hover:where([data-rac])[data-hovered] {
        color: var(--text-color-secondary_hover)
    }

    @media (hover:hover) {
        .hover\:text-secondary_hover:where(:not([data-rac])):hover {
            color: var(--text-color-secondary_hover)
        }
    }

    .hover\:text-secondary_on-brand:where([data-rac])[data-hovered] {
        color: var(--text-color-secondary_on-brand)
    }

    @media (hover:hover) {
        .hover\:text-secondary_on-brand:where(:not([data-rac])):hover {
            color: var(--text-color-secondary_on-brand)
        }
    }

    .hover\:text-tertiary:where([data-rac])[data-hovered] {
        color: var(--text-color-tertiary)
    }

    @media (hover:hover) {
        .hover\:text-tertiary:where(:not([data-rac])):hover {
            color: var(--text-color-tertiary)
        }
    }

    .hover\:text-tertiary_hover:where([data-rac])[data-hovered] {
        color: var(--text-color-tertiary_hover)
    }

    @media (hover:hover) {
        .hover\:text-tertiary_hover:where(:not([data-rac])):hover {
            color: var(--text-color-tertiary_hover)
        }
    }

    .hover\:text-tertiary_on-brand:where([data-rac])[data-hovered] {
        color: var(--text-color-tertiary_on-brand)
    }

    @media (hover:hover) {
        .hover\:text-tertiary_on-brand:where(:not([data-rac])):hover {
            color: var(--text-color-tertiary_on-brand)
        }
    }

    .hover\:text-utility-blue-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-blue-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-blue-500:where(:not([data-rac])):hover {
            color: var(--color-utility-blue-500)
        }
    }

    .hover\:text-utility-blue-light-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-blue-light-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-blue-light-500:where(:not([data-rac])):hover {
            color: var(--color-utility-blue-light-500)
        }
    }

    .hover\:text-utility-brand-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-brand-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-brand-500:where(:not([data-rac])):hover {
            color: var(--color-utility-brand-500)
        }
    }

    .hover\:text-utility-error-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-error-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-error-500:where(:not([data-rac])):hover {
            color: var(--color-utility-error-500)
        }
    }

    .hover\:text-utility-gray-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-gray-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-gray-500:where(:not([data-rac])):hover {
            color: var(--color-utility-gray-500)
        }
    }

    .hover\:text-utility-gray-blue-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-gray-blue-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-gray-blue-500:where(:not([data-rac])):hover {
            color: var(--color-utility-gray-blue-500)
        }
    }

    .hover\:text-utility-indigo-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-indigo-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-indigo-500:where(:not([data-rac])):hover {
            color: var(--color-utility-indigo-500)
        }
    }

    .hover\:text-utility-orange-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-orange-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-orange-500:where(:not([data-rac])):hover {
            color: var(--color-utility-orange-500)
        }
    }

    .hover\:text-utility-pink-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-pink-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-pink-500:where(:not([data-rac])):hover {
            color: var(--color-utility-pink-500)
        }
    }

    .hover\:text-utility-purple-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-purple-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-purple-500:where(:not([data-rac])):hover {
            color: var(--color-utility-purple-500)
        }
    }

    .hover\:text-utility-success-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-success-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-success-500:where(:not([data-rac])):hover {
            color: var(--color-utility-success-500)
        }
    }

    .hover\:text-utility-warning-500:where([data-rac])[data-hovered] {
        color: var(--color-utility-warning-500)
    }

    @media (hover:hover) {
        .hover\:text-utility-warning-500:where(:not([data-rac])):hover {
            color: var(--color-utility-warning-500)
        }
    }

    .hover\:text-white:where([data-rac])[data-hovered] {
        color: var(--color-white)
    }

    @media (hover:hover) {
        .hover\:text-white:where(:not([data-rac])):hover {
            color: var(--color-white)
        }
    }

    .hover\:text-white\/70:where([data-rac])[data-hovered] {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:text-white\/70:where([data-rac])[data-hovered] {
            color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:text-white\/70:where(:not([data-rac])):hover {
            color: #ffffffb3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-white\/70:where(:not([data-rac])):hover {
                color: color-mix(in oklab, var(--color-white)70%, transparent)
            }
        }
    }

    .hover\:decoration-utility-gray-400:where([data-rac])[data-hovered] {
        -webkit-text-decoration-color: var(--color-utility-gray-400);
        text-decoration-color: var(--color-utility-gray-400)
    }

    @media (hover:hover) {
        .hover\:decoration-utility-gray-400:where(:not([data-rac])):hover {
            -webkit-text-decoration-color: var(--color-utility-gray-400);
            text-decoration-color: var(--color-utility-gray-400)
        }
    }

    .hover\:shadow-2xl:where([data-rac])[data-hovered] {
        --tw-shadow: 0px 24px 48px -12px var(--tw-shadow-color, #0a0d122e), 0px 4px 4px -2px var(--tw-shadow-color, #0a0d120a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    @media (hover:hover) {
        .hover\:shadow-2xl:where(:not([data-rac])):hover {
            --tw-shadow: 0px 24px 48px -12px var(--tw-shadow-color, #0a0d122e), 0px 4px 4px -2px var(--tw-shadow-color, #0a0d120a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    .hover\:ring-white\/40:where([data-rac])[data-hovered] {
        --tw-ring-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:ring-white\/40:where([data-rac])[data-hovered] {
            --tw-ring-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:ring-white\/40:where(:not([data-rac])):hover {
            --tw-ring-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:ring-white\/40:where(:not([data-rac])):hover {
                --tw-ring-color: color-mix(in oklab, var(--color-white)40%, transparent)
            }
        }
    }

    .hover\:backdrop-blur-sm:where([data-rac])[data-hovered] {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    @media (hover:hover) {
        .hover\:backdrop-blur-sm:where(:not([data-rac])):hover {
            --tw-backdrop-blur: blur(var(--blur-sm));
            -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
        }
    }

    .hover\:\[--clip-boundary\:10\%\]:where([data-rac])[data-hovered] {
        --clip-boundary: 10%
    }

    @media (hover:hover) {
        .hover\:\[--clip-boundary\:10\%\]:where(:not([data-rac])):hover {
            --clip-boundary: 10%
        }
    }

    .hover\:\[--clip-boundary\:90\%\]:where([data-rac])[data-hovered] {
        --clip-boundary: 90%
    }

    @media (hover:hover) {
        .hover\:\[--clip-boundary\:90\%\]:where(:not([data-rac])):hover {
            --clip-boundary: 90%
        }
    }

    :is(.hover\:\*\:text-\[\#0D6FE8\]:where([data-rac])[data-hovered]>*) {
        color: #0d6fe8
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-\[\#0D6FE8\]:where(:not([data-rac])):hover>*) {
            color: #0d6fe8
        }
    }

    :is(.hover\:\*\:text-\[\#1b1c1d\]:where([data-rac])[data-hovered]>*) {
        color: #1b1c1d
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-\[\#1b1c1d\]:where(:not([data-rac])):hover>*) {
            color: #1b1c1d
        }
    }

    :is(.hover\:\*\:text-\[\#F4F4F5\]:where([data-rac])[data-hovered]>*) {
        color: #f4f4f5
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-\[\#F4F4F5\]:where(:not([data-rac])):hover>*) {
            color: #f4f4f5
        }
    }

    :is(.hover\:\*\:text-\[rgb\(217\,119\,87\)\]:where([data-rac])[data-hovered]>*) {
        color: #d97757
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-\[rgb\(217\,119\,87\)\]:where(:not([data-rac])):hover>*) {
            color: #d97757
        }
    }

    :is(.hover\:\*\:text-\[rgb\(245\,249\,252\)\]:where([data-rac])[data-hovered]>*) {
        color: #f5f9fc
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-\[rgb\(245\,249\,252\)\]:where(:not([data-rac])):hover>*) {
            color: #f5f9fc
        }
    }

    :is(.hover\:\*\:text-white:where([data-rac])[data-hovered]>*) {
        color: var(--color-white)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:text-white:where(:not([data-rac])):hover>*) {
            color: var(--color-white)
        }
    }

    .not-dark\:hover\:bg-primary_hover:not(:where(.dark-mode, .dark-mode *)):where([data-rac])[data-hovered] {
        background-color: var(--background-color-primary_hover)
    }

    @media (hover:hover) {
        .not-dark\:hover\:bg-primary_hover:not(:where(.dark-mode, .dark-mode *)):where(:not([data-rac])):hover {
            background-color: var(--background-color-primary_hover)
        }
    }

    .focus\:z-1:where(:not([data-rac])):focus,
    .focus\:z-1:where([data-rac])[data-focused] {
        z-index: 1
    }

    .focus\:z-10:where(:not([data-rac])):focus,
    .focus\:z-10:where([data-rac])[data-focused] {
        z-index: 10
    }

    .focus\:bg-brand-solid:where(:not([data-rac])):focus,
    .focus\:bg-brand-solid:where([data-rac])[data-focused] {
        background-color: var(--background-color-brand-solid)
    }

    .focus\:bg-white:where(:not([data-rac])):focus,
    .focus\:bg-white:where([data-rac])[data-focused] {
        background-color: var(--color-white)
    }

    .focus\:font-medium:where(:not([data-rac])):focus,
    .focus\:font-medium:where([data-rac])[data-focused] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .focus\:text-fg-quaternary_hover:where(:not([data-rac])):focus,
    .focus\:text-fg-quaternary_hover:where([data-rac])[data-focused] {
        color: var(--color-fg-quaternary_hover)
    }

    .focus\:text-white:where(:not([data-rac])):focus,
    .focus\:text-white:where([data-rac])[data-focused] {
        color: var(--color-white)
    }

    .focus\:opacity-100:where(:not([data-rac])):focus,
    .focus\:opacity-100:where([data-rac])[data-focused] {
        opacity: 1
    }

    .focus\:ring-2:where(:not([data-rac])):focus,
    .focus\:ring-2:where([data-rac])[data-focused] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-3:where(:not([data-rac])):focus,
    .focus\:ring-3:where([data-rac])[data-focused] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-brand:where(:not([data-rac])):focus,
    .focus\:ring-brand:where([data-rac])[data-focused] {
        --tw-ring-color: var(--ring-color-brand)
    }

    .focus\:ring-error:where(:not([data-rac])):focus,
    .focus\:ring-error:where([data-rac])[data-focused] {
        --tw-ring-color: var(--ring-color-error)
    }

    .focus\:ring-focus-ring:where(:not([data-rac])):focus,
    .focus\:ring-focus-ring:where([data-rac])[data-focused] {
        --tw-ring-color: var(--color-focus-ring)
    }

    .focus\:outline-hidden:where([data-rac])[data-focused] {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus\:outline-hidden:where([data-rac])[data-focused] {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus\:outline-hidden:where(:not([data-rac])):focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus\:outline-hidden:where(:not([data-rac])):focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus\:outline-2:where(:not([data-rac])):focus,
    .focus\:outline-2:where([data-rac])[data-focused] {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus\:-outline-offset-2:where(:not([data-rac])):focus,
    .focus\:-outline-offset-2:where([data-rac])[data-focused] {
        outline-offset: calc(2px*-1)
    }

    .focus\:outline-offset-2:where(:not([data-rac])):focus,
    .focus\:outline-offset-2:where([data-rac])[data-focused] {
        outline-offset: 2px
    }

    .focus\:outline-offset-4:where(:not([data-rac])):focus,
    .focus\:outline-offset-4:where([data-rac])[data-focused] {
        outline-offset: 4px
    }

    .focus\:outline-none:where(:not([data-rac])):focus,
    .focus\:outline-none:where([data-rac])[data-focused] {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus\:ring-inset:where(:not([data-rac])):focus,
    .focus\:ring-inset:where([data-rac])[data-focused] {
        --tw-ring-inset: inset
    }

    .focus-visible\:z-1:where(:not([data-rac])):focus-visible,
    .focus-visible\:z-1:where([data-rac])[data-focus-visible] {
        z-index: 1
    }

    .focus-visible\:z-10:where(:not([data-rac])):focus-visible,
    .focus-visible\:z-10:where([data-rac])[data-focus-visible] {
        z-index: 10
    }

    .focus-visible\:bg-primary_hover:where(:not([data-rac])):focus-visible,
    .focus-visible\:bg-primary_hover:where([data-rac])[data-focus-visible] {
        background-color: var(--background-color-primary_hover)
    }

    .focus-visible\:ring-2:where(:not([data-rac])):focus-visible,
    .focus-visible\:ring-2:where([data-rac])[data-focus-visible] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-brand:where(:not([data-rac])):focus-visible,
    .focus-visible\:ring-brand:where([data-rac])[data-focus-visible] {
        --tw-ring-color: var(--ring-color-brand)
    }

    .focus-visible\:ring-focus-ring:where(:not([data-rac])):focus-visible,
    .focus-visible\:ring-focus-ring:where([data-rac])[data-focus-visible] {
        --tw-ring-color: var(--color-focus-ring)
    }

    .focus-visible\:ring-offset-bg-primary:where(:not([data-rac])):focus-visible,
    .focus-visible\:ring-offset-bg-primary:where([data-rac])[data-focus-visible] {
        --tw-ring-offset-color: var(--color-bg-primary)
    }

    .focus-visible\:outline-2:where(:not([data-rac])):focus-visible,
    .focus-visible\:outline-2:where([data-rac])[data-focus-visible] {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:-outline-offset-2:where(:not([data-rac])):focus-visible,
    .focus-visible\:-outline-offset-2:where([data-rac])[data-focus-visible] {
        outline-offset: calc(2px*-1)
    }

    .focus-visible\:outline-offset-2:where(:not([data-rac])):focus-visible,
    .focus-visible\:outline-offset-2:where([data-rac])[data-focus-visible] {
        outline-offset: 2px
    }

    .focus-visible\:outline-offset-4:where(:not([data-rac])):focus-visible,
    .focus-visible\:outline-offset-4:where([data-rac])[data-focus-visible] {
        outline-offset: 4px
    }

    .focus-visible\:outline-focus-ring:where(:not([data-rac])):focus-visible,
    .focus-visible\:outline-focus-ring:where([data-rac])[data-focus-visible] {
        outline-color: var(--color-focus-ring)
    }

    .focus-visible\:outline-white:where(:not([data-rac])):focus-visible,
    .focus-visible\:outline-white:where([data-rac])[data-focus-visible] {
        outline-color: var(--color-white)
    }

    .focus-visible\:ring-inset:where(:not([data-rac])):focus-visible,
    .focus-visible\:ring-inset:where([data-rac])[data-focus-visible] {
        --tw-ring-inset: inset
    }

    .disabled\:cursor-not-allowed:where(:not([data-rac])):disabled,
    .disabled\:cursor-not-allowed:where([data-rac])[data-disabled] {
        cursor: not-allowed
    }

    .disabled\:border-gray-200:where(:not([data-rac])):disabled,
    .disabled\:border-gray-200:where([data-rac])[data-disabled] {
        border-color: var(--color-gray-200)
    }

    .disabled\:bg-disabled:where(:not([data-rac])):disabled,
    .disabled\:bg-disabled:where([data-rac])[data-disabled] {
        background-color: var(--background-color-disabled)
    }

    .disabled\:bg-disabled_subtle:where(:not([data-rac])):disabled,
    .disabled\:bg-disabled_subtle:where([data-rac])[data-disabled] {
        background-color: var(--background-color-disabled_subtle)
    }

    .disabled\:bg-primary:where(:not([data-rac])):disabled,
    .disabled\:bg-primary:where([data-rac])[data-disabled] {
        background-color: var(--background-color-primary)
    }

    .disabled\:bg-secondary:where(:not([data-rac])):disabled,
    .disabled\:bg-secondary:where([data-rac])[data-disabled] {
        background-color: var(--background-color-secondary)
    }

    .disabled\:stroke-fg-disabled:where(:not([data-rac])):disabled,
    .disabled\:stroke-fg-disabled:where([data-rac])[data-disabled] {
        stroke: var(--color-fg-disabled)
    }

    .disabled\:text-disabled:where(:not([data-rac])):disabled,
    .disabled\:text-disabled:where([data-rac])[data-disabled] {
        color: var(--text-color-disabled)
    }

    .disabled\:text-fg-disabled:where(:not([data-rac])):disabled,
    .disabled\:text-fg-disabled:where([data-rac])[data-disabled] {
        color: var(--color-fg-disabled)
    }

    .disabled\:text-fg-disabled_subtle:where(:not([data-rac])):disabled,
    .disabled\:text-fg-disabled_subtle:where([data-rac])[data-disabled] {
        color: var(--color-fg-disabled_subtle)
    }

    .disabled\:text-gray-200:where(:not([data-rac])):disabled,
    .disabled\:text-gray-200:where([data-rac])[data-disabled] {
        color: var(--color-gray-200)
    }

    .disabled\:shadow-xs:where(:not([data-rac])):disabled,
    .disabled\:shadow-xs:where([data-rac])[data-disabled] {
        --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .disabled\:ring-disabled_subtle:where(:not([data-rac])):disabled,
    .disabled\:ring-disabled_subtle:where([data-rac])[data-disabled] {
        --tw-ring-color: var(--ring-color-disabled_subtle)
    }

    :is(.disabled\:\*\:text-fg-disabled:where(:not([data-rac])):disabled>*),
    :is(.disabled\:\*\:text-fg-disabled:where([data-rac])[data-disabled]>*) {
        color: var(--color-fg-disabled)
    }

    .disabled\:placeholder\:text-disabled:where(:not([data-rac])):disabled::placeholder,
    .disabled\:placeholder\:text-disabled:where([data-rac])[data-disabled]::placeholder {
        color: var(--text-color-disabled)
    }

    :where(:where(:not([data-rac]))[open]) .in-open\:-scale-y-100,
    :where(:where([data-rac])[data-open]) .in-open\:-scale-y-100 {
        --tw-scale-y: calc(100%*-1);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    :where(:where(:not([data-rac])):empty) .in-empty\:hidden,
    :where(:where([data-rac])[data-empty]) .in-empty\:hidden {
        display: none
    }

    :where(:where(:not([data-rac])):focus) .in-focus\:z-10,
    :where(:where([data-rac])[data-focused]) .in-focus\:z-10 {
        z-index: 10
    }

    :where(:where(:not([data-rac])):focus) .in-focus\:outline-2,
    :where(:where([data-rac])[data-focused]) .in-focus\:outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    :where(:where(:not([data-rac])):focus) .in-focus\:outline-offset-2,
    :where(:where([data-rac])[data-focused]) .in-focus\:outline-offset-2 {
        outline-offset: 2px
    }

    :where(:where(:not([data-rac])):disabled) .in-disabled\:text-fg-disabled_subtle,
    :where(:where([data-rac])[data-disabled]) .in-disabled\:text-fg-disabled_subtle {
        color: var(--color-fg-disabled_subtle)
    }

    :where([aria-expanded=true]) .in-aria-expanded\:-rotate-180 {
        rotate: -180deg
    }

    :where([data-docs]) .in-data-docs\:my-8 {
        margin-block: calc(var(--spacing)*8)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:right-0 {
        right: calc(var(--spacing)*0)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:flex {
        display: flex
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:h-full {
        height: 100%
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:w-max {
        width: max-content
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:bg-inherit {
        background-color: inherit
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:stroke-\[2\.625px\] {
        stroke-width: 2.625px
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:text-md {
        font-size: var(--text-md);
        line-height: var(--tw-leading, var(--text-md--line-height))
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:text-tertiary {
        color: var(--text-color-tertiary)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:shadow-xs {
        --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:ring-transparent {
        --tw-ring-color: transparent
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:pointer-events-none:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:pointer-events-none:is(:where(.group):where([data-rac])[data-disabled] *) {
        pointer-events: none
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:cursor-not-allowed:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:cursor-not-allowed:is(:where(.group):where([data-rac])[data-disabled] *) {
        cursor: not-allowed
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:bg-disabled_subtle:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:bg-disabled_subtle:is(:where(.group):where([data-rac])[data-disabled] *) {
        background-color: var(--background-color-disabled_subtle)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:bg-transparent:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:bg-transparent:is(:where(.group):where([data-rac])[data-disabled] *) {
        background-color: #0000
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:text-disabled:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:text-disabled:is(:where(.group):where([data-rac])[data-disabled] *) {
        color: var(--text-color-disabled)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:ring-border-disabled:is(:where(.group):where(:not([data-rac])):disabled *),
    :where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:ring-border-disabled:is(:where(.group):where([data-rac])[data-disabled] *) {
        --tw-ring-color: var(--color-border-disabled)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where(:not([data-rac])):focus,
    :where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where([data-rac])[data-focused] {
        z-index: 50 !important
    }

    :where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:-mr-px) {
        margin-right: -1px
    }

    :where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-l-lg) {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    :where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-r-none) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none)
    }

    :where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none):before {
        content: var(--tw-content);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none)
    }

    :where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:-ml-px) {
        margin-left: -1px
    }

    :where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-l-none) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none)
    }

    :where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-r-lg) {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }

    :where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none):before {
        content: var(--tw-content);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none)
    }

    :where([data-input-size=md]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=md\]\:py-2\.5) {
        padding-block: calc(var(--spacing)*2.5)
    }

    :where([data-input-size=md]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=md\]\:pr-3) {
        padding-right: calc(var(--spacing)*3)
    }

    :where([data-input-size=md]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=md\]\:pl-3\.5) {
        padding-left: calc(var(--spacing)*3.5)
    }

    :where([data-input-size=md]) :is(:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:in-data-\[input-size\=md\]\:pr-4\.5)) {
        padding-right: calc(var(--spacing)*4.5)
    }

    :where([data-input-size=md]) :is(:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:in-data-\[input-size\=md\]\:pl-3\.5)) {
        padding-left: calc(var(--spacing)*3.5)
    }

    :where([data-input-size=md]) :is(:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:in-data-\[input-size\=md\]\:pr-8)) {
        padding-right: calc(var(--spacing)*8)
    }

    :where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:px-3) {
        padding-inline: calc(var(--spacing)*3)
    }

    :where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:py-2) {
        padding-block: calc(var(--spacing)*2)
    }

    :where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:pl-3) {
        padding-left: calc(var(--spacing)*3)
    }

    :where([data-input-size=sm]) :is(:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:in-data-\[input-size\=sm\]\:pr-4\.5)) {
        padding-right: calc(var(--spacing)*4.5)
    }

    :where([data-input-size=sm]) :is(:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:in-data-\[input-size\=sm\]\:right-3)) {
        right: calc(var(--spacing)*3)
    }

    :where([data-input-size=sm]) :is(:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:in-data-\[input-size\=sm\]\:pr-7\.5)) {
        padding-right: calc(var(--spacing)*7.5)
    }

    :where([data-placement=left]) .in-placement-left\:-rotate-90 {
        rotate: -90deg
    }

    :where([data-placement=left]) .in-placement-left\:slide-in-from-right-0\.5 {
        --tw-enter-translate-x: .125rem
    }

    :where([data-placement=left]) .in-placement-left\:slide-out-to-right-0\.5 {
        --tw-exit-translate-x: .125rem
    }

    :where([data-placement=right]) .in-placement-right\:rotate-90 {
        rotate: 90deg
    }

    :where([data-placement=right]) .in-placement-right\:slide-in-from-left-0\.5 {
        --tw-enter-translate-x: -.125rem
    }

    :where([data-placement=right]) .in-placement-right\:slide-out-to-left-0\.5 {
        --tw-exit-translate-x: -.125rem
    }

    :where([data-placement=top]) .in-placement-top\:rotate-0 {
        rotate: none
    }

    :where([data-placement=top]) .in-placement-top\:slide-in-from-bottom-0\.5 {
        --tw-enter-translate-y: .125rem
    }

    :where([data-placement=top]) .in-placement-top\:slide-out-to-bottom-0\.5 {
        --tw-exit-translate-y: .125rem
    }

    :where([data-placement=bottom]) .in-placement-bottom\:rotate-180 {
        rotate: 180deg
    }

    :where([data-placement=bottom]) .in-placement-bottom\:slide-in-from-top-0\.5 {
        --tw-enter-translate-y: -.125rem
    }

    :where([data-placement=bottom]) .in-placement-bottom\:slide-out-to-top-0\.5 {
        --tw-exit-translate-y: -.125rem
    }

    :where(:where(:not([data-rac]))[expanded]) .in-expanded\:rotate-180,
    :where(:where([data-rac])[data-expanded]) .in-expanded\:rotate-180 {
        rotate: 180deg
    }

    :where([data-current]) .in-current\:max-w-full {
        max-width: 100%
    }

    :where([data-current]) .in-current\:truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    :where([data-pressed]) .in-pressed\:outline-\[1\.5px\] {
        outline-style: var(--tw-outline-style);
        outline-width: 1.5px
    }

    :where([data-pressed]) .in-pressed\:outline-offset-2 {
        outline-offset: 2px
    }

    :where(.typography) .in-\[\.typography\]\:not-group-data-tabs\:not-group-data-preview\:mt-5:not(:is(:where(.group)[data-tabs] *)):not(:is(:where(.group)[data-preview] *)) {
        margin-top: calc(var(--spacing)*5)
    }

    :where(.typography) .in-\[\.typography\]\:not-group-data-tabs\:not-group-data-preview\:not-last\:mb-5:not(:is(:where(.group)[data-tabs] *)):not(:is(:where(.group)[data-preview] *)):not(:last-child) {
        margin-bottom: calc(var(--spacing)*5)
    }

    :where([role=gridcell]:first-child) .in-\[\[role\=gridcell\]\:first-child\]\:after\:hidden:after,
    :where([role=gridcell]:last-child) .in-\[\[role\=gridcell\]\:last-child\]\:after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .has-aria-expanded\:bg-primary:has([aria-expanded=true]) {
        background-color: var(--background-color-primary)
    }

    .has-\[video\:focus-visible\]\:outline-2:has(:is(video:focus-visible)) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[video\:focus-visible\]\:outline-offset-4:has(:is(video:focus-visible)) {
        outline-offset: 4px
    }

    .has-\[\&\>select\]\:bg-disabled_subtle:has(*>select) {
        background-color: var(--background-color-disabled_subtle)
    }

    .has-\[\&\>select\]\:shadow-xs:has(*>select) {
        --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-\[\&\>select\]\:ring-1:has(*>select) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-\[\&\>select\]\:ring-border-disabled:has(*>select) {
        --tw-ring-color: var(--color-border-disabled)
    }

    .has-\[\&\>select\]\:ring-border-error_subtle:has(*>select) {
        --tw-ring-color: var(--color-border-error_subtle)
    }

    .has-\[\&\>select\]\:ring-border-primary:has(*>select) {
        --tw-ring-color: var(--color-border-primary)
    }

    .has-\[\&\>select\]\:ring-inset:has(*>select) {
        --tw-ring-inset: inset
    }

    .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-2:has(*>select):has(:is(input:focus)) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-brand:has(*>select):has(:is(input:focus)) {
        --tw-ring-color: var(--color-border-brand)
    }

    .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-error:has(*>select):has(:is(input:focus)) {
        --tw-ring-color: var(--color-border-error)
    }

    :is(.\*\*\:data-avatar\:rounded-none *)[data-avatar] {
        border-radius: 0;
        border-radius: var(--radius-none)
    }

    :is(.\*\*\:data-avatar\:bg-transparent *)[data-avatar] {
        background-color: #0000
    }

    :is(.\*\*\:data-avatar\:outline-none *)[data-avatar] {
        --tw-outline-style: none;
        outline-style: none
    }

    :is(.\*\*\:data-avatar-img\:rounded-none *)[data-avatar-img] {
        border-radius: 0;
        border-radius: var(--radius-none)
    }

    :is(.\*\*\:data-featured-icon\:hidden *)[data-featured-icon] {
        display: none
    }

    :is(.\*\:data-icon\:pointer-events-none>*)[data-icon] {
        pointer-events: none
    }

    :is(.\*\:data-icon\:size-4>*)[data-icon] {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    :is(.\*\:data-icon\:size-5>*)[data-icon] {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    :is(.\*\:data-icon\:size-6>*)[data-icon] {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    :is(.\*\:data-icon\:size-7>*)[data-icon] {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    :is(.\*\:data-icon\:shrink-0>*)[data-icon] {
        flex-shrink: 0
    }

    :is(.\*\:data-icon\:stroke-\[2\.5px\]>*)[data-icon] {
        stroke-width: 2.5px
    }

    :is(.\*\:data-icon\:text-button-destructive-primary-icon>*)[data-icon] {
        color: var(--color-button-destructive-primary-icon)
    }

    :is(.\*\:data-icon\:text-button-primary-icon>*)[data-icon] {
        color: var(--color-button-primary-icon)
    }

    :is(.\*\:data-icon\:text-current>*)[data-icon] {
        color: currentColor
    }

    :is(.\*\:data-icon\:text-fg-brand-secondary_alt>*)[data-icon] {
        color: var(--color-fg-brand-secondary_alt)
    }

    :is(.\*\:data-icon\:text-fg-disabled>*)[data-icon] {
        color: var(--color-fg-disabled)
    }

    :is(.\*\:data-icon\:text-fg-error-secondary>*)[data-icon] {
        color: var(--color-fg-error-secondary)
    }

    :is(.\*\:data-icon\:text-fg-quaternary>*)[data-icon] {
        color: var(--color-fg-quaternary)
    }

    :is(.\*\:data-icon\:transition-inherit-all>*)[data-icon] {
        transition-property: inherit;
        transition-duration: inherit;
        transition-timing-function: inherit
    }

    :is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon] {
        color: var(--color-button-destructive-primary-icon_hover)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon] {
            color: var(--color-button-destructive-primary-icon_hover)
        }
    }

    :is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon] {
        color: var(--color-button-primary-icon_hover)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon] {
            color: var(--color-button-primary-icon_hover)
        }
    }

    :is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where([data-rac])[data-hovered]>*)[data-icon] {
        color: var(--color-fg-brand-secondary_hover)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where(:not([data-rac])):hover>*)[data-icon] {
            color: var(--color-fg-brand-secondary_hover)
        }
    }

    :is(.hover\:\*\:data-icon\:text-fg-error-primary:where([data-rac])[data-hovered]>*)[data-icon] {
        color: var(--color-fg-error-primary)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-icon\:text-fg-error-primary:where(:not([data-rac])):hover>*)[data-icon] {
            color: var(--color-fg-error-primary)
        }
    }

    :is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where([data-rac])[data-hovered]>*)[data-icon] {
        color: var(--color-fg-quaternary_hover)
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where(:not([data-rac])):hover>*)[data-icon] {
            color: var(--color-fg-quaternary_hover)
        }
    }

    :is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where(:not([data-rac])):disabled>*)[data-icon],
    :is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where([data-rac])[data-disabled]>*)[data-icon] {
        color: var(--color-fg-disabled_subtle)
    }

    :is(:where(:where(:not([data-rac])):disabled) .in-disabled\:\*\:data-icon\:text-fg-disabled>*)[data-icon],
    :is(:where(:where([data-rac])[data-disabled]) .in-disabled\:\*\:data-icon\:text-fg-disabled>*)[data-icon] {
        color: var(--color-fg-disabled)
    }

    .data-icon-leading\:pl-3[data-icon-leading] {
        padding-left: calc(var(--spacing)*3)
    }

    .data-icon-leading\:pl-3\.5[data-icon-leading] {
        padding-left: calc(var(--spacing)*3.5)
    }

    .data-icon-leading\:pl-4[data-icon-leading] {
        padding-left: calc(var(--spacing)*4)
    }

    .data-icon-only\:p-2[data-icon-only] {
        padding: calc(var(--spacing)*2)
    }

    .data-icon-only\:p-2\.5[data-icon-only] {
        padding: calc(var(--spacing)*2.5)
    }

    .data-icon-only\:p-3[data-icon-only] {
        padding: calc(var(--spacing)*3)
    }

    .data-icon-only\:p-3\.5[data-icon-only] {
        padding: calc(var(--spacing)*3.5)
    }

    .data-icon-only\:p-4[data-icon-only] {
        padding: calc(var(--spacing)*4)
    }

    .data-icon-only\:px-3[data-icon-only] {
        padding-inline: calc(var(--spacing)*3)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2\.5[data-icon-only] {
        padding: calc(var(--spacing)*2.5)
    }

    :where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-3[data-icon-only] {
        padding: calc(var(--spacing)*3)
    }

    .data-loading\:bg-brand-solid_hover[data-loading] {
        background-color: var(--background-color-brand-solid_hover)
    }

    .data-loading\:bg-error-primary[data-loading] {
        background-color: var(--background-color-error-primary)
    }

    .data-loading\:bg-primary_hover[data-loading] {
        background-color: var(--background-color-primary_hover)
    }

    :is(.\*\:data-text\:underline>*)[data-text] {
        text-decoration-line: underline
    }

    :is(.\*\:data-text\:decoration-transparent>*)[data-text] {
        text-decoration-color: #0000
    }

    :is(.\*\:data-text\:underline-offset-2>*)[data-text] {
        text-underline-offset: 2px
    }

    :is(.hover\:\*\:data-text\:decoration-current:where([data-rac])[data-hovered]>*)[data-text] {
        text-decoration-color: currentColor
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-text\:decoration-current:where(:not([data-rac])):hover>*)[data-text] {
            text-decoration-color: currentColor
        }
    }

    :is(.hover\:\*\:data-text\:decoration-transparent:where([data-rac])[data-hovered]>*)[data-text] {
        text-decoration-color: #0000
    }

    @media (hover:hover) {
        :is(.hover\:\*\:data-text\:decoration-transparent:where(:not([data-rac])):hover>*)[data-text] {
            text-decoration-color: #0000
        }
    }

    .nth-2\:pl-3:nth-child(2) {
        padding-left: calc(var(--spacing)*3)
    }

    .nth-\[n\+4\]\:hidden:nth-child(n+4),
    .nth-\[n\+6\]\:hidden:nth-child(n+6),
    .nth-\[n\+7\]\:hidden:nth-child(n+7) {
        display: none
    }

    @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:-translate-x-1\/2 {
            --tw-translate-x: calc(calc(1/2*100%)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .motion-reduce\:animate-none {
            animation: none
        }
    }

    @media not all and (min-width:400px) {
        .max-\[400px\]\:size-max {
            width: max-content;
            height: max-content
        }
    }

    @media not all and (min-width:80rem) {
        .max-xl\:hidden {
            display: none
        }

        .max-xl\:gap-2 {
            gap: calc(var(--spacing)*2)
        }
    }

    @media not all and (min-width:64rem) {
        .max-lg\:-mx-4 {
            margin-inline: calc(var(--spacing)*-4)
        }

        .max-lg\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .max-lg\:hidden {
            display: none
        }

        .max-lg\:h-dvh {
            height: 100dvh
        }

        .max-lg\:max-h-full {
            max-height: 100%
        }

        .max-lg\:min-h-0 {
            min-height: calc(var(--spacing)*0)
        }

        .max-lg\:min-w-80 {
            min-width: calc(var(--spacing)*80)
        }

        .max-lg\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .max-lg\:rounded-none {
            border-radius: 0;
            border-radius: var(--radius-none)
        }

        .max-lg\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .max-lg\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .max-lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .max-lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .max-lg\:shadow-none {
            --tw-shadow: 0 0 #0000
        }

        .max-lg\:ring-0,
        .max-lg\:shadow-none {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .max-lg\:ring-0 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        :is(.max-lg\:\*\*\:data-featured-icon\:hidden *)[data-featured-icon] {
            display: none
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:order-last {
            order: 9999
        }

        .max-md\:col-start-2 {
            grid-column-start: 2
        }

        .max-md\:row-start-1 {
            grid-row-start: 1
        }

        .max-md\:row-start-2 {
            grid-row-start: 2
        }

        .max-md\:row-start-3 {
            grid-row-start: 3
        }

        .max-md\:row-start-4 {
            grid-row-start: 4
        }

        .max-md\:row-start-5 {
            grid-row-start: 5
        }

        .max-md\:row-start-6 {
            grid-row-start: 6
        }

        .max-md\:hidden {
            display: none
        }

        .max-md\:min-h-22 {
            min-height: calc(var(--spacing)*22)
        }

        .max-md\:w-full {
            width: 100%
        }

        .max-md\:min-w-full {
            min-width: 100%
        }

        .max-md\:flex-1 {
            flex: 1
        }

        .max-md\:flex-col {
            flex-direction: column
        }

        .max-md\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .max-md\:bg-transparent {
            background-color: #0000
        }

        .max-md\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .max-md\:pl-1 {
            padding-left: calc(var(--spacing)*1)
        }

        .max-md\:ring-1 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .max-md\:ring-secondary_alt {
            --tw-ring-color: var(--ring-color-secondary_alt)
        }

        .max-md\:backdrop-blur-none {
            --tw-backdrop-blur: ;
            -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
        }

        .max-md\:has-aria-expanded\:bg-primary:has([aria-expanded=true]) {
            background-color: var(--background-color-primary)
        }
    }

    @media not all and (min-width:40rem) {
        .max-sm\:col-span-2 {
            grid-column: span 2/span 2
        }

        .max-sm\:hidden {
            display: none
        }

        .max-sm\:h-max {
            height: max-content
        }

        .max-sm\:flex-col {
            flex-direction: column
        }

        .max-sm\:overflow-y-auto {
            overflow-y: auto
        }

        .max-sm\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .max-sm\:px-3\.5 {
            padding-inline: calc(var(--spacing)*3.5)
        }

        .max-sm\:py-2\.5 {
            padding-block: calc(var(--spacing)*2.5)
        }

        .max-sm\:text-display-xs {
            font-size: var(--text-display-xs);
            line-height: var(--tw-leading, var(--text-display-xs--line-height))
        }

        .max-sm\:font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }
    }

    @media (min-width:600px) {
        .xs\:block {
            display: block
        }

        .xs\:hidden {
            display: none
        }

        .xs\:w-\[var\(--width\)\] {
            width: var(--width)
        }

        .xs\:flex-row {
            flex-direction: row
        }

        .xs\:gap-0 {
            gap: calc(var(--spacing)*0)
        }
    }

    @media (min-width:40rem) {
        .sm\:relative {
            position: relative
        }

        .sm\:top-12 {
            top: calc(var(--spacing)*12)
        }

        .sm\:top-16 {
            top: calc(var(--spacing)*16)
        }

        .sm\:top-28 {
            top: calc(var(--spacing)*28)
        }

        .sm\:-right-1\/3 {
            right: -33.3333%
        }

        .sm\:order-2 {
            order: 2
        }

        .sm\:order-3 {
            order: 3
        }

        .sm\:col-span-1 {
            grid-column: span 1/span 1
        }

        .sm\:col-span-2 {
            grid-column: span 2/span 2
        }

        .sm\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .sm\:mx-auto {
            margin-inline: auto
        }

        .sm\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .sm\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .sm\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .sm\:ml-auto {
            margin-left: auto
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:aspect-video {
            aspect-ratio: var(--aspect-video)
        }

        .sm\:h-6 {
            height: calc(var(--spacing)*6)
        }

        .sm\:h-22 {
            height: calc(var(--spacing)*22)
        }

        .sm\:h-26 {
            height: calc(var(--spacing)*26)
        }

        .sm\:h-34 {
            height: calc(var(--spacing)*34)
        }

        .sm\:h-40 {
            height: calc(var(--spacing)*40)
        }

        .sm\:h-78 {
            height: calc(var(--spacing)*78)
        }

        .sm\:h-90 {
            height: calc(var(--spacing)*90)
        }

        .sm\:h-95 {
            height: calc(var(--spacing)*95)
        }

        .sm\:h-124 {
            height: calc(var(--spacing)*124)
        }

        .sm\:h-auto {
            height: auto
        }

        .sm\:h-full {
            height: 100%
        }

        .sm\:max-h-\[273px\] {
            max-height: 273px
        }

        .sm\:min-h-90 {
            min-height: calc(var(--spacing)*90)
        }

        .sm\:w-36 {
            width: calc(var(--spacing)*36)
        }

        .sm\:w-44 {
            width: calc(var(--spacing)*44)
        }

        .sm\:w-60 {
            width: calc(var(--spacing)*60)
        }

        .sm\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .sm\:w-100 {
            width: calc(var(--spacing)*100)
        }

        .sm\:w-120 {
            width: calc(var(--spacing)*120)
        }

        .sm\:w-\[120\%\] {
            width: 120%
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:w-full {
            width: 100%
        }

        .sm\:max-w-60 {
            max-width: calc(var(--spacing)*60)
        }

        .sm\:max-w-80 {
            max-width: calc(var(--spacing)*80)
        }

        .sm\:max-w-90 {
            max-width: calc(var(--spacing)*90)
        }

        .sm\:max-w-100 {
            max-width: calc(var(--spacing)*100)
        }

        .sm\:max-w-110 {
            max-width: calc(var(--spacing)*110)
        }

        .sm\:max-w-120 {
            max-width: calc(var(--spacing)*120)
        }

        .sm\:max-w-128 {
            max-width: calc(var(--spacing)*128)
        }

        .sm\:max-w-136 {
            max-width: calc(var(--spacing)*136)
        }

        .sm\:max-w-137 {
            max-width: calc(var(--spacing)*137)
        }

        .sm\:max-w-140 {
            max-width: calc(var(--spacing)*140)
        }

        .sm\:max-w-160 {
            max-width: calc(var(--spacing)*160)
        }

        .sm\:max-w-172 {
            max-width: calc(var(--spacing)*172)
        }

        .sm\:max-w-180 {
            max-width: calc(var(--spacing)*180)
        }

        .sm\:max-w-lg {
            max-width: var(--container-lg)
        }

        .sm\:max-w-md {
            max-width: var(--container-md)
        }

        .sm\:max-w-xs {
            max-width: var(--container-xs)
        }

        .sm\:flex-none {
            flex: none
        }

        .sm\:translate-x-12 {
            --tw-translate-x: calc(var(--spacing)*12)
        }

        .sm\:translate-x-12,
        .sm\:translate-y-12 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .sm\:translate-y-12 {
            --tw-translate-y: calc(var(--spacing)*12)
        }

        .sm\:grid-flow-col {
            grid-auto-flow: column
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .sm\:grid-cols-\[1fr_112px\] {
            grid-template-columns: 1fr 112px
        }

        .sm\:grid-cols-\[280px_1fr\] {
            grid-template-columns: 280px 1fr
        }

        .sm\:grid-cols-\[335px_max-content\] {
            grid-template-columns: 335px max-content
        }

        .sm\:grid-cols-\[345px_max-content\] {
            grid-template-columns: 345px max-content
        }

        .sm\:grid-cols-\[360px_max-content\] {
            grid-template-columns: 360px max-content
        }

        .sm\:grid-cols-\[repeat\(6\,max-content\)\] {
            grid-template-columns: repeat(6, max-content)
        }

        .sm\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .sm\:grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .sm\:flex-col {
            flex-direction: column
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:items-end {
            align-items: flex-end
        }

        .sm\:items-start {
            align-items: flex-start
        }

        .sm\:justify-center {
            justify-content: center
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .sm\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .sm\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .sm\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .sm\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .sm\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .sm\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .sm\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

        .sm\:gap-\[5px\] {
            gap: 5px
        }

        .sm\:gap-y-12 {
            row-gap: calc(var(--spacing)*12)
        }

        .sm\:self-center {
            align-self: center
        }

        .sm\:self-start {
            align-self: flex-start
        }

        .sm\:justify-self-center {
            justify-self: center
        }

        .sm\:justify-self-start {
            justify-self: flex-start
        }

        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .sm\:rounded-\[10px\] {
            border-radius: 10px
        }

        .sm\:rounded-l-xl {
            border-top-left-radius: var(--radius-xl);
            border-bottom-left-radius: var(--radius-xl)
        }

        .sm\:rounded-r-xl {
            border-top-right-radius: var(--radius-xl);
            border-bottom-right-radius: var(--radius-xl)
        }

        .sm\:rounded-tr-none {
            border-top-right-radius: 0;
            border-top-right-radius: var(--radius-none)
        }

        .sm\:rounded-bl-none {
            border-bottom-left-radius: 0;
            border-bottom-left-radius: var(--radius-none)
        }

        .sm\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .sm\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }

        .sm\:border-l-0 {
            border-left-style: var(--tw-border-style);
            border-left-width: 0
        }

        .sm\:border-secondary {
            border-color: var(--border-color-secondary)
        }

        .sm\:bg-secondary {
            background-color: var(--background-color-secondary)
        }

        .sm\:stroke-2 {
            stroke-width: 2px
        }

        .sm\:stroke-\[2\.5px\] {
            stroke-width: 2.5px
        }

        .sm\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .sm\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .sm\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .sm\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .sm\:px-6\.5 {
            padding-inline: calc(var(--spacing)*6.5)
        }

        .sm\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .sm\:py-0\.5 {
            padding-block: calc(var(--spacing)*.5)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .sm\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .sm\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .sm\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .sm\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .sm\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .sm\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .sm\:pl-\[30vw\] {
            padding-left: 30vw
        }

        .sm\:text-center {
            text-align: center
        }

        .sm\:text-display-2xl {
            font-size: var(--text-display-2xl);
            line-height: var(--tw-leading, var(--text-display-2xl--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-2xl--letter-spacing))
        }

        .sm\:text-display-md {
            font-size: var(--text-display-md);
            line-height: var(--tw-leading, var(--text-display-md--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing))
        }

        .sm\:text-display-sm {
            font-size: var(--text-display-sm);
            line-height: var(--tw-leading, var(--text-display-sm--line-height))
        }

        .sm\:shadow-sm {
            --tw-shadow: 0px 1px 3px var(--tw-shadow-color, #0a0d121a), 0px 1px 2px -1px var(--tw-shadow-color, #0a0d121a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .sm\:\[--stripe-height\:48px\] {
            --stripe-height: 48px
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:static {
            position: static
        }

        .md\:inset-x-7 {
            inset-inline: calc(var(--spacing)*7)
        }

        .md\:inset-x-8 {
            inset-inline: calc(var(--spacing)*8)
        }

        .md\:-top-10 {
            top: calc(var(--spacing)*-10)
        }

        .md\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .md\:top-1\.5 {
            top: calc(var(--spacing)*1.5)
        }

        .md\:top-5 {
            top: calc(var(--spacing)*5)
        }

        .md\:top-8 {
            top: calc(var(--spacing)*8)
        }

        .md\:top-12 {
            top: calc(var(--spacing)*12)
        }

        .md\:top-15 {
            top: calc(var(--spacing)*15)
        }

        .md\:top-\[auto\] {
            top: auto
        }

        .md\:-right-1\/4 {
            right: -25%
        }

        .md\:-right-6 {
            right: calc(var(--spacing)*-6)
        }

        .md\:-right-16 {
            right: calc(var(--spacing)*-16)
        }

        .md\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .md\:right-1\/2 {
            right: 50%
        }

        .md\:right-2 {
            right: calc(var(--spacing)*2)
        }

        .md\:right-3 {
            right: calc(var(--spacing)*3)
        }

        .md\:right-4 {
            right: calc(var(--spacing)*4)
        }

        .md\:right-5 {
            right: calc(var(--spacing)*5)
        }

        .md\:right-6 {
            right: calc(var(--spacing)*6)
        }

        .md\:right-\[-65px\] {
            right: -65px
        }

        .md\:-bottom-1\/3 {
            bottom: -33.3333%
        }

        .md\:-bottom-8 {
            bottom: calc(var(--spacing)*-8)
        }

        .md\:-bottom-30 {
            bottom: calc(var(--spacing)*-30)
        }

        .md\:bottom-0 {
            bottom: calc(var(--spacing)*0)
        }

        .md\:bottom-2 {
            bottom: calc(var(--spacing)*2)
        }

        .md\:left-0 {
            left: calc(var(--spacing)*0)
        }

        .md\:left-2 {
            left: calc(var(--spacing)*2)
        }

        .md\:left-2\.5 {
            left: calc(var(--spacing)*2.5)
        }

        .md\:left-8 {
            left: calc(var(--spacing)*8)
        }

        .md\:left-18 {
            left: calc(var(--spacing)*18)
        }

        .md\:order-1 {
            order: 1
        }

        .md\:order-first {
            order: -9999
        }

        .md\:order-last {
            order: 9999
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:m-0 {
            margin: calc(var(--spacing)*0)
        }

        .md\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .md\:mx-2 {
            margin-inline: calc(var(--spacing)*2)
        }

        .md\:mx-8 {
            margin-inline: calc(var(--spacing)*8)
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:my-12 {
            margin-block: calc(var(--spacing)*12)
        }

        .md\:prose-lg {
            font-size: 1.125rem;
            line-height: 1.77778
        }

        .md\:prose-lg :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em;
            margin-bottom: 1.33333em
        }

        .md\:prose-lg :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.09091em;
            margin-bottom: 1.09091em;
            font-size: 1.22222em;
            line-height: 1.45455
        }

        .md\:prose-lg :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.66667em;
            margin-bottom: 1.66667em;
            padding-inline-start: 1em
        }

        .md\:prose-lg :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: .833333em;
            font-size: 2.66667em;
            line-height: 1
        }

        .md\:prose-lg :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.86667em;
            margin-bottom: 1.06667em;
            font-size: 1.66667em;
            line-height: 1.33333
        }

        .md\:prose-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.66667em;
            margin-bottom: .666667em;
            font-size: 1.33333em;
            line-height: 1.5
        }

        .md\:prose-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.77778em;
            margin-bottom: .444444em;
            line-height: 1.55556
        }

        .md\:prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.77778em;
            margin-bottom: 1.77778em
        }

        .md\:prose-lg :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

        .md\:prose-lg :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.77778em;
            margin-bottom: 1.77778em
        }

        .md\:prose-lg :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-top: .222222em;
            padding-inline-end: .444444em;
            padding-bottom: .222222em;
            border-radius: .3125rem;
            padding-inline-start: .444444em;
            font-size: .888889em
        }

        .md\:prose-lg :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            font-size: .888889em
        }

        .md\:prose-lg :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            font-size: .866667em
        }

        .md\:prose-lg :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            font-size: .875em
        }

        .md\:prose-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-top: 1em;
            padding-inline-end: 1.5em;
            padding-bottom: 1em;
            border-radius: .375rem;
            margin-top: 2em;
            margin-bottom: 2em;
            padding-inline-start: 1.5em;
            font-size: .888889em;
            line-height: 1.75
        }

        .md\:prose-lg :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em;
            margin-bottom: 1.33333em;
            padding-inline-start: 1.55556em
        }

        .md\:prose-lg :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: .666667em;
            margin-bottom: .666667em
        }

        .md\:prose-lg :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: .444444em
        }

        .md\:prose-lg :where(.md\:prose-lg>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: .888889em;
            margin-bottom: .888889em
        }

        .md\:prose-lg :where(.md\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em
        }

        .md\:prose-lg :where(.md\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-bottom: 1.33333em
        }

        .md\:prose-lg :where(.md\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em
        }

        .md\:prose-lg :where(.md\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-bottom: 1.33333em
        }

        .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: .888889em;
            margin-bottom: .888889em
        }

        .md\:prose-lg :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em;
            margin-bottom: 1.33333em
        }

        .md\:prose-lg :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.33333em
        }

        .md\:prose-lg :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: .666667em;
            padding-inline-start: 1.55556em
        }

        .md\:prose-lg :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 3.11111em;
            margin-bottom: 3.11111em
        }

        .md\:prose-lg :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        .md\:prose-lg :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0
        }

        .md\:prose-lg :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
            font-size: .888889em;
            line-height: 1.5
        }

        .md\:prose-lg :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-end: .75em;
            padding-bottom: .75em;
            padding-inline-start: .75em
        }

        .md\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: 0
        }

        .md\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-end: 0
        }

        .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-top: .75em;
            padding-inline-end: .75em;
            padding-bottom: .75em;
            padding-inline-start: .75em
        }

        .md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: 0
        }

        .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-end: 0
        }

        .md\:prose-lg :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.77778em;
            margin-bottom: 1.77778em
        }

        .md\:prose-lg :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

        .md\:prose-lg :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1em;
            font-size: .888889em;
            line-height: 1.5
        }

        .md\:prose-lg :where(.md\:prose-lg>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0
        }

        .md\:prose-lg :where(.md\:prose-lg>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-bottom: 0
        }

        .md\:-mt-8 {
            margin-top: calc(var(--spacing)*-8)
        }

        .md\:-mt-16 {
            margin-top: calc(var(--spacing)*-16)
        }

        .md\:-mt-24 {
            margin-top: calc(var(--spacing)*-24)
        }

        .md\:-mt-26 {
            margin-top: calc(var(--spacing)*-26)
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-0\.5 {
            margin-top: calc(var(--spacing)*.5)
        }

        .md\:mt-2 {
            margin-top: calc(var(--spacing)*2)
        }

        .md\:mt-2\.5 {
            margin-top: calc(var(--spacing)*2.5)
        }

        .md\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .md\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .md\:mt-5 {
            margin-top: calc(var(--spacing)*5)
        }

        .md\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .md\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .md\:mt-12\! {
            margin-top: calc(var(--spacing)*12) !important
        }

        .md\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .md\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .md\:mt-24 {
            margin-top: calc(var(--spacing)*24)
        }

        .md\:mt-auto {
            margin-top: auto
        }

        .md\:-mr-8 {
            margin-right: calc(var(--spacing)*-8)
        }

        .md\:mr-0 {
            margin-right: calc(var(--spacing)*0)
        }

        .md\:mr-1\.5 {
            margin-right: calc(var(--spacing)*1.5)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--spacing)*2)
        }

        .md\:-ml-0\.5 {
            margin-left: calc(var(--spacing)*-.5)
        }

        .md\:-ml-2 {
            margin-left: calc(var(--spacing)*-2)
        }

        .md\:-ml-4 {
            margin-left: calc(var(--spacing)*-4)
        }

        .md\:-ml-8 {
            margin-left: calc(var(--spacing)*-8)
        }

        .md\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .md\:ml-3 {
            margin-left: calc(var(--spacing)*3)
        }

        .md\:ml-24 {
            margin-left: calc(var(--spacing)*24)
        }

        .md\:ml-auto {
            margin-left: auto
        }

        .md\:line-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .md\:line-clamp-none {
            -webkit-line-clamp: unset;
            -webkit-box-orient: horizontal;
            display: block;
            overflow: visible
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:aspect-\[0\.75\] {
            aspect-ratio: .75
        }

        .md\:size-4 {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }

        .md\:size-6 {
            width: calc(var(--spacing)*6);
            height: calc(var(--spacing)*6)
        }

        .md\:size-14 {
            width: calc(var(--spacing)*14);
            height: calc(var(--spacing)*14)
        }

        .md\:size-16 {
            width: calc(var(--spacing)*16);
            height: calc(var(--spacing)*16)
        }

        .md\:size-20 {
            width: calc(var(--spacing)*20);
            height: calc(var(--spacing)*20)
        }

        .md\:size-24 {
            width: calc(var(--spacing)*24);
            height: calc(var(--spacing)*24)
        }

        .md\:size-\[62px\] {
            width: 62px;
            height: 62px
        }

        .md\:size-\[88px\] {
            width: 88px;
            height: 88px
        }

        .md\:size-\[232px\] {
            width: 232px;
            height: 232px
        }

        .md\:size-\[328px\] {
            width: 328px;
            height: 328px
        }

        .md\:size-auto {
            width: auto;
            height: auto
        }

        .md\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .md\:h-9 {
            height: calc(var(--spacing)*9)
        }

        .md\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .md\:h-12 {
            height: calc(var(--spacing)*12)
        }

        .md\:h-18 {
            height: calc(var(--spacing)*18)
        }

        .md\:h-19 {
            height: calc(var(--spacing)*19)
        }

        .md\:h-20 {
            height: calc(var(--spacing)*20)
        }

        .md\:h-32 {
            height: calc(var(--spacing)*32)
        }

        .md\:h-36 {
            height: calc(var(--spacing)*36)
        }

        .md\:h-42 {
            height: calc(var(--spacing)*42)
        }

        .md\:h-60 {
            height: calc(var(--spacing)*60)
        }

        .md\:h-60\.5 {
            height: calc(var(--spacing)*60.5)
        }

        .md\:h-64\.5 {
            height: calc(var(--spacing)*64.5)
        }

        .md\:h-70 {
            height: calc(var(--spacing)*70)
        }

        .md\:h-74 {
            height: calc(var(--spacing)*74)
        }

        .md\:h-80 {
            height: calc(var(--spacing)*80)
        }

        .md\:h-90 {
            height: calc(var(--spacing)*90)
        }

        .md\:h-95 {
            height: calc(var(--spacing)*95)
        }

        .md\:h-96 {
            height: calc(var(--spacing)*96)
        }

        .md\:h-100 {
            height: calc(var(--spacing)*100)
        }

        .md\:h-101 {
            height: calc(var(--spacing)*101)
        }

        .md\:h-110 {
            height: calc(var(--spacing)*110)
        }

        .md\:h-114 {
            height: calc(var(--spacing)*114)
        }

        .md\:h-115 {
            height: calc(var(--spacing)*115)
        }

        .md\:h-120 {
            height: calc(var(--spacing)*120)
        }

        .md\:h-124 {
            height: calc(var(--spacing)*124)
        }

        .md\:h-126 {
            height: calc(var(--spacing)*126)
        }

        .md\:h-128 {
            height: calc(var(--spacing)*128)
        }

        .md\:h-129 {
            height: calc(var(--spacing)*129)
        }

        .md\:h-139\.5 {
            height: calc(var(--spacing)*139.5)
        }

        .md\:h-140 {
            height: calc(var(--spacing)*140)
        }

        .md\:h-145 {
            height: calc(var(--spacing)*145)
        }

        .md\:h-160 {
            height: calc(var(--spacing)*160)
        }

        .md\:h-180 {
            height: calc(var(--spacing)*180)
        }

        .md\:h-200 {
            height: calc(var(--spacing)*200)
        }

        .md\:h-210 {
            height: calc(var(--spacing)*210)
        }

        .md\:h-240 {
            height: calc(var(--spacing)*240)
        }

        .md\:h-\[120\%\] {
            height: 120%
        }

        .md\:h-\[480px\] {
            height: 480px
        }

        .md\:h-\[912px\] {
            height: 912px
        }

        .md\:h-auto {
            height: auto
        }

        .md\:h-full {
            height: 100%
        }

        .md\:max-h-100 {
            max-height: calc(var(--spacing)*100)
        }

        .md\:max-h-105 {
            max-height: calc(var(--spacing)*105)
        }

        .md\:max-h-204 {
            max-height: calc(var(--spacing)*204)
        }

        .md\:min-h-43 {
            min-height: calc(var(--spacing)*43)
        }

        .md\:min-h-45 {
            min-height: calc(var(--spacing)*45)
        }

        .md\:min-h-59\.5 {
            min-height: calc(var(--spacing)*59.5)
        }

        .md\:min-h-100 {
            min-height: calc(var(--spacing)*100)
        }

        .md\:min-h-120 {
            min-height: calc(var(--spacing)*120)
        }

        .md\:min-h-128 {
            min-height: calc(var(--spacing)*128)
        }

        .md\:min-h-140 {
            min-height: calc(var(--spacing)*140)
        }

        .md\:min-h-240 {
            min-height: calc(var(--spacing)*240)
        }

        .md\:min-h-\[620px\] {
            min-height: 620px
        }

        .md\:min-h-screen {
            min-height: 100vh
        }

        .md\:w-0 {
            width: calc(var(--spacing)*0)
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-8 {
            width: calc(var(--spacing)*8)
        }

        .md\:w-14\.5 {
            width: calc(var(--spacing)*14.5)
        }

        .md\:w-18 {
            width: calc(var(--spacing)*18)
        }

        .md\:w-22 {
            width: calc(var(--spacing)*22)
        }

        .md\:w-36\.5 {
            width: calc(var(--spacing)*36.5)
        }

        .md\:w-38 {
            width: calc(var(--spacing)*38)
        }

        .md\:w-70 {
            width: calc(var(--spacing)*70)
        }

        .md\:w-74\.5 {
            width: calc(var(--spacing)*74.5)
        }

        .md\:w-78\.5 {
            width: calc(var(--spacing)*78.5)
        }

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-95 {
            width: calc(var(--spacing)*95)
        }

        .md\:w-100 {
            width: calc(var(--spacing)*100)
        }

        .md\:w-120 {
            width: calc(var(--spacing)*120)
        }

        .md\:w-140 {
            width: calc(var(--spacing)*140)
        }

        .md\:w-160 {
            width: calc(var(--spacing)*160)
        }

        .md\:w-\[135px\] {
            width: 135px
        }

        .md\:w-\[313px\] {
            width: 313px
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:w-max {
            width: max-content
        }

        .md\:w-screen {
            width: 100vw
        }

        .md\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .md\:max-w-5xl {
            max-width: var(--container-5xl)
        }

        .md\:max-w-7xl {
            max-width: var(--container-7xl)
        }

        .md\:max-w-44 {
            max-width: calc(var(--spacing)*44)
        }

        .md\:max-w-45 {
            max-width: calc(var(--spacing)*45)
        }

        .md\:max-w-70 {
            max-width: calc(var(--spacing)*70)
        }

        .md\:max-w-71\.5 {
            max-width: calc(var(--spacing)*71.5)
        }

        .md\:max-w-76 {
            max-width: calc(var(--spacing)*76)
        }

        .md\:max-w-78\.5 {
            max-width: calc(var(--spacing)*78.5)
        }

        .md\:max-w-79 {
            max-width: calc(var(--spacing)*79)
        }

        .md\:max-w-80 {
            max-width: calc(var(--spacing)*80)
        }

        .md\:max-w-84 {
            max-width: calc(var(--spacing)*84)
        }

        .md\:max-w-90 {
            max-width: calc(var(--spacing)*90)
        }

        .md\:max-w-96 {
            max-width: calc(var(--spacing)*96)
        }

        .md\:max-w-100 {
            max-width: calc(var(--spacing)*100)
        }

        .md\:max-w-110 {
            max-width: calc(var(--spacing)*110)
        }

        .md\:max-w-112 {
            max-width: calc(var(--spacing)*112)
        }

        .md\:max-w-120 {
            max-width: calc(var(--spacing)*120)
        }

        .md\:max-w-140 {
            max-width: calc(var(--spacing)*140)
        }

        .md\:max-w-160 {
            max-width: calc(var(--spacing)*160)
        }

        .md\:max-w-180 {
            max-width: calc(var(--spacing)*180)
        }

        .md\:max-w-192 {
            max-width: calc(var(--spacing)*192)
        }

        .md\:max-w-200 {
            max-width: calc(var(--spacing)*200)
        }

        .md\:max-w-240 {
            max-width: calc(var(--spacing)*240)
        }

        .md\:max-w-266 {
            max-width: calc(var(--spacing)*266)
        }

        .md\:max-w-\[50vw\] {
            max-width: 50vw
        }

        .md\:max-w-\[135px\] {
            max-width: 135px
        }

        .md\:max-w-\[345px\] {
            max-width: 345px
        }

        .md\:max-w-\[calc\(100\%-40px\)\] {
            max-width: calc(100% - 40px)
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:max-w-lg {
            max-width: var(--container-lg)
        }

        .md\:max-w-none {
            max-width: none
        }

        .md\:max-w-sm {
            max-width: var(--container-sm)
        }

        .md\:max-w-xl {
            max-width: var(--container-xl)
        }

        .md\:max-w-xs {
            max-width: var(--container-xs)
        }

        .md\:min-w-\[240px\] {
            min-width: 240px
        }

        .md\:min-w-\[320px\] {
            min-width: 320px
        }

        .md\:min-w-\[448px\] {
            min-width: 448px
        }

        .md\:min-w-\[520px\] {
            min-width: 520px
        }

        .md\:flex-1 {
            flex: 1
        }

        .md\:flex-none {
            flex: none
        }

        .md\:grow-0 {
            flex-grow: 0
        }

        .md\:-translate-x-1\/2 {
            --tw-translate-x: calc(calc(1/2*100%)*-1)
        }

        .md\:-translate-x-1\/2,
        .md\:-translate-x-2 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:-translate-x-2 {
            --tw-translate-x: calc(var(--spacing)*-2)
        }

        .md\:-translate-x-full {
            --tw-translate-x: -100%
        }

        .md\:-translate-x-full,
        .md\:translate-x-0 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0)
        }

        .md\:translate-x-2\/3 {
            --tw-translate-x: calc(2/3*100%)
        }

        .md\:translate-x-2\/3,
        .md\:translate-x-\[9px\] {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-x-\[9px\] {
            --tw-translate-x: 9px
        }

        .md\:translate-x-\[45px\] {
            --tw-translate-x: 45px
        }

        .md\:translate-x-\[45px\],
        .md\:translate-x-\[53px\] {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-x-\[53px\] {
            --tw-translate-x: 53px
        }

        .md\:translate-x-\[70\%\] {
            --tw-translate-x: 70%
        }

        .md\:-translate-y-\[1px\],
        .md\:translate-x-\[70\%\] {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:-translate-y-\[1px\] {
            --tw-translate-y: calc(1px*-1)
        }

        .md\:-translate-y-\[15px\] {
            --tw-translate-y: calc(15px*-1)
        }

        .md\:-translate-y-\[15px\],
        .md\:translate-y-2 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-2 {
            --tw-translate-y: calc(var(--spacing)*2)
        }

        .md\:translate-y-3 {
            --tw-translate-y: calc(var(--spacing)*3)
        }

        .md\:translate-y-3,
        .md\:translate-y-3\.5 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-3\.5 {
            --tw-translate-y: calc(var(--spacing)*3.5)
        }

        .md\:translate-y-12 {
            --tw-translate-y: calc(var(--spacing)*12)
        }

        .md\:translate-y-12,
        .md\:translate-y-\[37px\] {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-\[37px\] {
            --tw-translate-y: 37px
        }

        .md\:\[transform\:var\(--transform-desktop\)\] {
            transform: var(--transform-desktop)
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .md\:grid-cols-\[1fr_1fr\] {
            grid-template-columns: 1fr 1fr
        }

        .md\:grid-cols-\[1fr_240px\] {
            grid-template-columns: 1fr 240px
        }

        .md\:grid-cols-\[440px_1fr\] {
            grid-template-columns: 440px 1fr
        }

        .md\:grid-cols-\[repeat\(3\,max-content\)\] {
            grid-template-columns: repeat(3, max-content)
        }

        .md\:grid-cols-\[repeat\(4\,max-content\)\] {
            grid-template-columns: repeat(4, max-content)
        }

        .md\:grid-cols-\[repeat\(6\,max-content\)\] {
            grid-template-columns: repeat(6, max-content)
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-end {
            align-items: flex-end
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:justify-normal {
            justify-content: normal
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:justify-items-center {
            justify-items: center
        }

        .md\:justify-items-end {
            justify-items: end
        }

        .md\:justify-items-start {
            justify-items: start
        }

        .md\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .md\:gap-0\.5 {
            gap: calc(var(--spacing)*.5)
        }

        .md\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .md\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .md\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .md\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .md\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

        .md\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .md\:gap-24 {
            gap: calc(var(--spacing)*24)
        }

        :where(.md\:-space-y-16>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*-16)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*-16)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.md\:-space-y-\[83px\]>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(83px*-1)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(83px*-1)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.md\:-space-y-\[126px\]>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(126px*-1)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(126px*-1)*calc(1 - var(--tw-space-y-reverse)))
        }

        .md\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .md\:gap-y-8 {
            row-gap: calc(var(--spacing)*8)
        }

        .md\:gap-y-12 {
            row-gap: calc(var(--spacing)*12)
        }

        .md\:gap-y-16 {
            row-gap: calc(var(--spacing)*16)
        }

        .md\:self-auto {
            align-self: auto
        }

        .md\:self-center {
            align-self: center
        }

        .md\:self-end {
            align-self: flex-end
        }

        .md\:self-start {
            align-self: flex-start
        }

        .md\:justify-self-center {
            justify-self: center
        }

        .md\:truncate {
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .md\:overflow-hidden,
        .md\:truncate {
            overflow: hidden
        }

        .md\:overflow-visible {
            overflow: visible
        }

        .md\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .md\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

        .md\:rounded-\[10px\] {
            border-radius: 10px
        }

        .md\:rounded-\[15\.06px\] {
            border-radius: 15.06px
        }

        .md\:rounded-\[15\.16px\] {
            border-radius: 15.16px
        }

        .md\:rounded-\[17\.57px\] {
            border-radius: 17.57px
        }

        .md\:rounded-\[17\.68px\] {
            border-radius: 17.68px
        }

        .md\:rounded-\[20\.08px\] {
            border-radius: 20.08px
        }

        .md\:rounded-\[20\.21px\] {
            border-radius: 20.21px
        }

        .md\:rounded-\[20\.91px\] {
            border-radius: 20.91px
        }

        .md\:rounded-\[20px\] {
            border-radius: 20px
        }

        .md\:rounded-\[21px\] {
            border-radius: 21px
        }

        .md\:rounded-\[23\.58px\] {
            border-radius: 23.58px
        }

        .md\:rounded-\[24\.5px\] {
            border-radius: 24.5px
        }

        .md\:rounded-\[24px\] {
            border-radius: 24px
        }

        .md\:rounded-\[26\.91px\] {
            border-radius: 26.91px
        }

        .md\:rounded-\[26\.95px\] {
            border-radius: 26.95px
        }

        .md\:rounded-\[28px\] {
            border-radius: 28px
        }

        .md\:rounded-\[32px\] {
            border-radius: 32px
        }

        .md\:rounded-lg {
            border-radius: var(--radius-lg)
        }

        .md\:rounded-none {
            border-radius: 0;
            border-radius: var(--radius-none)
        }

        .md\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .md\:rounded-t-2xl {
            border-top-left-radius: var(--radius-2xl);
            border-top-right-radius: var(--radius-2xl)
        }

        .md\:rounded-tl-\[92px\] {
            border-top-left-radius: 92px
        }

        .md\:rounded-tr-\[64px\] {
            border-top-right-radius: 64px
        }

        .md\:rounded-bl-\[64px\] {
            border-bottom-left-radius: 64px
        }

        .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .md\:border-y {
            border-block-style: var(--tw-border-style);
            border-block-width: 1px
        }

        .md\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }

        .md\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }

        .md\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .md\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .md\:border-l-2 {
            border-left-style: var(--tw-border-style);
            border-left-width: 2px
        }

        .md\:border-none {
            --tw-border-style: none;
            border-style: none
        }

        .md\:border-brand {
            border-color: var(--border-color-brand)
        }

        .md\:bg-brand-section {
            background-color: var(--background-color-brand-section)
        }

        .md\:bg-primary {
            background-color: var(--background-color-primary)
        }

        .md\:bg-secondary {
            background-color: var(--background-color-secondary)
        }

        .md\:bg-tertiary {
            background-color: var(--background-color-tertiary)
        }

        .md\:bg-transparent {
            background-color: #0000
        }

        .md\:stroke-\[14px\] {
            stroke-width: 14px
        }

        .md\:stroke-\[16px\] {
            stroke-width: 16px
        }

        .md\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .md\:p-0\.5 {
            padding: calc(var(--spacing)*.5)
        }

        .md\:p-1 {
            padding: calc(var(--spacing)*1)
        }

        .md\:p-2 {
            padding: calc(var(--spacing)*2)
        }

        .md\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .md\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .md\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .md\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .md\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .md\:p-16 {
            padding: calc(var(--spacing)*16)
        }

        .md\:p-\[3\.5px\] {
            padding: 3.5px
        }

        .md\:p-\[3px\] {
            padding: 3px
        }

        .md\:p-\[5\.4px\] {
            padding: 5.4px
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .md\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .md\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .md\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .md\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .md\:py-0\.5 {
            padding-block: calc(var(--spacing)*.5)
        }

        .md\:py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
        }

        .md\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .md\:py-3\! {
            padding-block: calc(var(--spacing)*3) !important
        }

        .md\:py-3\.5 {
            padding-block: calc(var(--spacing)*3.5)
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .md\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .md\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .md\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .md\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .md\:py-32 {
            padding-block: calc(var(--spacing)*32)
        }

        .md\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .md\:pt-0\.5 {
            padding-top: calc(var(--spacing)*.5)
        }

        .md\:pt-1 {
            padding-top: calc(var(--spacing)*1)
        }

        .md\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }

        .md\:pt-2\.5 {
            padding-top: calc(var(--spacing)*2.5)
        }

        .md\:pt-3 {
            padding-top: calc(var(--spacing)*3)
        }

        .md\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .md\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .md\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .md\:pt-24 {
            padding-top: calc(var(--spacing)*24)
        }

        .md\:pt-40 {
            padding-top: calc(var(--spacing)*40)
        }

        .md\:pt-\[15vh\] {
            padding-top: 15vh
        }

        .md\:pt-\[75px\] {
            padding-top: 75px
        }

        .md\:pt-\[94px\] {
            padding-top: 94px
        }

        .md\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .md\:pr-2 {
            padding-right: calc(var(--spacing)*2)
        }

        .md\:pr-2\.5 {
            padding-right: calc(var(--spacing)*2.5)
        }

        .md\:pr-3 {
            padding-right: calc(var(--spacing)*3)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing)*4)
        }

        .md\:pr-5 {
            padding-right: calc(var(--spacing)*5)
        }

        .md\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }

        .md\:pr-8 {
            padding-right: calc(var(--spacing)*8)
        }

        .md\:pr-9 {
            padding-right: calc(var(--spacing)*9)
        }

        .md\:pr-12 {
            padding-right: calc(var(--spacing)*12)
        }

        .md\:pr-18 {
            padding-right: calc(var(--spacing)*18)
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .md\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .md\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .md\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .md\:pb-7 {
            padding-bottom: calc(var(--spacing)*7)
        }

        .md\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .md\:pb-28 {
            padding-bottom: calc(var(--spacing)*28)
        }

        .md\:pb-40 {
            padding-bottom: calc(var(--spacing)*40)
        }

        .md\:pb-48 {
            padding-bottom: calc(var(--spacing)*48)
        }

        .md\:pb-\[270px\] {
            padding-bottom: 270px
        }

        .md\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .md\:pl-4 {
            padding-left: calc(var(--spacing)*4)
        }

        .md\:pl-5 {
            padding-left: calc(var(--spacing)*5)
        }

        .md\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .md\:pl-6\.5 {
            padding-left: calc(var(--spacing)*6.5)
        }

        .md\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .md\:pl-10 {
            padding-left: calc(var(--spacing)*10)
        }

        .md\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

        .md\:pl-16 {
            padding-left: calc(var(--spacing)*16)
        }

        .md\:pl-70 {
            padding-left: calc(var(--spacing)*70)
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-right {
            text-align: right
        }

        .md\:text-display-lg {
            font-size: var(--text-display-lg);
            line-height: var(--tw-leading, var(--text-display-lg--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing))
        }

        .md\:text-display-md {
            font-size: var(--text-display-md);
            line-height: var(--tw-leading, var(--text-display-md--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing))
        }

        .md\:text-display-xl {
            font-size: var(--text-display-xl);
            line-height: var(--tw-leading, var(--text-display-xl--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-xl--letter-spacing))
        }

        .md\:\!text-display-xs {
            font-size: var(--text-display-xs) !important;
            line-height: var(--tw-leading, var(--text-display-xs--line-height)) !important
        }

        .md\:text-display-sm {
            font-size: var(--text-display-sm);
            line-height: var(--tw-leading, var(--text-display-sm--line-height))
        }

        .md\:text-display-xs {
            font-size: var(--text-display-xs);
            line-height: var(--tw-leading, var(--text-display-xs--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-md {
            font-size: var(--text-md);
            line-height: var(--tw-leading, var(--text-md--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .md\:whitespace-normal {
            white-space: normal
        }

        .md\:whitespace-nowrap {
            white-space: nowrap
        }

        .md\:text-primary {
            color: var(--text-color-primary)
        }

        .md\:text-tertiary {
            color: var(--text-color-tertiary)
        }

        .md\:decoration-4 {
            text-decoration-thickness: 4px
        }

        .md\:shadow-3xl {
            --tw-shadow: 0px 32px 64px -12px var(--tw-shadow-color, #0a0d1224), 0px 5px 5px -2.5px var(--tw-shadow-color, #0a0d120a)
        }

        .md\:shadow-3xl,
        .md\:shadow-lg {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:shadow-lg {
            --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, #0a0d1214), 0px 4px 6px -2px var(--tw-shadow-color, #0a0d1208), 0px 2px 2px -1px var(--tw-shadow-color, #0a0d120a)
        }

        .md\:shadow-modern-mockup-inner-lg {
            --tw-shadow: 0px 0px 3.765px 1.255px var(--tw-shadow-color, #0a0d1214)inset, 0px 0px 2.51px 1.255px var(--tw-shadow-color, #0a0d1208)inset
        }

        .md\:shadow-modern-mockup-inner-lg,
        .md\:shadow-modern-mockup-outer-lg {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:shadow-modern-mockup-outer-lg {
            --tw-shadow: 0px 7.529px 10.039px -2.51px var(--tw-shadow-color, #0a0d1214), 0px 2.51px 3.765px -1.255px var(--tw-shadow-color, #0a0d1208), 0px 1.255px 1.255px -.627px var(--tw-shadow-color, #0a0d120a)
        }

        .md\:shadow-xl {
            --tw-shadow: 0px 20px 24px -4px var(--tw-shadow-color, #0a0d1214), 0px 8px 8px -4px var(--tw-shadow-color, #0a0d1208), 0px 3px 3px -1.5px var(--tw-shadow-color, #0a0d120a)
        }

        .md\:shadow-xl,
        .md\:shadow-xs {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:shadow-xs {
            --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d)
        }

        .md\:ring-1 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-1,
        .md\:ring-6 {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:ring-6 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(6px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-8 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-8,
        .md\:ring-\[1\.25px\] {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:ring-\[1\.25px\] {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.25px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-\[1\.26px\] {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.26px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-\[1\.26px\],
        .md\:ring-\[1\.68px\] {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:ring-\[1\.68px\] {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.68px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-\[1\.75px\] {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1.75px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-\[1\.75px\],
        .md\:ring-\[2px\] {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:ring-\[2px\] {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .md\:ring-secondary_alt {
            --tw-ring-color: var(--ring-color-secondary_alt)
        }

        .md\:drop-shadow-iphone-mockup {
            --tw-drop-shadow-size: drop-shadow(20px 12px 18px var(--tw-drop-shadow-color, #10182833));
            --tw-drop-shadow: drop-shadow(var(--drop-shadow-iphone-mockup))
        }

        .md\:drop-shadow-iphone-mockup,
        .md\:drop-shadow-none {
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .md\:drop-shadow-none {
            --tw-drop-shadow:
        }

        .md\:\[--scale\:1\.3\] {
            --scale: 1.3
        }

        .md\:\[--scale\:1\.641\] {
            --scale: 1.641
        }

        .md\:\[--scale\:2\.1\] {
            --scale: 2.1
        }

        .md\:\[--scale\:2\.099\] {
            --scale: 2.099
        }

        .md\:first\:hidden:first-child {
            display: none
        }

        .md\:last\:flex:last-child {
            display: flex
        }

        @media not all and (min-width:64rem) {
            .md\:max-lg\:hidden {
                display: none
            }
        }
    }

    @media (min-width:64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:fixed {
            position: fixed
        }

        .lg\:relative {
            position: relative
        }

        .lg\:static {
            position: static
        }

        .lg\:sticky {
            position: sticky
        }

        .lg\:inset-0 {
            inset: calc(var(--spacing)*0)
        }

        .lg\:inset-y-0 {
            inset-block: calc(var(--spacing)*0)
        }

        .lg\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .lg\:top-5 {
            top: calc(var(--spacing)*5)
        }

        .lg\:top-6 {
            top: calc(var(--spacing)*6)
        }

        .lg\:top-14 {
            top: calc(var(--spacing)*14)
        }

        .lg\:top-18 {
            top: calc(var(--spacing)*18)
        }

        .lg\:top-26 {
            top: calc(var(--spacing)*26)
        }

        .lg\:top-auto {
            top: auto
        }

        .lg\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .lg\:right-5 {
            right: calc(var(--spacing)*5)
        }

        .lg\:right-6 {
            right: calc(var(--spacing)*6)
        }

        .lg\:right-8 {
            right: calc(var(--spacing)*8)
        }

        .lg\:right-12 {
            right: calc(var(--spacing)*12)
        }

        .lg\:right-12\.5 {
            right: calc(var(--spacing)*12.5)
        }

        .lg\:right-62 {
            right: calc(var(--spacing)*62)
        }

        .lg\:right-auto {
            right: auto
        }

        .lg\:bottom-0 {
            bottom: calc(var(--spacing)*0)
        }

        .lg\:bottom-\[33px\] {
            bottom: 33px
        }

        .lg\:left-0 {
            left: calc(var(--spacing)*0)
        }

        .lg\:left-4\.5 {
            left: calc(var(--spacing)*4.5)
        }

        .lg\:left-12 {
            left: calc(var(--spacing)*12)
        }

        .lg\:left-18 {
            left: calc(var(--spacing)*18)
        }

        .lg\:left-24 {
            left: calc(var(--spacing)*24)
        }

        .lg\:left-62 {
            left: calc(var(--spacing)*62)
        }

        .lg\:left-auto {
            left: auto
        }

        .lg\:order-first {
            order: -9999
        }

        .lg\:order-last {
            order: 9999
        }

        .lg\:order-none {
            order: 0
        }

        .lg\:col-auto {
            grid-column: auto
        }

        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-start-2 {
            grid-column-start: 2
        }

        .lg\:row-span-2 {
            grid-row: span 2/span 2
        }

        .lg\:row-start-1 {
            grid-row-start: 1
        }

        .lg\:-mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .lg\:-mx-8 {
            margin-inline: calc(var(--spacing)*-8)
        }

        .lg\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .lg\:mx-auto {
            margin-inline: auto
        }

        .lg\:-mt-10 {
            margin-top: calc(var(--spacing)*-10)
        }

        .lg\:-mt-16 {
            margin-top: calc(var(--spacing)*-16)
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .lg\:mt-2 {
            margin-top: calc(var(--spacing)*2)
        }

        .lg\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .lg\:mt-5 {
            margin-top: calc(var(--spacing)*5)
        }

        .lg\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .lg\:mt-auto {
            margin-top: auto
        }

        .lg\:-mr-100 {
            margin-right: calc(var(--spacing)*-100)
        }

        .lg\:-mr-264 {
            margin-right: calc(var(--spacing)*-264)
        }

        .lg\:mr-9\.5 {
            margin-right: calc(var(--spacing)*9.5)
        }

        .lg\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .lg\:mb-24 {
            margin-bottom: calc(var(--spacing)*24)
        }

        .lg\:-ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .lg\:-ml-4 {
            margin-left: calc(var(--spacing)*-4)
        }

        .lg\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .lg\:ml-3 {
            margin-left: calc(var(--spacing)*3)
        }

        .lg\:ml-auto {
            margin-left: auto
        }

        .lg\:line-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .lg\:line-clamp-none {
            -webkit-line-clamp: unset;
            -webkit-box-orient: horizontal;
            display: block;
            overflow: visible
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline {
            display: inline
        }

        .lg\:inline-flex {
            display: inline-flex
        }

        .lg\:table-cell {
            display: table-cell
        }

        .lg\:size-12 {
            width: calc(var(--spacing)*12);
            height: calc(var(--spacing)*12)
        }

        .lg\:h-0 {
            height: calc(var(--spacing)*0)
        }

        .lg\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .lg\:h-30 {
            height: calc(var(--spacing)*30)
        }

        .lg\:h-36 {
            height: calc(var(--spacing)*36)
        }

        .lg\:h-37\.5 {
            height: calc(var(--spacing)*37.5)
        }

        .lg\:h-44 {
            height: calc(var(--spacing)*44)
        }

        .lg\:h-46 {
            height: calc(var(--spacing)*46)
        }

        .lg\:h-50 {
            height: calc(var(--spacing)*50)
        }

        .lg\:h-57 {
            height: calc(var(--spacing)*57)
        }

        .lg\:h-57\.5 {
            height: calc(var(--spacing)*57.5)
        }

        .lg\:h-58 {
            height: calc(var(--spacing)*58)
        }

        .lg\:h-60 {
            height: calc(var(--spacing)*60)
        }

        .lg\:h-60\! {
            height: calc(var(--spacing)*60) !important
        }

        .lg\:h-63 {
            height: calc(var(--spacing)*63)
        }

        .lg\:h-64 {
            height: calc(var(--spacing)*64)
        }

        .lg\:h-66 {
            height: calc(var(--spacing)*66)
        }

        .lg\:h-70 {
            height: calc(var(--spacing)*70)
        }

        .lg\:h-73\.5 {
            height: calc(var(--spacing)*73.5)
        }

        .lg\:h-74 {
            height: calc(var(--spacing)*74)
        }

        .lg\:h-80 {
            height: calc(var(--spacing)*80)
        }

        .lg\:h-82 {
            height: calc(var(--spacing)*82)
        }

        .lg\:h-96 {
            height: calc(var(--spacing)*96)
        }

        .lg\:h-100 {
            height: calc(var(--spacing)*100)
        }

        .lg\:h-103 {
            height: calc(var(--spacing)*103)
        }

        .lg\:h-104 {
            height: calc(var(--spacing)*104)
        }

        .lg\:h-115 {
            height: calc(var(--spacing)*115)
        }

        .lg\:h-120 {
            height: calc(var(--spacing)*120)
        }

        .lg\:h-128 {
            height: calc(var(--spacing)*128)
        }

        .lg\:h-129 {
            height: calc(var(--spacing)*129)
        }

        .lg\:h-132 {
            height: calc(var(--spacing)*132)
        }

        .lg\:h-140 {
            height: calc(var(--spacing)*140)
        }

        .lg\:h-142 {
            height: calc(var(--spacing)*142)
        }

        .lg\:h-148 {
            height: calc(var(--spacing)*148)
        }

        .lg\:h-160 {
            height: calc(var(--spacing)*160)
        }

        .lg\:h-163\.5 {
            height: calc(var(--spacing)*163.5)
        }

        .lg\:h-168\.5 {
            height: calc(var(--spacing)*168.5)
        }

        .lg\:h-180 {
            height: calc(var(--spacing)*180)
        }

        .lg\:h-192 {
            height: calc(var(--spacing)*192)
        }

        .lg\:h-200 {
            height: calc(var(--spacing)*200)
        }

        .lg\:h-255 {
            height: calc(var(--spacing)*255)
        }

        .lg\:h-277 {
            height: calc(var(--spacing)*277)
        }

        .lg\:h-\[251px\] {
            height: 251px
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:h-full {
            height: 100%
        }

        .lg\:h-svh {
            height: 100svh
        }

        .lg\:max-h-100 {
            max-height: calc(var(--spacing)*100)
        }

        .lg\:max-h-140 {
            max-height: calc(var(--spacing)*140)
        }

        .lg\:max-h-168\.5 {
            max-height: calc(var(--spacing)*168.5)
        }

        .lg\:max-h-180 {
            max-height: calc(var(--spacing)*180)
        }

        .lg\:max-h-240 {
            max-height: calc(var(--spacing)*240)
        }

        .lg\:max-h-252 {
            max-height: calc(var(--spacing)*252)
        }

        .lg\:max-h-none {
            max-height: none
        }

        .lg\:min-h-25\.5 {
            min-height: calc(var(--spacing)*25.5)
        }

        .lg\:min-h-37 {
            min-height: calc(var(--spacing)*37)
        }

        .lg\:min-h-64 {
            min-height: calc(var(--spacing)*64)
        }

        .lg\:min-h-70 {
            min-height: calc(var(--spacing)*70)
        }

        .lg\:min-h-93 {
            min-height: calc(var(--spacing)*93)
        }

        .lg\:min-h-112 {
            min-height: calc(var(--spacing)*112)
        }

        .lg\:min-h-120 {
            min-height: calc(var(--spacing)*120)
        }

        .lg\:min-h-140 {
            min-height: calc(var(--spacing)*140)
        }

        .lg\:min-h-142 {
            min-height: calc(var(--spacing)*142)
        }

        .lg\:min-h-149\.5 {
            min-height: calc(var(--spacing)*149.5)
        }

        .lg\:min-h-160 {
            min-height: calc(var(--spacing)*160)
        }

        .lg\:min-h-177 {
            min-height: calc(var(--spacing)*177)
        }

        .lg\:min-h-180 {
            min-height: calc(var(--spacing)*180)
        }

        .lg\:min-h-240 {
            min-height: calc(var(--spacing)*240)
        }

        .lg\:min-h-\[97px\] {
            min-height: 97px
        }

        .lg\:min-h-screen {
            min-height: 100vh
        }

        .lg\:w-\(--width\) {
            width: var(--width)
        }

        .lg\:w-1\/2 {
            width: 50%
        }

        .lg\:w-40 {
            width: calc(var(--spacing)*40)
        }

        .lg\:w-60 {
            width: calc(var(--spacing)*60)
        }

        .lg\:w-61 {
            width: calc(var(--spacing)*61)
        }

        .lg\:w-74 {
            width: calc(var(--spacing)*74)
        }

        .lg\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .lg\:w-87 {
            width: calc(var(--spacing)*87)
        }

        .lg\:w-90 {
            width: calc(var(--spacing)*90)
        }

        .lg\:w-91\.5 {
            width: calc(var(--spacing)*91.5)
        }

        .lg\:w-92\.5 {
            width: calc(var(--spacing)*92.5)
        }

        .lg\:w-95\.5 {
            width: calc(var(--spacing)*95.5)
        }

        .lg\:w-98 {
            width: calc(var(--spacing)*98)
        }

        .lg\:w-100 {
            width: calc(var(--spacing)*100)
        }

        .lg\:w-105 {
            width: calc(var(--spacing)*105)
        }

        .lg\:w-110 {
            width: calc(var(--spacing)*110)
        }

        .lg\:w-120 {
            width: calc(var(--spacing)*120)
        }

        .lg\:w-125 {
            width: calc(var(--spacing)*125)
        }

        .lg\:w-128 {
            width: calc(var(--spacing)*128)
        }

        .lg\:w-133 {
            width: calc(var(--spacing)*133)
        }

        .lg\:w-140 {
            width: calc(var(--spacing)*140)
        }

        .lg\:w-180 {
            width: calc(var(--spacing)*180)
        }

        .lg\:w-192 {
            width: calc(var(--spacing)*192)
        }

        .lg\:w-\[50vw\] {
            width: 50vw
        }

        .lg\:w-\[calc\(100\%\+48px\)\] {
            width: calc(100% + 48px)
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:w-max {
            width: max-content
        }

        @media (min-width:64rem) {
            .lg\:lg\:max-w-5xl {
                max-width: var(--container-5xl)
            }
        }

        .lg\:max-w-\(--breakpoint-md\) {
            max-width: var(--breakpoint-md)
        }

        .lg\:max-w-\(--breakpoint-sm\) {
            max-width: var(--breakpoint-sm)
        }

        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .lg\:max-w-5xl {
            max-width: var(--container-5xl)
        }

        .lg\:max-w-60 {
            max-width: calc(var(--spacing)*60)
        }

        .lg\:max-w-61 {
            max-width: calc(var(--spacing)*61)
        }

        .lg\:max-w-61\.5 {
            max-width: calc(var(--spacing)*61.5)
        }

        .lg\:max-w-70 {
            max-width: calc(var(--spacing)*70)
        }

        .lg\:max-w-78 {
            max-width: calc(var(--spacing)*78)
        }

        .lg\:max-w-78\.5 {
            max-width: calc(var(--spacing)*78.5)
        }

        .lg\:max-w-80 {
            max-width: calc(var(--spacing)*80)
        }

        .lg\:max-w-87\.5 {
            max-width: calc(var(--spacing)*87.5)
        }

        .lg\:max-w-90 {
            max-width: calc(var(--spacing)*90)
        }

        .lg\:max-w-98 {
            max-width: calc(var(--spacing)*98)
        }

        .lg\:max-w-100 {
            max-width: calc(var(--spacing)*100)
        }

        .lg\:max-w-120 {
            max-width: calc(var(--spacing)*120)
        }

        .lg\:max-w-126 {
            max-width: calc(var(--spacing)*126)
        }

        .lg\:max-w-140 {
            max-width: calc(var(--spacing)*140)
        }

        .lg\:max-w-144 {
            max-width: calc(var(--spacing)*144)
        }

        .lg\:max-w-150 {
            max-width: calc(var(--spacing)*150)
        }

        .lg\:max-w-160 {
            max-width: calc(var(--spacing)*160)
        }

        .lg\:max-w-180 {
            max-width: calc(var(--spacing)*180)
        }

        .lg\:max-w-210 {
            max-width: calc(var(--spacing)*210)
        }

        .lg\:max-w-256 {
            max-width: calc(var(--spacing)*256)
        }

        .lg\:max-w-\[50vw\] {
            max-width: 50vw
        }

        .lg\:max-w-container {
            max-width: var(--max-width-container)
        }

        .lg\:max-w-lg {
            max-width: var(--container-lg)
        }

        .lg\:max-w-none {
            max-width: none
        }

        .lg\:max-w-sm {
            max-width: var(--container-sm)
        }

        .lg\:max-w-xl {
            max-width: var(--container-xl)
        }

        .lg\:max-w-xs {
            max-width: var(--container-xs)
        }

        .lg\:min-w-34 {
            min-width: calc(var(--spacing)*34)
        }

        .lg\:min-w-52\.5 {
            min-width: calc(var(--spacing)*52.5)
        }

        .lg\:min-w-70 {
            min-width: calc(var(--spacing)*70)
        }

        .lg\:min-w-80 {
            min-width: calc(var(--spacing)*80)
        }

        .lg\:min-w-85 {
            min-width: calc(var(--spacing)*85)
        }

        .lg\:min-w-98 {
            min-width: calc(var(--spacing)*98)
        }

        .lg\:min-w-\[291px\] {
            min-width: 291px
        }

        .lg\:min-w-\[320px\] {
            min-width: 320px
        }

        .lg\:min-w-\[345px\] {
            min-width: 345px
        }

        .lg\:min-w-\[480px\] {
            min-width: 480px
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0)
        }

        .lg\:translate-x-0,
        .lg\:translate-y-1\/4 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .lg\:translate-y-1\/4 {
            --tw-translate-y: calc(1/4*100%)
        }

        .lg\:scale-75 {
            --tw-scale-x: 75%;
            --tw-scale-y: 75%;
            --tw-scale-z: 75%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .lg\:rotate-\[345deg\] {
            rotate: 345deg
        }

        .lg\:\[transform\:var\(--transform-desktop\)\] {
            transform: var(--transform-desktop)
        }

        .lg\:auto-rows-\[360px\] {
            grid-auto-rows: 360px
        }

        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:grid-cols-\[1fr_1fr_1fr\] {
            grid-template-columns: 1fr 1fr 1fr
        }

        .lg\:grid-cols-\[1fr_240px\] {
            grid-template-columns: 1fr 240px
        }

        .lg\:grid-cols-\[1fr_480px\] {
            grid-template-columns: 1fr 480px
        }

        .lg\:grid-cols-\[1fr_max-content\] {
            grid-template-columns: 1fr max-content
        }

        .lg\:grid-cols-\[1fr_minmax\(160px\,max-content\)\] {
            grid-template-columns: 1fr minmax(160px, max-content)
        }

        .lg\:grid-cols-\[2fr_1fr\] {
            grid-template-columns: 2fr 1fr
        }

        .lg\:grid-cols-\[148px_148px\] {
            grid-template-columns: 148px 148px
        }

        .lg\:grid-cols-\[416px_1fr\] {
            grid-template-columns: 416px 1fr
        }

        .lg\:grid-cols-\[440px_1fr\] {
            grid-template-columns: 440px 1fr
        }

        .lg\:grid-cols-\[640px_1fr\] {
            grid-template-columns: 640px 1fr
        }

        .lg\:grid-cols-\[auto_auto\] {
            grid-template-columns: auto auto
        }

        .lg\:grid-cols-\[auto_auto_1fr\] {
            grid-template-columns: auto auto 1fr
        }

        .lg\:grid-cols-\[minmax\(0\,296px\)_max-content\] {
            grid-template-columns: minmax(0, 296px) max-content
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_1fr\] {
            grid-template-columns: minmax(200px, 280px) 1fr
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(0\,512px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(0, 512px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(0\,560px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(0, 560px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(0\,720px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(0, 720px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(400px\,512px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(400px, 512px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(400px\,640px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(400px, 640px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(480px\,512px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(480px, 512px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(560px\,640px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(560px, 640px)
        }

        .lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(560px\,720px\)\] {
            grid-template-columns: minmax(200px, 280px) minmax(560px, 720px)
        }

        .lg\:grid-cols-\[repeat\(3\,auto\)\] {
            grid-template-columns: repeat(3, auto)
        }

        .lg\:grid-cols-\[repeat\(3\,minmax\(0\,384px\)\)\] {
            grid-template-columns: repeat(3, minmax(0, 384px))
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .lg\:flex-wrap {
            flex-wrap: wrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:items-end {
            align-items: flex-end
        }

        .lg\:items-start {
            align-items: flex-start
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:justify-items-start {
            justify-items: start
        }

        .lg\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .lg\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .lg\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .lg\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-9 {
            gap: calc(var(--spacing)*9)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .lg\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .lg\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

        .lg\:gap-24 {
            gap: calc(var(--spacing)*24)
        }

        .lg\:gap-32 {
            gap: calc(var(--spacing)*32)
        }

        :where(.lg\:-space-y-8>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*-8)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*-8)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.lg\:-space-y-\[183px\]>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(183px*-1)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(183px*-1)*calc(1 - var(--tw-space-y-reverse)))
        }

        .lg\:gap-x-8 {
            column-gap: calc(var(--spacing)*8)
        }

        .lg\:gap-y-1 {
            row-gap: calc(var(--spacing)*1)
        }

        .lg\:gap-y-4 {
            row-gap: calc(var(--spacing)*4)
        }

        .lg\:gap-y-5 {
            row-gap: calc(var(--spacing)*5)
        }

        .lg\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .lg\:gap-y-8 {
            row-gap: calc(var(--spacing)*8)
        }

        .lg\:gap-y-12 {
            row-gap: calc(var(--spacing)*12)
        }

        .lg\:gap-y-16 {
            row-gap: calc(var(--spacing)*16)
        }

        .lg\:self-center {
            align-self: center
        }

        .lg\:truncate {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .lg\:overflow-auto {
            overflow: auto
        }

        .lg\:overflow-hidden {
            overflow: hidden
        }

        .lg\:overflow-visible {
            overflow: visible
        }

        .lg\:overflow-y-clip {
            overflow-y: clip
        }

        .lg\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .lg\:rounded-\[20px\] {
            border-radius: 20px
        }

        .lg\:rounded-none {
            border-radius: 0;
            border-radius: var(--radius-none)
        }

        .lg\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .lg\:rounded-tl-\[24px\] {
            border-top-left-radius: 24px
        }

        .lg\:rounded-tl-\[32px\] {
            border-top-left-radius: 32px
        }

        .lg\:rounded-tl-\[40px\] {
            border-top-left-radius: 40px
        }

        .lg\:rounded-tl-\[160px\] {
            border-top-left-radius: 160px
        }

        .lg\:rounded-tl-xl {
            border-top-left-radius: var(--radius-xl)
        }

        .lg\:rounded-r-none {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-top-right-radius: var(--radius-none);
            border-bottom-right-radius: var(--radius-none)
        }

        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .lg\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }

        .lg\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .lg\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .lg\:border-none {
            --tw-border-style: none;
            border-style: none
        }

        .lg\:border-secondary {
            border-color: var(--border-color-secondary)
        }

        .lg\:bg-primary {
            background-color: var(--background-color-primary)
        }

        .lg\:bg-secondary {
            background-color: var(--background-color-secondary)
        }

        .lg\:bg-transparent {
            background-color: #0000
        }

        .lg\:object-left {
            object-position: left
        }

        .lg\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .lg\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .lg\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .lg\:p-16 {
            padding: calc(var(--spacing)*16)
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .lg\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .lg\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .lg\:px-11 {
            padding-inline: calc(var(--spacing)*11)
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing)*14)
        }

        .lg\:px-16 {
            padding-inline: calc(var(--spacing)*16)
        }

        .lg\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .lg\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .lg\:py-1 {
            padding-block: calc(var(--spacing)*1)
        }

        .lg\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .lg\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .lg\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .lg\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .lg\:py-11 {
            padding-block: calc(var(--spacing)*11)
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .lg\:py-14 {
            padding-block: calc(var(--spacing)*14)
        }

        .lg\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .lg\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .lg\:pt-0\! {
            padding-top: calc(var(--spacing)*0) !important
        }

        .lg\:pt-1 {
            padding-top: calc(var(--spacing)*1)
        }

        .lg\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }

        .lg\:pt-2\.5 {
            padding-top: calc(var(--spacing)*2.5)
        }

        .lg\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .lg\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .lg\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .lg\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .lg\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .lg\:pt-24 {
            padding-top: calc(var(--spacing)*24)
        }

        .lg\:pt-32 {
            padding-top: calc(var(--spacing)*32)
        }

        .lg\:pt-40 {
            padding-top: calc(var(--spacing)*40)
        }

        .lg\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .lg\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }

        .lg\:pr-8 {
            padding-right: calc(var(--spacing)*8)
        }

        .lg\:pr-10 {
            padding-right: calc(var(--spacing)*10)
        }

        .lg\:pr-16 {
            padding-right: calc(var(--spacing)*16)
        }

        .lg\:pr-24 {
            padding-right: calc(var(--spacing)*24)
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .lg\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .lg\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .lg\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .lg\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .lg\:pb-45 {
            padding-bottom: calc(var(--spacing)*45)
        }

        .lg\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .lg\:pl-1 {
            padding-left: calc(var(--spacing)*1)
        }

        .lg\:pl-3 {
            padding-left: calc(var(--spacing)*3)
        }

        .lg\:pl-4 {
            padding-left: calc(var(--spacing)*4)
        }

        .lg\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .lg\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .lg\:pl-10 {
            padding-left: calc(var(--spacing)*10)
        }

        .lg\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

        .lg\:pl-18 {
            padding-left: calc(var(--spacing)*18)
        }

        .lg\:pl-21 {
            padding-left: calc(var(--spacing)*21)
        }

        .lg\:pl-24 {
            padding-left: calc(var(--spacing)*24)
        }

        .lg\:pl-62 {
            padding-left: calc(var(--spacing)*62)
        }

        .lg\:pl-\[20rem\] {
            padding-left: 20rem
        }

        .lg\:text-center {
            text-align: center
        }

        .lg\:text-left {
            text-align: left
        }

        .lg\:text-right {
            text-align: right
        }

        .lg\:text-display-2xl {
            font-size: var(--text-display-2xl);
            line-height: var(--tw-leading, var(--text-display-2xl--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-2xl--letter-spacing))
        }

        .lg\:text-display-lg {
            font-size: var(--text-display-lg);
            line-height: var(--tw-leading, var(--text-display-lg--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing))
        }

        .lg\:text-display-md {
            font-size: var(--text-display-md);
            line-height: var(--tw-leading, var(--text-display-md--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing))
        }

        .lg\:text-display-xl {
            font-size: var(--text-display-xl);
            line-height: var(--tw-leading, var(--text-display-xl--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-xl--letter-spacing))
        }

        .lg\:text-display-sm {
            font-size: var(--text-display-sm);
            line-height: var(--tw-leading, var(--text-display-sm--line-height))
        }

        .lg\:text-display-xs {
            font-size: var(--text-display-xs);
            line-height: var(--tw-leading, var(--text-display-xs--line-height))
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .lg\:text-md {
            font-size: var(--text-md);
            line-height: var(--tw-leading, var(--text-md--line-height))
        }

        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .lg\:font-semibold {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold)
        }

        .lg\:text-balance {
            text-wrap: balance
        }

        .lg\:whitespace-normal {
            white-space: normal
        }

        .lg\:decoration-4 {
            text-decoration-thickness: 4px
        }

        .lg\:shadow-lg {
            --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, #0a0d1214), 0px 4px 6px -2px var(--tw-shadow-color, #0a0d1208), 0px 2px 2px -1px var(--tw-shadow-color, #0a0d120a)
        }

        .lg\:shadow-lg,
        .lg\:shadow-sm {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .lg\:shadow-sm {
            --tw-shadow: 0px 1px 3px var(--tw-shadow-color, #0a0d121a), 0px 1px 2px -1px var(--tw-shadow-color, #0a0d121a)
        }

        .lg\:shadow-xs {
            --tw-shadow: 0px 1px 2px var(--tw-shadow-color, #0a0d120d)
        }

        .lg\:ring-0,
        .lg\:shadow-xs {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .lg\:ring-0 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
        }

        .lg\:ring-1 {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .lg\:shadow-transparent {
            --tw-shadow-color: transparent
        }

        @supports (color:color-mix(in lab, red, red)) {
            .lg\:shadow-transparent {
                --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent)
            }
        }

        .lg\:drop-shadow-none {
            --tw-drop-shadow: ;
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .lg\:\[--scale\:1\.57\] {
            --scale: 1.57
        }

        .lg\:\[--stripe-height\:72px\] {
            --stripe-height: 72px
        }

        .lg\:after\:border-b-0:after {
            content: var(--tw-content);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        :is(.lg\:\*\*\:data-label\:hidden *)[data-label] {
            display: none
        }
    }

    @media (min-width:80rem) {
        .xl\:absolute {
            position: absolute
        }

        .xl\:static {
            position: static
        }

        .xl\:inset-0 {
            inset: calc(var(--spacing)*0)
        }

        .xl\:bottom-12 {
            bottom: calc(var(--spacing)*12)
        }

        .xl\:-left-10 {
            left: calc(var(--spacing)*-10)
        }

        .xl\:row-span-2 {
            grid-row: span 2/span 2
        }

        .xl\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .xl\:line-clamp-4 {
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:hidden {
            display: none
        }

        .xl\:inline-flex {
            display: inline-flex
        }

        .xl\:table-cell {
            display: table-cell
        }

        .xl\:size-15 {
            width: calc(var(--spacing)*15);
            height: calc(var(--spacing)*15)
        }

        .xl\:size-30\.5 {
            width: calc(var(--spacing)*30.5);
            height: calc(var(--spacing)*30.5)
        }

        .xl\:h-36 {
            height: calc(var(--spacing)*36)
        }

        .xl\:h-50 {
            height: calc(var(--spacing)*50)
        }

        .xl\:h-87\.25 {
            height: calc(var(--spacing)*87.25)
        }

        .xl\:h-103 {
            height: calc(var(--spacing)*103)
        }

        .xl\:w-50 {
            width: calc(var(--spacing)*50)
        }

        .xl\:w-62 {
            width: calc(var(--spacing)*62)
        }

        .xl\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .xl\:w-91\.5 {
            width: calc(var(--spacing)*91.5)
        }

        .xl\:w-120 {
            width: calc(var(--spacing)*120)
        }

        .xl\:w-140 {
            width: calc(var(--spacing)*140)
        }

        .xl\:w-206 {
            width: calc(var(--spacing)*206)
        }

        .xl\:w-\[calc\(100\%\+40px\)\] {
            width: calc(100% + 40px)
        }

        .xl\:w-full {
            width: 100%
        }

        .xl\:w-screen {
            width: 100vw
        }

        .xl\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .xl\:max-w-93\.5 {
            max-width: calc(var(--spacing)*93.5)
        }

        .xl\:max-w-140 {
            max-width: calc(var(--spacing)*140)
        }

        .xl\:max-w-md {
            max-width: var(--container-md)
        }

        .xl\:max-w-none {
            max-width: none
        }

        .xl\:min-w-100 {
            min-width: calc(var(--spacing)*100)
        }

        .xl\:min-w-\[560px\] {
            min-width: 560px
        }

        .xl\:-translate-x-\[107\%\] {
            --tw-translate-x: calc(107%*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .xl\:scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .xl\:grid-cols-\[880px_1fr\] {
            grid-template-columns: 880px 1fr
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:flex-nowrap {
            flex-wrap: nowrap
        }

        .xl\:items-center {
            align-items: center
        }

        .xl\:items-start {
            align-items: flex-start
        }

        .xl\:justify-end {
            justify-content: flex-end
        }

        .xl\:justify-items-stretch {
            justify-items: stretch
        }

        .xl\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .xl\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .xl\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .xl\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .xl\:gap-x-6 {
            column-gap: calc(var(--spacing)*6)
        }

        .xl\:gap-x-8 {
            column-gap: calc(var(--spacing)*8)
        }

        .xl\:rounded-lg {
            border-radius: var(--radius-lg)
        }

        .xl\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .xl\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .xl\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .xl\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .xl\:pt-\[clamp\(64px\,24vh\,243px\)\] {
            padding-top: clamp(64px, 24vh, 243px)
        }

        .xl\:pr-\[20rem\] {
            padding-right: 20rem
        }

        .xl\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .xl\:text-display-2xl {
            font-size: var(--text-display-2xl);
            line-height: var(--tw-leading, var(--text-display-2xl--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-2xl--letter-spacing))
        }

        .xl\:text-display-lg {
            font-size: var(--text-display-lg);
            line-height: var(--tw-leading, var(--text-display-lg--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing))
        }

        .xl\:text-display-md {
            font-size: var(--text-display-md);
            line-height: var(--tw-leading, var(--text-display-md--line-height));
            letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing))
        }

        .xl\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .xl\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .xl\:\[clip-path\:polygon\(10\%_0\%\,_100\%_0\%\,_100\%_100\%\,_0\%_100\%\)\] {
            clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%)
        }
    }

    @media (min-width:96rem) {
        .\32 xl\:block {
            display: block
        }

        .\32 xl\:h-128 {
            height: calc(var(--spacing)*128)
        }

        .\32 xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .\32 xl\:grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr))
        }

        .\32 xl\:grid-cols-\[repeat\(4\,max-content\)\] {
            grid-template-columns: repeat(4, max-content)
        }

        .\32 xl\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .\32 xl\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .\32 xl\:pt-\[136px\] {
            padding-top: 136px
        }

        .\32 xl\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }

        .\32 xl\:pb-32 {
            padding-bottom: calc(var(--spacing)*32)
        }
    }

    .dark\:block:where(.dark-mode, .dark-mode *) {
        display: block
    }

    .dark\:hidden:where(.dark-mode, .dark-mode *) {
        display: none
    }

    .dark\:border-b:where(.dark-mode, .dark-mode *) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .dark\:border-secondary:where(.dark-mode, .dark-mode *) {
        border-color: var(--border-color-secondary)
    }

    .dark\:bg-gray-950:where(.dark-mode, .dark-mode *) {
        background-color: var(--color-gray-950)
    }

    .dark\:bg-linear-\(--gradient-dark\):where(.dark-mode, .dark-mode *) {
        --tw-gradient-position: var(--gradient-dark);
        background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-dark)))
    }

    .dark\:fill-black:where(.dark-mode, .dark-mode *) {
        fill: var(--color-black)
    }

    .dark\:fill-white:where(.dark-mode, .dark-mode *) {
        fill: var(--color-white)
    }

    .dark\:text-gray-50:where(.dark-mode, .dark-mode *) {
        color: var(--color-gray-50)
    }

    .dark\:text-white:where(.dark-mode, .dark-mode *) {
        color: var(--color-white)
    }

    .dark\:opacity-100:where(.dark-mode, .dark-mode *) {
        opacity: 1
    }

    .dark\:ring-secondary:where(.dark-mode, .dark-mode *) {
        --tw-ring-color: var(--ring-color-secondary)
    }

    .dark\:brightness-\[0\.2\]:where(.dark-mode, .dark-mode *) {
        --tw-brightness: brightness(.2);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .dark\:before\:opacity-0:where(.dark-mode, .dark-mode *):before {
        content: var(--tw-content);
        opacity: 0
    }

    @media (min-width:48rem) {
        .md\:dark\:block:where(.dark-mode, .dark-mode *) {
            display: block
        }
    }

    .placement-right\:origin-left[data-placement=right] {
        transform-origin: 0
    }

    .placement-right\:slide-in-from-left-0\.5[data-placement=right] {
        --tw-enter-translate-x: -.125rem
    }

    .placement-right\:slide-in-from-left-2[data-placement=right] {
        --tw-enter-translate-x: -.5rem
    }

    .placement-right\:slide-out-to-left-0\.5[data-placement=right] {
        --tw-exit-translate-x: -.125rem
    }

    .placement-right\:slide-out-to-left-2[data-placement=right] {
        --tw-exit-translate-x: -.5rem
    }

    .placement-top\:origin-bottom[data-placement=top] {
        transform-origin: bottom
    }

    .placement-top\:slide-in-from-bottom-0\.5[data-placement=top] {
        --tw-enter-translate-y: .125rem
    }

    .placement-top\:slide-in-from-bottom-2[data-placement=top] {
        --tw-enter-translate-y: .5rem
    }

    .placement-top\:slide-out-to-bottom-0\.5[data-placement=top] {
        --tw-exit-translate-y: .125rem
    }

    .placement-top\:slide-out-to-bottom-2[data-placement=top] {
        --tw-exit-translate-y: .5rem
    }

    .placement-bottom\:origin-top[data-placement=bottom] {
        transform-origin: top
    }

    .placement-bottom\:slide-in-from-top-0\.5[data-placement=bottom] {
        --tw-enter-translate-y: -.125rem
    }

    .placement-bottom\:slide-in-from-top-2[data-placement=bottom] {
        --tw-enter-translate-y: -.5rem
    }

    .placement-bottom\:slide-out-to-top-0\.5[data-placement=bottom] {
        --tw-exit-translate-y: -.125rem
    }

    .placement-bottom\:slide-out-to-top-2[data-placement=bottom] {
        --tw-exit-translate-y: -.5rem
    }

    .current\:overflow-hidden[data-current] {
        overflow: hidden
    }

    .pressed\:bg-primary_hover[data-pressed] {
        background-color: var(--background-color-primary_hover)
    }

    .pressed\:text-fg-quaternary_hover[data-pressed] {
        color: var(--color-fg-quaternary_hover)
    }

    .pressed\:outline-hidden[data-pressed] {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .pressed\:outline-hidden[data-pressed] {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .selected\:bg-active[data-selected] {
        background-color: var(--background-color-active)
    }

    .selected\:bg-primary[data-selected] {
        background-color: var(--background-color-primary)
    }

    .selected\:bg-secondary[data-selected] {
        background-color: var(--background-color-secondary)
    }

    .selected\:text-secondary_hover[data-selected] {
        color: var(--text-color-secondary_hover)
    }

    .selected\:disabled\:bg-disabled_subtle[data-selected]:where(:not([data-rac])):disabled,
    .selected\:disabled\:bg-disabled_subtle[data-selected]:where([data-rac])[data-disabled] {
        background-color: var(--background-color-disabled_subtle)
    }

    .label\:hidden [data-label] {
        display: none
    }

    @media (min-width:48rem) {
        .md\:label\:hidden [data-label] {
            display: none
        }
    }

    @media (min-width:64rem) {
        .lg\:label\:hidden [data-label] {
            display: none
        }
    }

    .\[\&_\*\:first-of-type\]\:pl-0\! :first-of-type {
        padding-left: calc(var(--spacing)*0) !important
    }

    .\[\&_\.line\]\:min-h-6 .line {
        min-height: calc(var(--spacing)*6)
    }

    .\[\&_\.recharts-area-area\]\:translate-y-1\.5 .recharts-area-area {
        --tw-translate-y: calc(var(--spacing)*1.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&_\.recharts-area-area\]\:translate-y-\[6px\] .recharts-area-area {
        --tw-translate-y: 6px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&_\.recharts-area-area\]\:\[clip-path\:inset\(0_0_6px_0\)\] .recharts-area-area {
        clip-path: inset(0 0 6px)
    }

    .\[\&_\.recharts-polar-grid\]\:text-utility-gray-100 .recharts-polar-grid {
        color: var(--color-utility-gray-100)
    }

    .\[\&_\.recharts-text\]\:text-sm .recharts-text {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\[\&_\.recharts-text\]\:text-xs .recharts-text {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    @media (min-width:40rem) {
        .sm\:\[\&_\[data-label\]\]\:hidden [data-label] {
            display: none
        }
    }

    @media (min-width:64rem) {
        .lg\:\[\&_\[data-label\]\]\:hidden [data-label] {
            display: none
        }
    }

    .\[\&_\[role\=tab\]\]\:flex-1 [role=tab] {
        flex: 1
    }

    .\[\&_\[role\=tab\]\]\:text-secondary_on-brand [role=tab] {
        color: var(--text-color-secondary_on-brand)
    }

    .\[\&_\[role\=tab\]\]\:hover\:bg-white\/10 [role=tab]:where([data-rac])[data-hovered] {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&_\[role\=tab\]\]\:hover\:bg-white\/10 [role=tab]:where([data-rac])[data-hovered] {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    @media (hover:hover) {
        .\[\&_\[role\=tab\]\]\:hover\:bg-white\/10 [role=tab]:where(:not([data-rac])):hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .\[\&_\[role\=tab\]\]\:hover\:bg-white\/10 [role=tab]:where(:not([data-rac])):hover {
                background-color: color-mix(in oklab, var(--color-white)10%, transparent)
            }
        }
    }

    .\[\&_\[role\=tab\]\]\:selected\:bg-brand-primary_alt [role=tab][data-selected] {
        background-color: var(--background-color-brand-primary_alt)
    }

    .\[\&_\[role\=tab\]\]\:selected\:text-brand-secondary [role=tab][data-selected] {
        color: var(--text-color-brand-secondary)
    }

    .\[\&_a\]\:rounded-xs a {
        border-radius: var(--radius-xs)
    }

    .\[\&_a\]\:text-brand-secondary a {
        color: var(--text-color-brand-secondary)
    }

    .\[\&_a\]\:underline a {
        text-decoration-line: underline
    }

    .\[\&_a\]\:underline-offset-2 a {
        text-underline-offset: 2px
    }

    .\[\&_a\]\:outline-focus-ring a {
        outline-color: var(--color-focus-ring)
    }

    .\[\&_a\]\:transition a {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_a\]\:duration-100 a {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .\[\&_a\]\:ease-linear a {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .\[\&_a\]\:duration-100 a {
        animation-duration: .1s
    }

    .\[\&_a\]\:ease-linear a {
        animation-timing-function: linear
    }

    .\[\&_a\]\:hover\:text-brand-secondary_hover a:where([data-rac])[data-hovered] {
        color: var(--text-color-brand-secondary_hover)
    }

    @media (hover:hover) {
        .\[\&_a\]\:hover\:text-brand-secondary_hover a:where(:not([data-rac])):hover {
            color: var(--text-color-brand-secondary_hover)
        }
    }

    .\[\&_a\]\:focus-visible\:outline-2 a:where(:not([data-rac])):focus-visible,
    .\[\&_a\]\:focus-visible\:outline-2 a:where([data-rac])[data-focus-visible] {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .\[\&_a\]\:focus-visible\:outline-offset-2 a:where(:not([data-rac])):focus-visible,
    .\[\&_a\]\:focus-visible\:outline-offset-2 a:where([data-rac])[data-focus-visible] {
        outline-offset: 2px
    }

    .\[\&_code\]\:flex code {
        display: flex
    }

    .\[\&_code\]\:flex-col code {
        flex-direction: column
    }

    .\[\&_nav\>ul\>li\>a\]\:text-brand-primary nav>ul>li>a {
        color: var(--text-color-brand-primary)
    }

    .\[\&_nav\>ul\>li\>a\]\:text-primary_on-brand nav>ul>li>a {
        color: var(--text-color-brand-primary)
    }

    .\[\&_nav\>ul\>li\>a\]\:hover\:text-brand-primary nav>ul>li>a:where([data-rac])[data-hovered] {
        color: var(--text-color-brand-primary)
    }

    @media (hover:hover) {
        .\[\&_nav\>ul\>li\>a\]\:hover\:text-brand-primary nav>ul>li>a:where(:not([data-rac])):hover {
            color: var(--text-color-brand-primary)
        }
    }

    .\[\&_nav\>ul\>li\>a\]\:hover\:text-primary_on-brand nav>ul>li>a:where([data-rac])[data-hovered] {
        color: var(--text-color-primary_on-brand)
    }

    @media (hover:hover) {
        .\[\&_nav\>ul\>li\>a\]\:hover\:text-primary_on-brand nav>ul>li>a:where(:not([data-rac])):hover {
            color: var(--text-color-primary_on-brand)
        }
    }

    .\[\&_nav\>ul\>li\>button\]\:text-brand-primary nav>ul>li>button {
        color: var(--text-color-brand-primary)
    }

    .\[\&_nav\>ul\>li\>button\]\:text-primary_on-brand nav>ul>li>button {
        color: var(--text-color-primary_on-brand)
    }

    .\[\&_nav\>ul\>li\>button\]\:hover\:text-brand-primary nav>ul>li>button:where([data-rac])[data-hovered] {
        color: var(--text-color-brand-primary)
    }

    @media (hover:hover) {
        .\[\&_nav\>ul\>li\>button\]\:hover\:text-brand-primary nav>ul>li>button:where(:not([data-rac])):hover {
            color: var(--text-color-brand-primary)
        }
    }

    .\[\&_nav\>ul\>li\>button\]\:hover\:text-primary_on-brand nav>ul>li>button:where([data-rac])[data-hovered] {
        color: var(--text-color-primary_on-brand)
    }

    @media (hover:hover) {
        .\[\&_nav\>ul\>li\>button\]\:hover\:text-primary_on-brand nav>ul>li>button:where(:not([data-rac])):hover {
            color: var(--text-color-primary_on-brand)
        }
    }

    .\[\&_nav\>ul\>li\>button\>svg\]\:text-fg-brand-secondary_alt nav>ul>li>button>svg {
        color: var(--color-fg-brand-secondary_alt)
    }

    .\[\&_svg_path\.fill-fg-primary\]\:fill-fg-white svg path.fill-fg-primary {
        fill: var(--color-fg-white)
    }

    .\[\&_svg\:not\(\[data-icon\]\)\]\:hidden svg:not([data-icon]) {
        display: none
    }

    .\[\&_td\]\:p-0 td {
        padding: calc(var(--spacing)*0)
    }

    .\[\&_tr\]\:border-b-4 tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }

    .\[\&_tr\]\:border-transparent tr {
        border-color: #0000
    }

    .\[\&_tr\:last-of-type\]\:border-none tr:last-of-type {
        --tw-border-style: none;
        border-style: none
    }

    @media (min-width:48rem) {
        .md\:\[\&\+\*\]\:mt-0\!+* {
            margin-top: calc(var(--spacing)*0) !important
        }
    }

    .\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb {
        height: calc(var(--spacing)*3)
    }

    .\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb {
        width: calc(var(--spacing)*3)
    }

    .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
        appearance: none
    }

    .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
        border-radius: var(--radius-full)
    }

    .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
        background-color: var(--color-white)
    }

    .\[\&\:\:-webkit-resizer\]\:bg-\(image\:--resize-handle-bg\)::-webkit-resizer {
        background-image: var(--resize-handle-bg)
    }

    .\[\&\:\:-webkit-resizer\]\:bg-contain::-webkit-resizer {
        background-size: contain
    }

    .dark\:\[\&\:\:-webkit-resizer\]\:bg-\(image\:--resize-handle-bg-dark\):where(.dark-mode, .dark-mode *)::-webkit-resizer {
        background-image: var(--resize-handle-bg-dark)
    }

    .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
        width: calc(var(--spacing)*2)
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track {
        border-radius: var(--radius-full)
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:bg-primary::-webkit-scrollbar-track {
        background-color: var(--background-color-primary)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
        height: calc(var(--spacing)*3)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
        width: calc(var(--spacing)*3)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:translate-x-0::-webkit-slider-thumb {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        appearance: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: var(--radius-full)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:bg-fg-white::-webkit-slider-thumb {
        background-color: var(--color-fg-white)
    }

    .\[\&\>\*\:first-of-type\]\:pl-0\!>:first-of-type {
        padding-left: calc(var(--spacing)*0) !important
    }

    .\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible>:not([data-icon=loading]) {
        visibility: hidden
    }

    .\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden>:not([data-icon=loading]):not([data-text]) {
        display: none
    }

    .\[\&\>\.shiki\]\:overflow-x-auto>.shiki {
        overflow-x: auto
    }

    .\[\&\>code\]\:w-full>code {
        width: 100%
    }

    .\[\&\>ol\]\:last\:mb-0\!>ol:last-child {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .\[\&\>p\]\:first\:mt-1\.5\!>p:first-child {
        margin-top: calc(var(--spacing)*1.5) !important
    }

    .\[\&\>p\]\:last\:mb-0\!>p:last-child {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .\[\&\>p\+p\]\:mt-4\.5>p+p {
        margin-top: calc(var(--spacing)*4.5)
    }

    .\[\&\>td\]\:after\:absolute>td:after {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>td\]\:after\:inset-x-0>td:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .\[\&\>td\]\:after\:bottom-0>td:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .\[\&\>td\]\:after\:h-px>td:after {
        content: var(--tw-content);
        height: 1px
    }

    .\[\&\>td\]\:after\:w-full>td:after {
        content: var(--tw-content);
        width: 100%
    }

    .\[\&\>td\]\:after\:bg-border-secondary>td:after {
        content: var(--tw-content);
        background-color: var(--color-border-secondary)
    }

    .last\:\[\&\>td\]\:after\:hidden:last-child>td:after {
        content: var(--tw-content);
        display: none
    }

    .\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where(:not([data-rac])):focus-visible:after,
    .\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where([data-rac])[data-focus-visible]:after,
    .\[\&\>td\]\:focus\:after\:opacity-0>td:where(:not([data-rac])):focus:after,
    .\[\&\>td\]\:focus\:after\:opacity-0>td:where([data-rac])[data-focused]:after,
    .focus-visible\:\[\&\>td\]\:after\:opacity-0:where(:not([data-rac])):focus-visible>td:after,
    .focus-visible\:\[\&\>td\]\:after\:opacity-0:where([data-rac])[data-focus-visible]>td:after,
    .focus\:\[\&\>td\]\:after\:opacity-0:where(:not([data-rac])):focus>td:after,
    .focus\:\[\&\>td\]\:after\:opacity-0:where([data-rac])[data-focused]>td:after {
        content: var(--tw-content);
        opacity: 0
    }

    @media (min-width:64rem) {
        .lg\:\[\&\>td\:first-of-type\]\:pl-3>td:first-of-type {
            padding-left: calc(var(--spacing)*3)
        }
    }

    .\[\&\>tr\>th\]\:after\:pointer-events-none>tr>th:after {
        content: var(--tw-content);
        pointer-events: none
    }

    .\[\&\>tr\>th\]\:after\:absolute>tr>th:after {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>tr\>th\]\:after\:inset-x-0>tr>th:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .\[\&\>tr\>th\]\:after\:bottom-0>tr>th:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .\[\&\>tr\>th\]\:after\:h-px>tr>th:after {
        content: var(--tw-content);
        height: 1px
    }

    .\[\&\>tr\>th\]\:after\:bg-border-secondary>tr>th:after {
        content: var(--tw-content);
        background-color: var(--color-border-secondary)
    }

    .\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where(:not([data-rac])):focus-visible:after,
    .\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where([data-rac])[data-focus-visible]:after,
    .\[\&\>tr\>th\]\:focus\:after\:bg-transparent>tr>th:where(:not([data-rac])):focus:after,
    .\[\&\>tr\>th\]\:focus\:after\:bg-transparent>tr>th:where([data-rac])[data-focused]:after {
        content: var(--tw-content);
        background-color: #0000
    }

    @media (min-width:64rem) {
        .lg\:\[\&\>tr\>th\]\:bg-secondary>tr>th {
            background-color: var(--background-color-secondary)
        }

        .lg\:\[\&\>tr\>th\:first-of-type\]\:rounded-l-xl>tr>th:first-of-type {
            border-top-left-radius: var(--radius-xl);
            border-bottom-left-radius: var(--radius-xl)
        }

        .lg\:\[\&\>tr\>th\:first-of-type\]\:pl-3>tr>th:first-of-type {
            padding-left: calc(var(--spacing)*3)
        }

        .lg\:\[\&\>tr\>th\:last-of-type\]\:rounded-r-xl>tr>th:last-of-type {
            border-top-right-radius: var(--radius-xl);
            border-bottom-right-radius: var(--radius-xl)
        }
    }

    .\[\&\>ul\]\:last\:mb-0\!>ul:last-child {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    [data-self=true]+.\[\[data-self\=true\]\+\&\]\:mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    [data-self=true]+.\[\[data-self\=true\]\+\&\]\:mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    [role=tabpanel]>.\[\[role\=\"tabpanel\"\]\>\&\]\:first\:mt-0\!:first-child,
    [role=tabpanel]>.\[\[role\=\"tabpanel\"\]\>\&\]\:nth-\[1\]\:mt-0\!:first-child,
    [role=tabpanel]>.\[\[role\=\"tabpanel\"\]\>\&\]\:nth-\[2\]\:mt-0\!:nth-child(2) {
        margin-top: calc(var(--spacing)*0) !important
    }
}

.prose:not(:where([class~=not-prose], [class~=not-prose] *)) {
    --tw-prose-body: var(--color-text-tertiary);
    --tw-prose-headings: var(--color-text-primary);
    --tw-prose-lead: var(--color-text-tertiary);
    --tw-prose-links: var(--color-text-tertiary);
    --tw-prose-bold: var(--color-text-primary);
    --tw-prose-counters: var(--color-text-tertiary);
    --tw-prose-bullets: var(--color-text-tertiary);
    --tw-prose-hr: var(--color-border-secondary);
    --tw-prose-quotes: var(--color-text-primary);
    --tw-prose-quote-borders: var(--color-fg-brand-primary_alt);
    --tw-prose-captions: var(--color-text-tertiary);
    --tw-prose-code: var(--color-text-tertiary);
    --tw-prose-pre-code: var(--color-text-tertiary);
    --tw-prose-pre-bg: var(--color-bg-primary);
    --tw-prose-th-borders: var(--color-border-primary);
    --tw-prose-td-borders: var(--color-border-secondary);
    color: var(--tw-prose-body);
    font-size: var(--text-md);
    line-height: var(--text-md--line-height)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(p) {
    margin-top: calc(var(--spacing)*4);
    margin-bottom: calc(var(--spacing)*4)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where([class~=lead]) {
    font-size: var(--text-md);
    line-height: var(--text-md--line-height);
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(ol) {
    margin-top: calc(var(--spacing)*4);
    margin-bottom: calc(var(--spacing)*4);
    padding-inline-start: calc(var(--spacing)*5.75);
    list-style-type: decimal
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(ul) {
    margin-top: calc(var(--spacing)*4);
    margin-bottom: calc(var(--spacing)*4);
    padding-inline-start: calc(var(--spacing)*5.75);
    list-style-type: disc
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(li) {
    margin-top: calc(var(--spacing)*2);
    margin-bottom: calc(var(--spacing)*2)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(ol>li),
.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(ul>li) {
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 1px
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(hr) {
    margin-top: calc(var(--spacing)*8);
    margin-bottom: calc(var(--spacing)*8)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote) {
    color: var(--tw-prose-quotes);
    border-left-width: 2px;
    border-left-color: var(--tw-prose-quote-borders);
    margin-top: calc(var(--spacing)*10);
    margin-bottom: calc(var(--spacing)*10);
    padding-inline-start: 0
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote p) {
    font-style: italic;
    font-weight: 500;
    font-size: var(--text-xl);
    line-height: var(--text-xl--line-height);
    margin: 0
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where() {
    content: open-quote;
    content: close-quote
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h1) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: var(--text-display-sm);
    line-height: var(--text-display-sm--line-height);
    margin-bottom: calc(var(--spacing)*5);
    margin-top: calc(var(--spacing)*10)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h2) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: var(--text-display-xs);
    line-height: var(--text-display-xs--line-height);
    margin-bottom: calc(var(--spacing)*4);
    margin-top: calc(var(--spacing)*8)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h3) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: var(--text-xl);
    line-height: var(--text-xl--line-height);
    margin-bottom: calc(var(--spacing)*3);
    margin-top: calc(var(--spacing)*8)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h4) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    margin-bottom: calc(var(--spacing)*2);
    margin-top: calc(var(--spacing)*5)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h2+*),
.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h3+*),
.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h4+*) {
    margin-top: 0
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h1 strong) {
    color: inherit;
    font-weight: 900
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h2 strong) {
    color: inherit;
    font-weight: 800
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h3 strong),
.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(h4 strong) {
    color: inherit;
    font-weight: 700
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(img) {
    border-radius: var(--radius-xl);
    object-fit: cover;
    width: 100%;
    margin-top: calc(var(--spacing)*8);
    margin-bottom: calc(var(--spacing)*8)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(video) {
    margin-top: calc(var(--spacing)*8);
    margin-bottom: calc(var(--spacing)*8)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure) {
    margin-top: calc(var(--spacing)*10);
    margin-bottom: calc(var(--spacing)*10)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure>*) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure:has(>blockquote)) {
    border-left-width: 2px;
    border-left-color: var(--tw-prose-quote-borders);
    padding-top: calc(var(--spacing)*2);
    padding-bottom: calc(var(--spacing)*2);
    padding-inline-start: calc(var(--spacing)*4)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure:has(>blockquote) blockquote) {
    border: none;
    padding-inline-start: 0
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(img+figcaption) {
    align-items: center;
    gap: calc(var(--spacing)*1.5);
    display: flex
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(figcaption) {
    color: var(--tw-prose-captions);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    margin-top: calc(var(--spacing)*3)
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(cite) {
    font-style: normal
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a)) {
    text-underline-offset: 3px;
    font-weight: 400;
    text-decoration: underline
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(a:focus-visible) {
    border-radius: var(--radius-sm);
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(:is(h1, h2, h3) a) {
    color: var(--tw-prose-headings);
    font-weight: inherit;
    text-decoration: none
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(code:not(pre code)) {
    padding: calc(var(--spacing)*.5)calc(var(--spacing)*1.5);
    margin: calc(var(--spacing)*-.5)0;
    background: var(--color-bg-secondary);
    box-shadow: 0 0 0 1px var(--color-border-secondary);
    border-radius: 6px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem
}

.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(code:not(pre code)):after,
.prose :not(:where([class~=not-prose], [class~=not-prose] *)):where(code:not(pre code)):before {
    content: ""
}

.prose.prose-centered-quote :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote) {
    text-align: center;
    border-left: none;
    padding-inline-start: 0 !important
}

.prose.prose-centered-quote :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure:has(>blockquote)) {
    text-align: center;
    border-left: none;
    padding-inline-start: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.prose.prose-minimal-quote :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote),
.prose.prose-minimal-quote :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure:has(>blockquote)) {
    border-left: none;
    padding-inline-start: 0 !important
}

@media (min-width:48rem) {
    .prose.md\:prose-lg:not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: var(--text-lg);
        line-height: var(--text-lg--line-height)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(p) {
        margin-top: calc(var(--spacing)*4.5);
        margin-bottom: calc(var(--spacing)*4.5)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where([class~=lead]) {
        font-size: var(--text-xl);
        line-height: var(--text-xl--line-height);
        margin-top: 1.09em;
        margin-bottom: 1.09em
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(ol),
    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(ul) {
        margin-top: calc(var(--spacing)*4.5);
        margin-bottom: calc(var(--spacing)*4.5);
        padding-inline-start: calc(var(--spacing)*6.5)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(ol>li),
    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(ul>li) {
        margin-top: 0;
        margin-bottom: 0;
        padding-inline-start: 1px
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(hr) {
        margin-top: calc(var(--spacing)*8);
        margin-bottom: calc(var(--spacing)*8)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote) {
        margin-top: calc(var(--spacing)*12);
        margin-bottom: calc(var(--spacing)*12);
        padding-inline-start: 0
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(blockquote p) {
        font-size: var(--text-display-xs);
        line-height: var(--text-display-xs--line-height);
        margin: 0
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h1) {
        font-size: var(--text-display-md);
        line-height: var(--text-display-md--line-height);
        margin-bottom: calc(var(--spacing)*6);
        margin-top: calc(var(--spacing)*12)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h2) {
        font-size: var(--text-display-sm);
        line-height: var(--text-display-sm--line-height);
        margin-bottom: calc(var(--spacing)*5);
        margin-top: calc(var(--spacing)*10)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h3) {
        font-size: var(--text-display-xs);
        line-height: var(--text-display-xs--line-height);
        margin-bottom: calc(var(--spacing)*4);
        margin-top: calc(var(--spacing)*8)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h4) {
        font-size: var(--text-xl);
        line-height: var(--text-xl--line-height);
        margin-bottom: calc(var(--spacing)*3);
        margin-top: calc(var(--spacing)*8)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h2+*),
    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h3+*),
    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(h4+*) {
        margin-top: 0
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure) {
        margin-top: calc(var(--spacing)*12);
        margin-bottom: calc(var(--spacing)*12)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure>*) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure:has(>blockquote)) {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(figure>blockquote+figcaption) {
        font-size: var(--text-md);
        line-height: var(--text-md--line-height)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(figcaption) {
        margin-top: calc(var(--spacing)*4)
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a)) {
        text-underline-offset: 3px;
        font-weight: 400;
        text-decoration: underline
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(:is(h1, h2, h3) a) {
        color: var(--tw-prose-headings);
        font-weight: inherit;
        text-decoration: none
    }

    .prose.md\:prose-lg :not(:where([class~=not-prose], [class~=not-prose] *)):where(code:not(pre code)) {
        padding: calc(var(--spacing)*.5)calc(var(--spacing)*1.5);
        margin: calc(var(--spacing)*-.5)0;
        background: var(--color-bg-secondary);
        box-shadow: 0 0 0 1px var(--color-border-secondary);
        border-radius: 6px;
        font-size: .875rem;
        font-weight: 700;
        line-height: 1.25rem
    }
}

.prose>:first-child:not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose>:last-child:not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

body,
html {
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
    -webkit-font-kerning: normal;
    font-kerning: normal
}

details summary::-webkit-details-marker {
    display: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-linear {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-radial {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-conic {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-left {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-right {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-bottom {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-top {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-top-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-top-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-top-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-top-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@property --tw-mask-bottom-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-bottom-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-bottom-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-bottom-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@property --tw-mask-right-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-right-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-right-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-right-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@property --tw-mask-left-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-left-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-left-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-left-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-mask-linear-position {
    syntax: "*";
    inherits: false;
    initial-value: 0deg
}

@property --tw-mask-linear-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-linear-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-linear-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-linear-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes caret-blink {

    0%,
    50% {
        opacity: 1
    }

    51%,
    to {
        opacity: 0
    }
}