@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-font-weight: initial;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-tracking: initial;
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --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-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-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-right-from-position: 0%;
            --tw-mask-right-to-position: 100%;
            --tw-mask-right-from-color: black;
            --tw-mask-right-to-color: transparent;
            --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-contain-size: initial;
            --tw-contain-layout: initial;
            --tw-contain-paint: initial;
            --tw-contain-style: initial;
            --tw-content: "";
            --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-left-from-position: 0%;
            --tw-mask-left-to-position: 100%;
            --tw-mask-left-from-color: black;
            --tw-mask-left-to-color: transparent
        }
    }
}
@layer theme {
    :root, :host {
        --font-sans: "KMR Melange Grotesk", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        --font-mono: "Jetbrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-50: #fef2f2;
        --color-red-100: #ffe2e2;
        --color-red-200: #ffcaca;
        --color-red-300: #ffa3a3;
        --color-red-400: #ff6568;
        --color-red-500: #fb2c36;
        --color-red-600: #e40014;
        --color-red-700: #bf000f;
        --color-red-800: #9f0712;
        --color-red-900: #82181a;
        --color-red-950: #460809;
        --color-orange-500: #fe6e00;
        --color-orange-600: #f05100;
        --color-amber-50: #fffbeb;
        --color-amber-100: #fef3c6;
        --color-amber-200: #fee685;
        --color-amber-300: #ffd236;
        --color-amber-400: #fcbb00;
        --color-amber-500: #f99c00;
        --color-amber-600: #dd7400;
        --color-amber-700: #b75000;
        --color-amber-800: #953d00;
        --color-amber-900: #7b3306;
        --color-yellow-400: #fac800;
        --color-yellow-500: #edb200;
        --color-yellow-600: #cd8900;
        --color-lime-50: #f7fee7;
        --color-lime-100: #ecfcca;
        --color-lime-200: #d8f999;
        --color-lime-500: #80cd00;
        --color-lime-900: #35530e;
        --color-green-400: #05df72;
        --color-green-500: #00c758;
        --color-green-600: #00a544;
        --color-emerald-50: #ecfdf5;
        --color-emerald-100: #d0fae5;
        --color-emerald-200: #a4f4cf;
        --color-emerald-300: #5ee9b5;
        --color-emerald-400: #00d294;
        --color-emerald-500: #00bb7f;
        --color-emerald-600: #009767;
        --color-emerald-700: #007956;
        --color-emerald-800: #005f46;
        --color-emerald-900: #004e3b;
        --color-emerald-950: #002c22;
        --color-teal-100: #cbfbf1;
        --color-teal-600: #009588;
        --color-blue-50: #eff6ff;
        --color-blue-200: #bedbff;
        --color-blue-500: #3080ff;
        --color-blue-900: #1c398e;
        --color-purple-50: #faf5ff;
        --color-purple-100: #f3e8ff;
        --color-purple-200: #e9d5ff;
        --color-purple-300: #d9b3ff;
        --color-purple-400: #c07eff;
        --color-purple-500: #ac4bff;
        --color-purple-900: #59168b;
        --color-purple-950: #3c0366;
        --color-fuchsia-200: #f6cfff;
        --color-fuchsia-400: #ec6cff;
        --color-fuchsia-950: #4b004f;
        --color-rose-50: #fff1f2;
        --color-rose-200: #ffccd3;
        --color-rose-300: #ffa2ae;
        --color-rose-400: #ff667f;
        --color-rose-500: #ff2357;
        --color-slate-100: #f1f5f9;
        --color-gray-50: #f9fafb;
        --color-gray-100: #f3f4f6;
        --color-gray-200: #e5e7eb;
        --color-gray-300: #d1d5dc;
        --color-gray-400: #99a1af;
        --color-gray-500: #6a7282;
        --color-gray-600: #4a5565;
        --color-gray-700: #364153;
        --color-gray-900: #101828;
        --color-zinc-200: #e4e4e7;
        --color-zinc-400: #9f9fa9;
        --color-zinc-700: #3f3f46;
        --color-zinc-800: #27272a;
        --color-zinc-900: #18181b;
        --color-neutral-50: #fafafa;
        --color-neutral-100: #f5f5f5;
        --color-neutral-200: #e5e5e5;
        --color-neutral-300: #d4d4d4;
        --color-neutral-400: #a1a1a1;
        --color-neutral-500: #737373;
        --color-neutral-600: #525252;
        --color-neutral-700: #404040;
        --color-neutral-800: #262626;
        --color-neutral-900: #171717;
        --color-neutral-950: #0a0a0a;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --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: 1014px;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: 12px;
        --text-xs--line-height: 16px;
        --text-sm: 13px;
        --text-sm--line-height: 16px;
        --text-base: 14px;
        --text-base--line-height: 18px;
        --text-lg: 16px;
        --text-lg--line-height: 20px;
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --drop-shadow-xs: 0 1px 1px #0000000d;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --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);
        --color-oats-black: #000;
        --color-oats-white: #fff;
        --color-oats-neutral-50: #fcfcf8;
        --color-oats-neutral-100: #f7f7f2;
        --color-oats-neutral-150: #f2f2ec;
        --color-oats-neutral-200: #eaebe5;
        --color-oats-neutral-300: #d5d5d2;
        --color-oats-neutral-400: #acada8;
        --color-oats-neutral-500: #818179;
        --color-oats-neutral-600: #72726e;
        --color-oats-neutral-700: #4e4d4b;
        --color-oats-neutral-750: #363635;
        --color-oats-neutral-800: #292929;
        --color-oats-neutral-900: #212121;
        --color-oats-neutral-950: #1e1e1e;
        --color-oats-off-black-a12: #56512e1f;
        --color-oats-off-black-a20: #47432a33;
        --color-oats-off-black-a6: #625a220f;
        --color-oats-off-white-a15: #ffffff26;
        --color-oats-off-white-a20: #fff3;
        --color-oats-off-white-a4: #ffffff0a;
        --color-oats-off-white-a6: #ffffff0f;
        --color-oats-green-50: #f2f6e1;
        --color-oats-green-100: #e5eacd;
        --color-oats-green-200: #d1e043;
        --color-oats-green-300: #b2c248;
        --color-oats-green-400: #788c15;
        --color-oats-green-500: #5b6f00;
        --color-oats-green-600: #434625;
        --color-oats-green-700: #313225;
        --color-oats-yellow-50: #fff4d2;
        --color-oats-yellow-100: #ffeaa6;
        --color-oats-yellow-200: #febe29;
        --color-oats-yellow-300: #ed9212;
        --color-oats-yellow-400: #8b4e23;
        --color-oats-blue-50: #eaf4fe;
        --color-oats-blue-100: #d2e4f8;
        --color-oats-blue-200: #b8d5ff;
        --color-oats-blue-300: #4691e2;
        --color-oats-blue-400: #3e49b8;
        --color-oats-blue-800: #2e303b;
        --color-oats-purple-50: #f3f0fa;
        --color-oats-purple-100: #e8e4f3;
        --color-oats-purple-200: #cebef8;
        --color-oats-purple-300: #a191ce;
        --color-oats-purple-400: #564391;
        --color-oats-pink-50: #ffeaf9;
        --color-oats-pink-100: #ffdef6;
        --color-oats-pink-200: #ffbcef;
        --color-oats-pink-300: #ff91e0;
        --color-oats-pink-400: #a42962;
        --color-oats-red-50: #ffe7e2;
        --color-oats-red-100: #f8cec5;
        --color-oats-red-200: #f29e8b;
        --color-oats-red-300: #e95d3d;
        --color-oats-red-400: #bd4a30;
        --color-oats-gold-50: #f8f1ca;
        --color-oats-gold-100: #ede1a1;
        --color-oats-gold-200: #e5cd75;
        --color-oats-gold-300: #b89f56;
        --color-oats-gold-400: #40351a;
        --color-oats-grass-green-500: #74bd00;
        --color-focus: var(--oats-border-focus);
        --color-hairline: var(--oats-border-hairline);
        --color-fill-accent: var(--oats-fill-accent);
        --color-fill-accent-highlight: var(--oats-fill-accent-highlight);
        --color-fill-accent-highlight-strong: var(--oats-fill-accent-highlight-strong);
        --color-fill-accent-hover: var(--oats-fill-accent-hover);
        --color-fill-danger: var(--oats-fill-danger);
        --color-fill-danger-hover: var(--oats-fill-danger-hover);
        --color-fill-disabled: var(--oats-fill-disabled);
        --color-fill-highlight: var(--oats-fill-highlight);
        --color-fill-highlight-strong: var(--oats-fill-highlight-strong);
        --color-fill-highlight-strong-inverse: var(--oats-fill-highlight-strong-inverse);
        --color-fill-input: var(--oats-fill-input);
        --color-fill-neutral: var(--oats-fill-neutral);
        --color-fill-primary: var(--oats-fill-primary);
        --color-fill-primary-hover: var(--oats-fill-primary-hover);
        --color-fill-soft: var(--oats-fill-soft);
        --color-fill-soft-hover: var(--oats-fill-soft-hover);
        --color-fill-soft-opaque: var(--oats-fill-soft-opaque);
        --color-fill-soft-opaque-hover: var(--oats-fill-soft-opaque-hover);
        --color-fill-warning: var(--oats-fill-warning);
        --color-fill-warning-hover: var(--oats-fill-warning-hover);
        --color-ink-accent: var(--oats-ink-accent);
        --color-ink-accent-strong: var(--oats-ink-accent-strong);
        --color-ink-danger: var(--oats-ink-danger);
        --color-ink-primary: var(--oats-ink-primary);
        --color-ink-primary-inverse: var(--oats-ink-primary-inverse);
        --color-ink-primary-inverse-static: var(--oats-ink-primary-inverse-static);
        --color-ink-primary-static: var(--oats-ink-primary-static);
        --color-ink-secondary: var(--oats-ink-secondary);
        --color-ink-secondary-inverse-static: var(--oats-ink-secondary-inverse-static);
        --color-ink-secondary-static: var(--oats-ink-secondary-static);
        --color-ink-secondary-strong: var(--oats-ink-secondary-strong);
        --color-ink-secondary-strong-inverse-static: var(--oats-ink-secondary-strong-inverse-static);
        --color-ink-tertiary: var(--oats-ink-tertiary);
        --color-ink-tertiary-static: var(--oats-ink-tertiary-static);
        --color-surface: var(--oats-surface);
        --color-surface-accent-blue: var(--oats-surface-accent-blue);
        --color-surface-accent-green: var(--oats-surface-accent-green);
        --color-surface-accent-purple: var(--oats-surface-accent-purple);
        --color-surface-elevated: var(--oats-surface-elevated);
        --color-surface-raised: var(--oats-surface-raised);
        --color-surface-sunken: var(--oats-surface-sunken);
        --color-surface-tooltip: var(--oats-surface-tooltip);
        --color-system-dancing-bars: var(--oats-system-dancing-bars);
        --color-surface-tint-accent: var(--oats-surface-tint-accent);
        --color-surface-tint-neutral: var(--oats-surface-tint-neutral);
        --border-width-0_5: .5px;
        --ring-width-0_5: .5px;
        --border-color-hairline: var(--oats-border-hairline);
        --border-color-primary: var(--color-border-primary);
        --border-color-strong: var(--color-border-strong);
        --font-display: "Quadrant Notepad", "IBM Plex Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-body: "KMR Melange Grotesk", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        --font-weight-book: 430;
        --text-xs--letter-spacing: .02em;
        --text-sm--letter-spacing: .01em;
        --text-base--letter-spacing: .01em;
        --text-headline: 18px;
        --text-headline--line-height: 24px;
        --text-headline--letter-spacing: .01em;
        --text-2xs: 11px;
        --text-editor-sm: 15px;
        --text-editor: 16px;
        --color-strong: var(--color-foreground-strong);
        --color-primary: var(--color-foreground-primary);
        --color-semi-primary: var(--color-foreground-semi-primary);
        --color-secondary-strong: var(--color-foreground-secondary-strong);
        --color-secondary: var(--color-foreground-secondary);
        --color-tertiary: var(--color-foreground-tertiary);
        --color-inverted: var(--color-foreground-inverted-primary);
        --color-accent: var(--color-foreground-accent);
        --color-accent-strong: var(--color-foreground-accent-strong);
        --color-background-primary: var(--color-background);
        --color-background-window1: var(--color-background-window);
        --color-background-dancing-bars: var(--color-dancing-bars);
        --color-highlight: var(--color-highlight-primary);
        --color-highlight-inverted: var(--color-highlight-inverted-primary);
        --color-background: var(--color-oats-neutral-50);
        --color-event-blue: var(--oats-event-blue);
        --color-event-blue-surface: var(--oats-event-blue-surface);
        --spacing-120: 32rem;
        --shadow-bottom-bar: 0px 4px 6px -2px #0000000d;
        --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
        --scale-101: 1.01;
        --animate-slideUpAndFade: slideUpAndFade .3s cubic-bezier(.16, 1, .3, 1);
        --animate-slideDownAndFade: slideDownAndFade .3s cubic-bezier(.16, 1, .3, 1);
        --animate-oats-typing-dot: oats-typing-dot 1.2s ease-in-out infinite;
        --animate-wiggle: wiggle .5s ease-in-out;
        --animate-nudge: nudge 5.5s ease-in-out 5s infinite;
        --animate-shimmer: shimmer 5s ease-in-out infinite;
        --animate-workflowOutcomeIn: workflowOutcomeIn .3s cubic-bezier(.22, 1, .36, 1) .15s backwards;
        --animate-oats-fill-bg-x: oats-fill-bg-x linear forwards;
        --animate-oats-fill-x: oats-fill-x linear forwards;
        --animate-logoStroke: logoStroke 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeDelay1: logoStrokeDelay1 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeDelay2: logoStrokeDelay2 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeDelay3: logoStrokeDelay3 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeDelay4: logoStrokeDelay4 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeDelay5: logoStrokeDelay5 1.5s forwards cubic-bezier(.16, 1, .3, 1);
        --animate-logoStrokeLoop: logoStrokeLoop var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-logoStrokeLoopRainbow1: logoStrokeLoopRainbow1 var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-logoStrokeLoopRainbow2: logoStrokeLoopRainbow2 var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-logoStrokeLoopRainbow3: logoStrokeLoopRainbow3 var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-logoStrokeLoopRainbow4: logoStrokeLoopRainbow4 var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-logoStrokeLoopRainbow5: logoStrokeLoopRainbow5 var(--logo-loop-duration, 3.2s) infinite linear;
        --animate-gradient-text-slide: gradient-text-slide .9s ease-in-out forwards;
        --color-brand: #788c15;
        --color-brand-accent: #b2c248;
        --color-background-secondary: var(--color-oats-neutral-100);
        --color-background-tertiary: var(--color-oats-neutral-100);
        --color-background-quarternary: var(--color-oats-neutral-200);
        --color-background-accent: #5b6f001f
    }

    @supports (color:lab(0% 0 0)) {
        :root, :host {
            --color-red-50: lab(96.5005% 4.18508 1.52328);
            --color-red-100: lab(92.243% 10.2865 3.83865);
            --color-red-200: lab(86.017% 19.8815 7.75869);
            --color-red-300: lab(76.5514% 36.422 15.5335);
            --color-red-400: lab(63.7053% 60.745 31.3109);
            --color-red-500: lab(55.4814% 75.0732 48.8528);
            --color-red-600: lab(48.4493% 77.4328 61.5452);
            --color-red-700: lab(40.4273% 67.2623 53.7441);
            --color-red-800: lab(33.7174% 55.8993 41.0293);
            --color-red-900: lab(28.5139% 44.5539 29.0463);
            --color-red-950: lab(13.003% 29.04 16.7519);
            --color-orange-500: lab(64.272% 57.1788 90.3583);
            --color-orange-600: lab(57.1026% 64.2584 89.8886);
            --color-amber-50: lab(98.6252% -.635922 8.42309);
            --color-amber-100: lab(95.916% -1.21653 23.111);
            --color-amber-200: lab(91.7203% -.505269 49.9084);
            --color-amber-300: lab(86.4156% 6.13147 78.3961);
            --color-amber-400: lab(80.1641% 16.6016 99.2089);
            --color-amber-500: lab(72.7183% 31.8672 97.9407);
            --color-amber-600: lab(60.3514% 40.5624 87.1228);
            --color-amber-700: lab(47.2709% 42.9082 69.2966);
            --color-amber-800: lab(37.8822% 37.1699 52.2718);
            --color-amber-900: lab(31.2288% 30.2627 40.0378);
            --color-yellow-400: lab(83.2664% 8.65132 106.895);
            --color-yellow-500: lab(76.3898% 14.5258 98.4589);
            --color-yellow-600: lab(62.7799% 22.4197 86.1544);
            --color-lime-50: lab(98.7039% -5.32573 10.2149);
            --color-lime-100: lab(96.8662% -11.7133 22.0854);
            --color-lime-200: lab(94.0718% -22.5338 42.5238);
            --color-lime-500: lab(75.3197% -46.6547 86.1778);
            --color-lime-900: lab(31.9931% -20.7654 33.7379);
            --color-green-400: lab(78.503% -64.9265 39.7492);
            --color-green-500: lab(70.5521% -66.5147 45.8073);
            --color-green-600: lab(59.0978% -58.6621 41.2579);
            --color-emerald-50: lab(97.8462% -6.94966 1.85487);
            --color-emerald-100: lab(94.9004% -17.0769 5.63836);
            --color-emerald-200: lab(90.2247% -31.039 9.47084);
            --color-emerald-300: lab(83.9203% -48.7124 13.8849);
            --color-emerald-400: lab(75.0771% -60.7313 19.4147);
            --color-emerald-500: lab(66.9756% -58.27 19.5419);
            --color-emerald-600: lab(55.0481% -49.9246 15.93);
            --color-emerald-700: lab(44.4871% -41.0396 11.0361);
            --color-emerald-800: lab(35.3675% -33.1188 8.04002);
            --color-emerald-900: lab(28.8637% -26.9249 5.45986);
            --color-emerald-950: lab(15.0582% -17.9507 2.38369);
            --color-teal-100: lab(95.1845% -17.4212 -.425422);
            --color-teal-600: lab(55.0223% -41.0774 -3.90277);
            --color-blue-50: lab(96.492% -1.14644 -5.11479);
            --color-blue-200: lab(86.15% -4.04379 -21.0797);
            --color-blue-500: lab(54.1736% 13.3369 -74.6839);
            --color-blue-900: lab(26.1542% 15.7545 -51.5504);
            --color-purple-50: lab(97.1627% 2.99937 -4.13398);
            --color-purple-100: lab(93.3333% 6.97437 -9.83434);
            --color-purple-200: lab(87.8405% 13.4282 -18.7159);
            --color-purple-300: lab(78.3298% 26.2195 -34.9499);
            --color-purple-400: lab(63.6946% 47.6127 -59.2066);
            --color-purple-500: lab(52.0183% 66.11 -78.2316);
            --color-purple-900: lab(24.9401% 45.2703 -51.2728);
            --color-purple-950: lab(14.8253% 38.9005 -44.5861);
            --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
            --color-fuchsia-400: lab(66.1178% 66.0652 -52.4733);
            --color-fuchsia-950: lab(15.7348% 39.0235 -27.4073);
            --color-rose-50: lab(96.2369% 4.94155 1.28011);
            --color-rose-200: lab(86.806% 19.1909 4.07754);
            --color-rose-300: lab(76.6339% 38.3549 9.68835);
            --color-rose-400: lab(64.4125% 63.0291 19.2068);
            --color-rose-500: lab(56.101% 79.4328 31.4532);
            --color-slate-100: lab(96.286% -.852436 -2.46847);
            --color-gray-50: lab(98.2596% -.247031 -.706708);
            --color-gray-100: lab(96.1596% -.0823438 -1.13575);
            --color-gray-200: lab(91.6229% -.159115 -2.26791);
            --color-gray-300: lab(85.1236% -.612259 -3.7138);
            --color-gray-400: lab(65.9269% -.832707 -8.17473);
            --color-gray-500: lab(47.7841% -.393182 -10.0268);
            --color-gray-600: lab(35.6337% -1.58697 -10.8425);
            --color-gray-700: lab(27.1134% -.956401 -12.3224);
            --color-gray-900: lab(8.11897% .811279 -12.254);
            --color-zinc-200: lab(90.6853% .399232 -1.45452);
            --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
            --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
            --color-zinc-800: lab(15.7305% .613764 -2.16959);
            --color-zinc-900: lab(8.30603% .618205 -2.16572);
            --color-neutral-50: lab(98.26% 0 0);
            --color-neutral-100: lab(96.52% -.0000298023 .0000119209);
            --color-neutral-200: lab(90.952% 0 -.0000119209);
            --color-neutral-300: lab(84.92% 0 -.0000119209);
            --color-neutral-400: lab(66.128% -.0000298023 .0000119209);
            --color-neutral-500: lab(48.496% 0 0);
            --color-neutral-600: lab(34.924% 0 0);
            --color-neutral-700: lab(27.036% 0 0);
            --color-neutral-800: lab(15.204% 0 -.00000596046);
            --color-neutral-900: lab(7.78201% -.0000149012 0);
            --color-neutral-950: lab(2.75381% 0 0)
        }
    }@supports (color:color-mix(in lab, red, red)) {
    :root, :host {
        --color-background-accent: color-mix(in srgb, var(--color-oats-green-500) 12%, transparent)
    }
}:root, :host {
     --color-background-elevated: var(--color-oats-white);
     --color-background-elevated-secondary: var(--color-oats-white);
     --color-background-window: var(--color-oats-neutral-100);
     --color-dancing-bars: var(--color-oats-grass-green-500);
     --color-foreground-strong: var(--color-oats-neutral-950);
     --color-foreground-primary: var(--color-oats-neutral-900);
     --color-foreground-semi-primary: var(--color-oats-neutral-800);
     --color-foreground-secondary-strong: var(--color-oats-neutral-700);
     --color-foreground-secondary: var(--color-oats-neutral-600);
     --color-foreground-tertiary: var(--color-oats-neutral-400);
     --color-foreground-accent: var(--color-oats-green-500);
     --color-foreground-accent-weak: var(--color-oats-green-200);
     --color-foreground-accent-strong: var(--color-oats-green-600);
     --color-foreground-inverted-primary: var(--color-oats-neutral-50);
     --color-foreground-inverted-secondary: var(--color-oats-neutral-600);
     --color-highlight-faint: var(--color-oats-off-black-a6);
     --color-highlight-primary: var(--color-oats-off-black-a6);
     --color-highlight-secondary: var(--color-oats-off-black-a12);
     --color-highlight-inverted-primary: #788c1526
 }

    @supports (color:color-mix(in lab, red, red)) {
        :root, :host {
            --color-highlight-inverted-primary: color-mix(in srgb, var(--color-oats-green-400) 15%, transparent)
        }
    }:root, :host {
         --color-highlight-inverted-secondary: #788c1540
     }

    @supports (color:color-mix(in lab, red, red)) {
        :root, :host {
            --color-highlight-inverted-secondary: color-mix(in srgb, var(--color-oats-green-400) 25%, transparent)
        }
    }:root, :host {
         --color-disabled-primary: var(--color-oats-neutral-400);
         --color-disabled-secondary: var(--color-oats-neutral-300);
         --color-border-primary: var(--color-oats-off-black-a6);
         --color-border-strong: var(--color-oats-off-black-a12);
         --color-border-stronger: var(--color-oats-off-black-a20)
     }
}
@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    html, :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, 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;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    *, :after, :before, ::backdrop {
        border-color: var(--oats-border-hairline)
    }

    ::file-selector-button {
        border-color: var(--oats-border-hairline)
    }
}
@layer components;
@layer utilities {
    .\@container\/app-layout {
        container: app-layout/inline-size
    }

    .\@container\/chat {
        container: chat/inline-size
    }

    .\@container\/crm-home-banner {
        container: crm-home-banner/inline-size
    }

    .\@container\/crm-opt-in {
        container: crm-opt-in/inline-size
    }

    .\@container\/customer-calls-integration {
        container: customer-calls-integration/inline-size
    }

    .\@container\/field-group {
        container: field-group/inline-size
    }

    .\@container\/lists {
        container: lists/inline-size
    }

    .\@container\/recipes {
        container: recipes/inline-size
    }

    .\@container\/speaker-picker {
        container: speaker-picker/inline-size
    }

    .\@container\/tabs {
        container: tabs/inline-size
    }

    .\@container\/view {
        container: view/inline-size
    }

    .\@container {
        container-type: inline-size
    }

    .\@container-\[scroll-state\] {
        container-type: scroll-state
    }

    .\@container-\[size\] {
        container-type: size
    }

    .bubble-markdown {
        --tw-prose-code: currentColor;
        --tw-prose-pre-code: currentColor;
        --tw-prose-th-borders: var(--color-hairline);
        --tw-prose-td-borders: var(--color-hairline)
    }

    .bubble-markdown > * {
        margin: calc(var(--spacing) * 0)
    }

    .bubble-markdown > * + * {
        margin-top: calc(var(--spacing) * 3)
    }

    .bubble-markdown > :is(p,ul,ol) + :is(p,ul,ol) {
        margin-top: calc(var(--spacing) * 2)
    }

    .bubble-markdown > * + :is(h1,h2,h3,h4,h5,h6) {
        margin-top: calc(var(--spacing) * 4)
    }

    .bubble-markdown > :is(h1,h2,h3,h4,h5,h6) + * {
        margin-top: calc(var(--spacing) * 2)
    }

    .bubble-markdown :is(h1,h2,h3,h4,h5,h6) {
        color: var(--color-ink-primary)
    }

    .bubble-markdown > h1:first-child {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .bubble-markdown > h2:first-child {
        margin-top: calc(var(--spacing) * 1)
    }

    .bubble-markdown > :is(h3,h4):first-child {
        margin-top: calc(var(--spacing) * .5)
    }

    .bubble-markdown h1 {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 28px
    }

    .bubble-markdown h2 {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px
    }

    .bubble-markdown :is(h3,h4,h5,h6) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .bubble-markdown h3 {
        font-size: var(--text-headline);
        line-height: var(--tw-leading, var(--text-headline--line-height));
        letter-spacing: var(--tw-tracking, var(--text-headline--letter-spacing))
    }

    .bubble-markdown h4 {
        font-size: 17px;
        line-height: 22px
    }

    .bubble-markdown h5 {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .bubble-markdown h6 {
        font-size: var(--text-editor-sm);
        line-height: calc(var(--spacing) * 5)
    }

    .bubble-markdown a {
        --tw-font-weight: var(--font-weight-book);
        font-weight: var(--font-weight-book);
        text-decoration-line: underline;
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        text-decoration-color: var(--color-ink-tertiary);
        text-underline-offset: 2px;
        text-decoration-thickness: 1px
    }

    .bubble-markdown a:hover {
        -webkit-text-decoration-color: var(--color-ink-primary);
        -webkit-text-decoration-color: var(--color-ink-primary);
        -webkit-text-decoration-color: var(--color-ink-primary);
        text-decoration-color: var(--color-ink-primary);
        text-decoration-style: solid
    }

    .bubble-markdown :is(strong,h1,h2,h3,h4,h5,h6) a {
        font-weight: inherit
    }

    .bubble-markdown em {
        font-style: italic
    }

    .bubble-markdown strong {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: inherit
    }

    .bubble-markdown ul {
        padding-left: calc(var(--spacing) * 5);
        list-style-type: disc;
        list-style-position: outside
    }

    .bubble-markdown ul ::marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ul::marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ul ::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ul::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ol {
        padding-left: calc(var(--spacing) * 5);
        list-style-type: decimal;
        list-style-position: outside
    }

    .bubble-markdown ol ::marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ol::marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ol ::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown ol::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .bubble-markdown li {
        margin: calc(var(--spacing) * 0);
        padding-left: calc(var(--spacing) * 0)
    }

    .bubble-markdown li + li, .bubble-markdown li > :is(ul,ol) {
        margin-top: calc(var(--spacing) * 1)
    }

    .bubble-markdown li > p {
        margin-block: calc(var(--spacing) * 0)
    }

    .bubble-markdown li > p + p {
        margin-top: calc(var(--spacing) * 2)
    }

    .bubble-markdown .contains-task-list {
        padding-left: calc(var(--spacing) * 0);
        list-style-type: none
    }

    .bubble-markdown .task-list-item {
        padding-inline-start: calc(var(--spacing) * 6);
        position: relative
    }

    .bubble-markdown [data-slot=bubble-markdown-checkbox] {
        pointer-events: none;
        top: calc(var(--spacing) * .5);
        left: calc(var(--spacing) * 0);
        position: absolute
    }

    .bubble-markdown blockquote {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
        border-color: var(--color-ink-tertiary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bubble-markdown blockquote {
            border-color: color-mix(in oklab, var(--color-ink-tertiary) 40%, transparent)
        }
    }.bubble-markdown blockquote {
         background-color: var(--color-fill-highlight);
         padding-inline: calc(var(--spacing) * 3);
         padding-block: calc(var(--spacing) * 2);
         --tw-font-weight: var(--font-weight-normal);
         font-weight: var(--font-weight-normal);
         color: var(--color-ink-primary);
         font-style: normal
     }

    .bubble-markdown blockquote > * {
        margin: calc(var(--spacing) * 0)
    }

    .bubble-markdown blockquote > * + * {
        margin-top: calc(var(--spacing) * 2)
    }

    .bubble-markdown blockquote p:before, .bubble-markdown blockquote p:after {
        content: none
    }

    .bubble-markdown [data-slot=bubble-markdown-table] {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: .5px;
        border-color: var(--border-color-hairline);
        background-color: var(--color-surface-elevated);
        overflow-x: auto
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bubble-markdown [data-slot=bubble-markdown-table] {
            background-color: color-mix(in oklab, var(--color-surface-elevated) 70%, transparent)
        }
    }.bubble-markdown table {
         margin: calc(var(--spacing) * 0);
         width: 100%;
         font-size: var(--text-base);
         line-height: var(--tw-leading, var(--text-base--line-height));
         letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
         --tw-leading: 18px;
         line-height: 18px
     }

    .bubble-markdown thead {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .5px;
        border-color: var(--border-color-hairline);
        background-color: var(--color-fill-soft)
    }

    .bubble-markdown tbody tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .5px;
        border-color: var(--border-color-hairline)
    }

    .bubble-markdown tbody tr:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .bubble-markdown :is(th,td) {
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        vertical-align: top
    }

    .bubble-markdown :is(th,td) + :is(th,td) {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px;
        border-color: var(--border-color-hairline)
    }

    .bubble-markdown th {
        text-align: left;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-ink-secondary)
    }

    .bubble-markdown code {
        font-family: var(--font-mono);
        --tw-font-weight: var(--font-weight-normal);
        font-size: .875em;
        font-weight: var(--font-weight-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        color: inherit
    }

    .bubble-markdown :not(pre) > code {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: .5px;
        border-color: var(--border-color-hairline);
        background-color: var(--color-fill-soft);
        padding-inline: calc(var(--spacing) * 1.5);
        padding-block: calc(var(--spacing) * .5);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        overflow-wrap: anywhere
    }

    .bubble-markdown pre {
        width: 100%;
        min-width: calc(var(--spacing) * 0);
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: .5px;
        border-color: var(--border-color-hairline);
        background-color: var(--color-surface-elevated);
        overflow-x: auto
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bubble-markdown pre {
            background-color: color-mix(in oklab, var(--color-surface-elevated) 70%, transparent)
        }
    }.bubble-markdown pre {
         padding-inline: calc(var(--spacing) * 3);
         padding-block: calc(var(--spacing) * 2.5);
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height));
         letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
         --tw-leading: calc(var(--spacing) * 5);
         line-height: calc(var(--spacing) * 5);
         color: var(--color-ink-primary);
         white-space: pre;
         overflow-wrap: normal;
         word-break: normal;
         tab-size: 2
     }

    .bubble-markdown pre code {
        border-style: var(--tw-border-style);
        padding: calc(var(--spacing) * 0);
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        background-color: #0000;
        border-width: 0
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .\!visible {
        visibility: visible !important
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

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

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

    .inset-\[-3px\] {
        inset: -3px
    }

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

    .inset-\[3px\] {
        inset: 3px
    }

    .inset-\[4\.1667\%\] {
        inset: 4.1667%
    }

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

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

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

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

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

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

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

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

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

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

    .\!start {
        inset-inline-start: var(--spacing) !important
    }

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

    .start {
        inset-inline-start: var(--spacing)
    }

    .end {
        inset-inline-end: var(--spacing)
    }

    .end-2 {
        inset-inline-end: calc(var(--spacing) * 2)
    }

    .end-2\.5 {
        inset-inline-end: calc(var(--spacing) * 2.5)
    }

    .-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-\[0\.5px\] {
        top: -.5px
    }

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

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

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

    .-top-\[5\.11px\] {
        top: -5.11px
    }

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

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

    .-top-\[7\.5px\] {
        top: -7.5px
    }

    .-top-\[7\.9px\] {
        top: -7.9px
    }

    .-top-\[17\.97px\] {
        top: -17.97px
    }

    .-top-\[81\.05\%\] {
        top: -81.05%
    }

    .-top-\[125\.16px\] {
        top: -125.16px
    }

    .top-\(--toolbar-inset\,0px\) {
        top: var(--toolbar-inset, 0px)
    }

    .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-1\/4 {
        top: 25%
    }

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

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

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

    .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-11 {
        top: calc(var(--spacing) * 11)
    }

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

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

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

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

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

    .top-\[0\.15em\] {
        top: .15em
    }

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

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

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

    .top-\[12\.05px\] {
        top: 12.05px
    }

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

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

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

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

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

    .top-\[calc\(50\%\+0\.05px\)\] {
        top: calc(50% + .05px)
    }

    .top-\[calc\(var\(--toolbar-inset\,0px\)\+--spacing\(6\)\)\] {
        top: calc(var(--toolbar-inset, 0px) + calc(var(--spacing) * 6))
    }

    .top-full {
        top: 100%
    }

    .top-px {
        top: 1px
    }

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

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

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

    .-right-\[18px\] {
        right: -18px
    }

    .-right-\[232\.703px\] {
        right: -232.703px
    }

    .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-2 {
        right: calc(var(--spacing) * 2)
    }

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

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

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

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

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

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

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

    .right-\[-2px\] {
        right: -2px
    }

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

    .right-\[-4px\] {
        right: -4px
    }

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

    .right-\[-6px\] {
        right: -6px
    }

    .right-\[-20px\] {
        right: -20px
    }

    .right-\[2px\] {
        right: 2px
    }

    .right-\[3\.5px\] {
        right: 3.5px
    }

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

    .right-\[4px\] {
        right: 4px
    }

    .right-\[7px\] {
        right: 7px
    }

    .right-\[8px\] {
        right: 8px
    }

    .right-\[10px\] {
        right: 10px
    }

    .right-\[374\.64px\] {
        right: 374.64px
    }

    .right-full {
        right: 100%
    }

    .right-px {
        right: 1px
    }

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

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

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

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

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

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

    .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-2\.5 {
        bottom: calc(var(--spacing) * 2.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bottom-\[16\.5px\] {
        bottom: 16.5px
    }

    .bottom-\[49\.89px\] {
        bottom: 49.89px
    }

    .bottom-\[calc\(1\.5rem\+var\(--banner-height\,0px\)\)\] {
        bottom: calc(1.5rem + var(--banner-height, 0px))
    }

    .bottom-\[calc\(50\%-180px\)\] {
        bottom: calc(50% - 180px)
    }

    .bottom-full {
        bottom: 100%
    }

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

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

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

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

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

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

    .-left-\[81\.15\%\] {
        left: -81.15%
    }

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

    .-left-px {
        left: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .left-\[var\(--event-left\)\] {
        left: var(--event-left)
    }

    .left-auto {
        left: auto
    }

    .left-full {
        left: 100%
    }

    .left-px {
        left: 1px
    }

    .isolate {
        isolation: isolate
    }

    .-z-10 {
        z-index: calc(10 * -1)
    }

    .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-5 {
        z-index: 5
    }

    .z-6 {
        z-index: 6
    }

    .z-7 {
        z-index: 7
    }

    .z-8 {
        z-index: 8
    }

    .z-9 {
        z-index: 9
    }

    .z-10 {
        z-index: 10
    }

    .z-11 {
        z-index: 11
    }

    .z-12 {
        z-index: 12
    }

    .z-13 {
        z-index: 13
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-45 {
        z-index: 45
    }

    .z-50 {
        z-index: 50
    }

    .z-60 {
        z-index: 60
    }

    .z-100 {
        z-index: 100
    }

    .z-150 {
        z-index: 150
    }

    .z-200 {
        z-index: 200
    }

    .z-\[-1\] {
        z-index: -1
    }

    .z-\[1\] {
        z-index: 1
    }

    .z-\[2\] {
        z-index: 2
    }

    .z-\[4\] {
        z-index: 4
    }

    .z-\[5\] {
        z-index: 5
    }

    .z-\[6\] {
        z-index: 6
    }

    .z-\[199\] {
        z-index: 199
    }

    .z-\[200\] {
        z-index: 200
    }

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

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

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

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

    .order-13 {
        order: 13
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

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

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

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

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

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

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

    .col-start-1 {
        grid-column-start: 1
    }

    .col-start-2 {
        grid-column-start: 2
    }

    .row-span-4 {
        grid-row: span 4/span 4
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .container {
        width: 100%
    }

    @media (min-width: 40rem) {
        .container {
            max-width: 40rem
        }
    }@media (min-width: 48rem) {
    .container {
        max-width: 48rem
    }
}@media (min-width: 64rem) {
    .container {
        max-width: 64rem
    }
}@media (min-width: 80rem) {
    .container {
        max-width: 80rem
    }
}@media (min-width: 96rem) {
    .container {
        max-width: 96rem
    }
}.-m-0\.5 {
     margin: calc(var(--spacing) * -.5)
 }

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

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

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

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

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

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

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

    .m-\[0\.5px\] {
        margin: .5px
    }

    .m-auto {
        margin: auto
    }

    .m-px {
        margin: 1px
    }

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

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

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

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

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

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

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

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

    .-mx-px {
        margin-inline: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

    .mx-px {
        margin-inline: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .my-\[11\.75px\] {
        margin-block: 11.75px
    }

    .my-auto {
        margin-block: auto
    }

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

    .-ms-3\.5 {
        margin-inline-start: calc(var(--spacing) * -3.5)
    }

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

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

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

    .ms-1\.5 {
        margin-inline-start: calc(var(--spacing) * 1.5)
    }

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

    .ms-2\.5 {
        margin-inline-start: calc(var(--spacing) * 2.5)
    }

    .ms-\[0\.25em\] {
        margin-inline-start: .25em
    }

    .ms-auto {
        margin-inline-start: auto
    }

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

    .me-1\.5 {
        margin-inline-end: calc(var(--spacing) * 1.5)
    }

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

    .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 var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
        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] *)):before, .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
        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(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(blockquote 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] *)):before, .prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
        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: #364153;
        --tw-prose-headings: #101828;
        --tw-prose-lead: #4a5565;
        --tw-prose-links: #101828;
        --tw-prose-bold: #101828;
        --tw-prose-counters: #6a7282;
        --tw-prose-bullets: #d1d5dc;
        --tw-prose-hr: #e5e7eb;
        --tw-prose-quotes: #101828;
        --tw-prose-quote-borders: #e5e7eb;
        --tw-prose-captions: #6a7282;
        --tw-prose-kbd: #101828;
        --tw-prose-kbd-shadows: #1018281a;
        --tw-prose-code: #101828;
        --tw-prose-pre-code: #e5e7eb;
        --tw-prose-pre-bg: #1e2939;
        --tw-prose-th-borders: #d1d5dc;
        --tw-prose-td-borders: #e5e7eb;
        --tw-prose-invert-body: #d1d5dc;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #99a1af;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #99a1af;
        --tw-prose-invert-bullets: #4a5565;
        --tw-prose-invert-hr: #364153;
        --tw-prose-invert-quotes: #f3f4f6;
        --tw-prose-invert-quote-borders: #364153;
        --tw-prose-invert-captions: #99a1af;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: #ffffff1a;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d1d5dc;
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: #4a5565;
        --tw-prose-invert-td-borders: #364153;
        font-size: 1rem;
        line-height: 1.75
    }

    @supports (color:lab(0% 0 0)) {
        .prose {
            --tw-prose-body: lab(27.1134% -.956401 -12.3224);
            --tw-prose-headings: lab(8.11897% .811279 -12.254);
            --tw-prose-lead: lab(35.6337% -1.58697 -10.8425);
            --tw-prose-links: lab(8.11897% .811279 -12.254);
            --tw-prose-bold: lab(8.11897% .811279 -12.254);
            --tw-prose-counters: lab(47.7841% -.393182 -10.0268);
            --tw-prose-bullets: lab(85.1236% -.612259 -3.7138);
            --tw-prose-hr: lab(91.6229% -.159115 -2.26791);
            --tw-prose-quotes: lab(8.11897% .811279 -12.254);
            --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791);
            --tw-prose-captions: lab(47.7841% -.393182 -10.0268);
            --tw-prose-kbd: lab(8.11897% .811279 -12.254);
            --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254/.1);
            --tw-prose-code: lab(8.11897% .811279 -12.254);
            --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791);
            --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
            --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138);
            --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791);
            --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138);
            --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473);
            --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473);
            --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425);
            --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224);
            --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575);
            --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224);
            --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473);
            --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138);
            --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
            --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224)
        }
    }.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(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)), .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] *)) {
        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
    }

    .prose-base {
        font-size: 1rem;
        line-height: 1.75
    }

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

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

    .prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em
    }

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

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

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

    .prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

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

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

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

    .prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        border-radius: .3125rem;
        padding-inline-start: .375em;
        font-size: .875em
    }

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

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

    .prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        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;
        line-height: 1.71429
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.71429
    }

    .prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em
    }

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

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

    .prose-base :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-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start: 0
    }

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

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

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

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

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

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

    .prose-sm {
        font-size: .875rem;
        line-height: 1.71429
    }

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

    .prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .888889em;
        margin-bottom: .888889em;
        font-size: 1.28571em;
        line-height: 1.55556
    }

    .prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.33333em;
        margin-bottom: 1.33333em;
        padding-inline-start: 1.11111em
    }

    .prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: .8em;
        font-size: 2.14286em;
        line-height: 1.2
    }

    .prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.6em;
        margin-bottom: .8em;
        font-size: 1.42857em;
        line-height: 1.4
    }

    .prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.55556em;
        margin-bottom: .444444em;
        font-size: 1.28571em;
        line-height: 1.55556
    }

    .prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.42857em;
        margin-bottom: .571429em;
        line-height: 1.42857
    }

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

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

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

    .prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-top: .142857em;
        padding-inline-end: .357143em;
        padding-bottom: .142857em;
        border-radius: .3125rem;
        padding-inline-start: .357143em;
        font-size: .857143em
    }

    .prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .857143em
    }

    .prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .9em
    }

    .prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .888889em
    }

    .prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-top: .666667em;
        padding-inline-end: 1em;
        padding-bottom: .666667em;
        border-radius: .25rem;
        margin-top: 1.66667em;
        margin-bottom: 1.66667em;
        padding-inline-start: 1em;
        font-size: .857143em;
        line-height: 1.66667
    }

    .prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)), .prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.14286em;
        margin-bottom: 1.14286em;
        padding-inline-start: 1.57143em
    }

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

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

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

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

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

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

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

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

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

    .prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.14286em
    }

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

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

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

    .prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .857143em;
        line-height: 1.5
    }

    .prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .666667em;
        padding-inline-start: 1em
    }

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

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

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

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

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

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

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

    .prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .666667em;
        font-size: .857143em;
        line-height: 1.33333
    }

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

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

    .-mt-\(--bottom-chrome-clearance\) {
        margin-top: calc(var(--bottom-chrome-clearance) * -1)
    }

    .-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-4 {
        margin-top: calc(var(--spacing) * -4)
    }

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

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

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

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

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

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

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

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

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

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

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

    .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-14 {
        margin-top: calc(var(--spacing) * 14)
    }

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

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

    .mt-\[1\.5px\] {
        margin-top: 1.5px
    }

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

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

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

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

    .-mr-\[3px\] {
        margin-right: -3px
    }

    .-mr-\[4\.8px\] {
        margin-right: -4.8px
    }

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

    .mr-\(--dispatcher-sidebar-width\) {
        margin-right: var(--dispatcher-sidebar-width)
    }

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

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

    .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-2\.5 {
        margin-right: calc(var(--spacing) * 2.5)
    }

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

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

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

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

    .mr-\[-6px\] {
        margin-right: -6px
    }

    .mr-\[0\.5ch\] {
        margin-right: .5ch
    }

    .mr-\[3\.5px\] {
        margin-right: 3.5px
    }

    .mr-\[3px\] {
        margin-right: 3px
    }

    .mr-\[5px\] {
        margin-right: 5px
    }

    .mr-auto {
        margin-right: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mb-\[22px\] {
        margin-bottom: 22px
    }

    .mb-\[38px\] {
        margin-bottom: 38px
    }

    .mb-auto {
        margin-bottom: auto
    }

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

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

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

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

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

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

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

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

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

    .-ml-px {
        margin-left: -1px
    }

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

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

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

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

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

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

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

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

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

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

    .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-14 {
        margin-left: calc(var(--spacing) * 14)
    }

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

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

    .ml-\[2\.5px\] {
        margin-left: 2.5px
    }

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

    .ml-px {
        margin-left: 1px
    }

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

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

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

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

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

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

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

    .grid-pile {
        display: grid
    }

    .grid-pile > * {
        grid-area: 1/1
    }

    .\!block {
        display: block !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flow-root {
        display: flow-root
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .\[field-sizing\:content\], .field-sizing-content {
        field-sizing: content
    }

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

    .aspect-352\/203 {
        aspect-ratio: 352/203
    }

    .aspect-680\/416 {
        aspect-ratio: 680/416
    }

    .aspect-\[16\/7\] {
        aspect-ratio: 16/7
    }

    .aspect-\[222\/115\] {
        aspect-ratio: 222/115
    }

    .aspect-\[700_516\] {
        aspect-ratio: 700 516
    }

    .aspect-\[720\/246\] {
        aspect-ratio: 720/246
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

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

    .size-\(--size\) {
        width: var(--size);
        height: var(--size)
    }

    .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-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-2\/3 {
        width: 66.6667%;
        height: 66.6667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .size-\[1\.625rem\] {
        width: 1.625rem;
        height: 1.625rem
    }

    .size-\[1em\] {
        width: 1em;
        height: 1em
    }

    .size-\[2rem\] {
        width: 2rem;
        height: 2rem
    }

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

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

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

    .size-\[12\.646px\] {
        width: 12.646px;
        height: 12.646px
    }

    .size-\[13\.213px\] {
        width: 13.213px;
        height: 13.213px
    }

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

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

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

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

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

    .size-\[22\.107px\] {
        width: 22.107px;
        height: 22.107px
    }

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

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

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

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

    .size-\[30\.578px\] {
        width: 30.578px;
        height: 30.578px
    }

    .size-\[30\.949px\] {
        width: 30.949px;
        height: 30.949px
    }

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

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

    .size-\[38\.4px\] {
        width: 38.4px;
        height: 38.4px
    }

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

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

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

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

    .size-\[75\%\] {
        width: 75%;
        height: 75%
    }

    .size-\[298\.953px\] {
        width: 298.953px;
        height: 298.953px
    }

    .size-\[374\.635px\] {
        width: 374.635px;
        height: 374.635px
    }

    .size-\[375\.365px\] {
        width: 375.365px;
        height: 375.365px
    }

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

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

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

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

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

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

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

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

    .h-\(--accordion-panel-height\) {
        height: var(--accordion-panel-height)
    }

    .h-\(--collapsible-panel-height\) {
        height: var(--collapsible-panel-height)
    }

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

    .h-\(--size\) {
        height: var(--size)
    }

    .h-\(--toolbar-height\) {
        height: var(--toolbar-height)
    }

    .h-\(--toolbar-inset\) {
        height: var(--toolbar-inset)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[2lh\] {
        height: 2lh
    }

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

    .h-\[5\.75rem\] {
        height: 5.75rem
    }

    .h-\[5lh\] {
        height: 5lh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[30\.122px\] {
        height: 30.122px
    }

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

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

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

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

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

    .h-\[40vh\] {
        height: 40vh
    }

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

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

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

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

    .h-\[46\.949px\] {
        height: 46.949px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[180\.97\%\] {
        height: 180.97%
    }

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

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

    .h-\[200vh\] {
        height: 200vh
    }

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

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

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

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

    .h-\[277\.837px\] {
        height: 277.837px
    }

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

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

    .h-\[309\.938px\] {
        height: 309.938px
    }

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

    .h-\[342\.11px\] {
        height: 342.11px
    }

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

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

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

    .h-\[375\.365px\] {
        height: 375.365px
    }

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%\+8px\)\] {
        height: calc(100% + 8px)
    }

    .h-\[calc\(100\%-2px\)\] {
        height: calc(100% - 2px)
    }

    .h-\[calc\(100\%-28px\)\] {
        height: calc(100% - 28px)
    }

    .h-\[calc\(100\%-70px\)\] {
        height: calc(100% - 70px)
    }

    .h-\[calc\(100dvh-18rem\)\] {
        height: calc(100dvh - 18rem)
    }

    .h-\[calc\(100dvh-19rem\)\] {
        height: calc(100dvh - 19rem)
    }

    .h-\[min\(32rem\,85vh\)\] {
        height: min(32rem, 85vh)
    }

    .h-\[min\(80vh\,800px\)\] {
        height: min(80vh, 800px)
    }

    .h-\[min\(85vh\,767px\)\] {
        height: min(85vh, 767px)
    }

    .h-\[min\(400px\,50vh\)\] {
        height: min(400px, 50vh)
    }

    .h-\[min\(640px\,80vh\)\] {
        height: min(640px, 80vh)
    }

    .h-\[min\(760px\,calc\(100dvh-64px\)\)\] {
        height: min(760px, 100dvh - 64px)
    }

    .h-\[var\(--active-tab-height\)\] {
        height: var(--active-tab-height)
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-h-\[6lh\] {
        max-height: 6lh
    }

    .max-h-\[18rem\] {
        max-height: 18rem
    }

    .max-h-\[20lh\] {
        max-height: 20lh
    }

    .max-h-\[20rem\] {
        max-height: 20rem
    }

    .max-h-\[24rem\] {
        max-height: 24rem
    }

    .max-h-\[32rem\] {
        max-height: 32rem
    }

    .max-h-\[40rem\] {
        max-height: 40rem
    }

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

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

    .max-h-\[48rem\] {
        max-height: 48rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-h-\[calc\(100\%-2rem\)\] {
        max-height: calc(100% - 2rem)
    }

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

    .max-h-\[calc\(100dvh-2rem\)\] {
        max-height: calc(100dvh - 2rem)
    }

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

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

    .max-h-\[min\(24rem\,var\(--available-height\)\)\] {
        max-height: min(24rem, var(--available-height))
    }

    .max-h-\[min\(28rem\,55vh\)\] {
        max-height: min(28rem, 55vh)
    }

    .max-h-\[min\(50vh\,22rem\)\] {
        max-height: min(50vh, 22rem)
    }

    .max-h-\[min\(60vh\,520px\)\] {
        max-height: min(60vh, 520px)
    }

    .max-h-\[min\(800px\,var\(--available-height\)\)\] {
        max-height: min(800px, var(--available-height))
    }

    .max-h-\[min\(calc\(100vh-224px\)\,321px\)\] {
        max-height: min(100vh - 224px, 321px)
    }

    .max-h-\[var\(--available-height\)\] {
        max-height: var(--available-height)
    }

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

    .max-h-none {
        max-height: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[4\.2rem\] {
        min-height: 4.2rem
    }

    .min-h-\[11rem\] {
        min-height: 11rem
    }

    .min-h-\[15lh\] {
        min-height: 15lh
    }

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

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

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

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

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

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

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

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

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

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

    .min-h-\[46\.949px\] {
        min-height: 46.949px
    }

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

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

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

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

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

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

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

    .min-h-\[100cqh\] {
        min-height: 100cqh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[calc\(100\%-108px\)\] {
        min-height: calc(100% - 108px)
    }

    .min-h-\[calc\(100cqh-var\(--attachments-fold\,0px\)\)\] {
        min-height: calc(100cqh - var(--attachments-fold, 0px))
    }

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

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

    .min-h-\[min\(640px\,78vh\)\] {
        min-height: min(640px, 78vh)
    }

    .min-h-\[theme\(spacing\.7\)\] {
        min-height: 1.75rem
    }

    .min-h-\[theme\(spacing\.9\)\] {
        min-height: 2.25rem
    }

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

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

    .min-h-px {
        min-height: 1px
    }

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

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

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

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

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

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

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

    .w-\(--dispatcher-sidebar-width\) {
        width: var(--dispatcher-sidebar-width)
    }

    .w-\(--sidebar-visible-width\) {
        width: var(--sidebar-visible-width)
    }

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

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

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

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

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

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

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

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

    .w-1\/2 {
        width: 50%
    }

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

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

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

    .w-2\/5 {
        width: 40%
    }

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

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

    .w-3\/4 {
        width: 75%
    }

    .w-3\/5 {
        width: 60%
    }

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

    .w-4\/5 {
        width: 80%
    }

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

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

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

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

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

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

    .w-8\/12 {
        width: 66.6667%
    }

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

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

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

    .w-10\/12 {
        width: 83.3333%
    }

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

    .w-11\/12 {
        width: 91.6667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[4ch\] {
        width: 4ch
    }

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

    .w-\[6ch\] {
        width: 6ch
    }

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

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

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

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

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

    .w-\[16ch\] {
        width: 16ch
    }

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

    .w-\[26rem\] {
        width: 26rem
    }

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

    .w-\[32rem\] {
        width: 32rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[90vw\] {
        width: 90vw
    }

    .w-\[95vw\] {
        width: 95vw
    }

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

    .w-\[100cqw\] {
        width: 100cqw
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-\[181\.3\%\] {
        width: 181.3%
    }

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

    .w-\[188\.262px\] {
        width: 188.262px
    }

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

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

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

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

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

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

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

    .w-\[248\.958px\] {
        width: 248.958px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(\(100\%-3rem\)\/5\)\] {
        width: calc(20% - .6rem)
    }

    .w-\[calc\(100\%\+\(var\(--spacing\)\*3\)\)\] {
        width: calc(100% + (var(--spacing) * 3))
    }

    .w-\[calc\(100\%\+0\.5rem\)\] {
        width: calc(100% + .5rem)
    }

    .w-\[calc\(100\%\+1\.5rem\)\] {
        width: calc(100% + 1.5rem)
    }

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

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

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

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

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

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

    .w-\[calc\(100\%-0\.5rem\)\] {
        width: calc(100% - .5rem)
    }

    .w-\[calc\(100\%-0\.25rem\)\] {
        width: calc(100% - .25rem)
    }

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

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

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

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

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

    .w-\[calc\(100vw-24px\)\] {
        width: calc(100vw - 24px)
    }

    .w-\[max\(200px\,var\(--anchor-width\)\)\] {
        width: max(200px, var(--anchor-width))
    }

    .w-\[min\(28rem\,calc\(100vw-1\.5rem\)\)\] {
        width: min(28rem, 100vw - 1.5rem)
    }

    .w-\[min\(96vw\,1200px\)\] {
        width: min(96vw, 1200px)
    }

    .w-\[min\(711px\,calc\(100vw-2rem\)\)\] {
        width: min(711px, 100vw - 2rem)
    }

    .w-\[min\(800px\,calc\(100vw-48px\)\)\] {
        width: min(800px, 100vw - 48px)
    }

    .w-\[min\(960px\,100\%\)\] {
        width: min(960px, 100%)
    }

    .w-\[min\(calc\(100\%-1\.5rem\)\,41\.5rem\)\] {
        width: min(100% - 1.5rem, 41.5rem)
    }

    .w-\[min\(calc\(100vw-2rem\)\,320px\)\] {
        width: min(100vw - 2rem, 320px)
    }

    .w-\[min\(calc\(100vw-2rem\)\,370px\)\] {
        width: min(100vw - 2rem, 370px)
    }

    .w-\[var\(--active-tab-width\)\] {
        width: var(--active-tab-width)
    }

    .w-\[var\(--anchor-width\)\] {
        width: var(--anchor-width)
    }

    .w-\[var\(--event-width\)\] {
        width: var(--event-width)
    }

    .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
        width: var(--radix-dropdown-menu-trigger-width)
    }

    .w-\[var\(--traffic-light-width\,56px\)\] {
        width: var(--traffic-light-width, 56px)
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

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

    .w-min {
        width: min-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .\!max-w-none {
        max-width: none !important
    }

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

    .max-w-1\/2 {
        max-width: 50%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[12rem\] {
        max-width: 12rem
    }

    .max-w-\[15rem\] {
        max-width: 15rem
    }

    .max-w-\[16rem\] {
        max-width: 16rem
    }

    .max-w-\[17ch\] {
        max-width: 17ch
    }

    .max-w-\[20ch\] {
        max-width: 20ch
    }

    .max-w-\[24ch\] {
        max-width: 24ch
    }

    .max-w-\[24rem\] {
        max-width: 24rem
    }

    .max-w-\[28rem\] {
        max-width: 28rem
    }

    .max-w-\[30ch\] {
        max-width: 30ch
    }

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

    .max-w-\[32rem\] {
        max-width: 32rem
    }

    .max-w-\[33rem\] {
        max-width: 33rem
    }

    .max-w-\[43rem\] {
        max-width: 43rem
    }

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

    .max-w-\[52ch\] {
        max-width: 52ch
    }

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

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

    .max-w-\[68ch\] {
        max-width: 68ch
    }

    .max-w-\[68rem\] {
        max-width: 68rem
    }

    .max-w-\[80ch\] {
        max-width: 80ch
    }

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

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

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

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

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

    .max-w-\[100vw\] {
        max-width: 100vw
    }

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

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

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

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

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

    .max-w-\[226px\] {
        max-width: 226px
    }

    .max-w-\[230px\] {
        max-width: 230px
    }

    .max-w-\[240px\] {
        max-width: 240px
    }

    .max-w-\[262px\] {
        max-width: 262px
    }

    .max-w-\[280px\] {
        max-width: 280px
    }

    .max-w-\[300px\] {
        max-width: 300px
    }

    .max-w-\[326px\] {
        max-width: 326px
    }

    .max-w-\[332px\] {
        max-width: 332px
    }

    .max-w-\[340px\] {
        max-width: 340px
    }

    .max-w-\[400px\] {
        max-width: 400px
    }

    .max-w-\[402px\] {
        max-width: 402px
    }

    .max-w-\[420px\] {
        max-width: 420px
    }

    .max-w-\[448px\] {
        max-width: 448px
    }

    .max-w-\[450px\] {
        max-width: 450px
    }

    .max-w-\[454px\] {
        max-width: 454px
    }

    .max-w-\[460px\] {
        max-width: 460px
    }

    .max-w-\[480px\] {
        max-width: 480px
    }

    .max-w-\[500px\] {
        max-width: 500px
    }

    .max-w-\[514px\] {
        max-width: 514px
    }

    .max-w-\[520px\] {
        max-width: 520px
    }

    .max-w-\[530px\] {
        max-width: 530px
    }

    .max-w-\[540px\] {
        max-width: 540px
    }

    .max-w-\[548px\] {
        max-width: 548px
    }

    .max-w-\[560px\] {
        max-width: 560px
    }

    .max-w-\[580px\] {
        max-width: 580px
    }

    .max-w-\[600px\] {
        max-width: 600px
    }

    .max-w-\[608px\] {
        max-width: 608px
    }

    .max-w-\[620px\] {
        max-width: 620px
    }

    .max-w-\[640px\] {
        max-width: 640px
    }

    .max-w-\[650px\] {
        max-width: 650px
    }

    .max-w-\[670px\] {
        max-width: 670px
    }

    .max-w-\[680px\] {
        max-width: 680px
    }

    .max-w-\[690px\] {
        max-width: 690px
    }

    .max-w-\[720px\] {
        max-width: 720px
    }

    .max-w-\[760px\] {
        max-width: 760px
    }

    .max-w-\[840px\] {
        max-width: 840px
    }

    .max-w-\[960px\] {
        max-width: 960px
    }

    .max-w-\[1080px\] {
        max-width: 1080px
    }

    .max-w-\[calc\(100\%-1\.2rem\)\] {
        max-width: calc(100% - 1.2rem)
    }

    .max-w-\[calc\(100\%-2rem\)\] {
        max-width: calc(100% - 2rem)
    }

    .max-w-\[calc\(100vw-3rem\)\] {
        max-width: calc(100vw - 3rem)
    }

    .max-w-\[calc\(100vw-16px\)\] {
        max-width: calc(100vw - 16px)
    }

    .max-w-\[calc\(100vw-24px\)\] {
        max-width: calc(100vw - 24px)
    }

    .max-w-\[calc\(100vw-32px\)\] {
        max-width: calc(100vw - 32px)
    }

    .max-w-\[calc\(100vw-48px\)\] {
        max-width: calc(100vw - 48px)
    }

    .max-w-\[clamp\(6rem\,18vw\,12rem\)\] {
        max-width: clamp(6rem, 18vw, 12rem)
    }

    .max-w-\[min\(12rem\,70\%\)\] {
        max-width: min(12rem, 70%)
    }

    .max-w-\[min\(30rem\,100\%\)\] {
        max-width: min(30rem, 100%)
    }

    .max-w-\[min\(85\%\,560px\)\] {
        max-width: min(85%, 560px)
    }

    .max-w-\[min\(90\%\,600px\)\] {
        max-width: min(90%, 600px)
    }

    .max-w-\[min\(90\%\,720px\)\] {
        max-width: min(90%, 720px)
    }

    .max-w-\[min\(100\%\,20rem\)\] {
        max-width: min(100%, 20rem)
    }

    .max-w-\[min\(100\%\,56rem\)\] {
        max-width: min(100%, 56rem)
    }

    .max-w-\[min\(calc\(100cqw-32px\)\,42rem\)\] {
        max-width: min(100cqw - 32px, 42rem)
    }

    .max-w-\[min\(var\(--available-width\)\,calc\(100vw-1rem\)\)\] {
        max-width: min(var(--available-width), calc(100vw - 1rem))
    }

    .max-w-\[unset\] {
        max-width: unset
    }

    .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-screen {
        max-width: 100vw
    }

    .max-w-screen-xl {
        max-width: var(--breakpoint-xl)
    }

    .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) !important
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

    .min-w-3\.5 {
        min-width: calc(var(--spacing) * 3.5)
    }

    .min-w-4 {
        min-width: calc(var(--spacing) * 4)
    }

    .min-w-5 {
        min-width: calc(var(--spacing) * 5)
    }

    .min-w-5\.5 {
        min-width: calc(var(--spacing) * 5.5)
    }

    .min-w-7 {
        min-width: calc(var(--spacing) * 7)
    }

    .min-w-8 {
        min-width: calc(var(--spacing) * 8)
    }

    .min-w-10 {
        min-width: calc(var(--spacing) * 10)
    }

    .min-w-12 {
        min-width: calc(var(--spacing) * 12)
    }

    .min-w-16 {
        min-width: calc(var(--spacing) * 16)
    }

    .min-w-20 {
        min-width: calc(var(--spacing) * 20)
    }

    .min-w-24 {
        min-width: calc(var(--spacing) * 24)
    }

    .min-w-32 {
        min-width: calc(var(--spacing) * 32)
    }

    .min-w-36 {
        min-width: calc(var(--spacing) * 36)
    }

    .min-w-40 {
        min-width: calc(var(--spacing) * 40)
    }

    .min-w-44 {
        min-width: calc(var(--spacing) * 44)
    }

    .min-w-48 {
        min-width: calc(var(--spacing) * 48)
    }

    .min-w-52 {
        min-width: calc(var(--spacing) * 52)
    }

    .min-w-56 {
        min-width: calc(var(--spacing) * 56)
    }

    .min-w-60 {
        min-width: calc(var(--spacing) * 60)
    }

    .min-w-64 {
        min-width: calc(var(--spacing) * 64)
    }

    .min-w-80 {
        min-width: calc(var(--spacing) * 80)
    }

    .min-w-\[1rem\] {
        min-width: 1rem
    }

    .min-w-\[2ch\] {
        min-width: 2ch
    }

    .min-w-\[9rem\] {
        min-width: 9rem
    }

    .min-w-\[14px\] {
        min-width: 14px
    }

    .min-w-\[18rem\] {
        min-width: 18rem
    }

    .min-w-\[20\%\] {
        min-width: 20%
    }

    .min-w-\[20px\] {
        min-width: 20px
    }

    .min-w-\[24px\] {
        min-width: 24px
    }

    .min-w-\[24rem\] {
        min-width: 24rem
    }

    .min-w-\[36rem\] {
        min-width: 36rem
    }

    .min-w-\[44rem\] {
        min-width: 44rem
    }

    .min-w-\[48px\] {
        min-width: 48px
    }

    .min-w-\[60px\] {
        min-width: 60px
    }

    .min-w-\[64px\] {
        min-width: 64px
    }

    .min-w-\[76px\] {
        min-width: 76px
    }

    .min-w-\[90px\] {
        min-width: 90px
    }

    .min-w-\[100px\] {
        min-width: 100px
    }

    .min-w-\[136px\] {
        min-width: 136px
    }

    .min-w-\[140px\] {
        min-width: 140px
    }

    .min-w-\[160px\] {
        min-width: 160px
    }

    .min-w-\[200px\] {
        min-width: 200px
    }

    .min-w-\[220px\] {
        min-width: 220px
    }

    .min-w-\[250px\] {
        min-width: 250px
    }

    .min-w-\[275px\] {
        min-width: 275px
    }

    .min-w-\[280px\] {
        min-width: 280px
    }

    .min-w-\[320px\] {
        min-width: 320px
    }

    .min-w-\[400px\] {
        min-width: 400px
    }

    .min-w-\[460px\] {
        min-width: 460px
    }

    .min-w-\[calc\(80px\+var\(--traffic-light-growth\,0px\)\)\] {
        min-width: calc(80px + var(--traffic-light-growth, 0px))
    }

    .min-w-\[calc\(162px\+var\(--traffic-light-growth\,0px\)\)\] {
        min-width: calc(162px + var(--traffic-light-growth, 0px))
    }

    .min-w-\[calc\(184px\+var\(--traffic-light-growth\,0px\)\)\] {
        min-width: calc(184px + var(--traffic-light-growth, 0px))
    }

    .min-w-\[max\(180px\,calc\(var\(--anchor-width\)\+0\.25rem\)\)\] {
        min-width: max(180px, calc(var(--anchor-width) + .25rem))
    }

    .min-w-\[var\(--anchor-width\)\] {
        min-width: var(--anchor-width)
    }

    .min-w-fit {
        min-width: fit-content
    }

    .min-w-full {
        min-width: 100%
    }

    .min-w-max {
        min-width: max-content
    }

    .min-w-md {
        min-width: var(--container-md)
    }

    .min-w-min {
        min-width: min-content
    }

    .min-w-screen {
        min-width: 100vw
    }

    .flex-0 {
        flex: 0
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[0_0_296px\] {
        flex: 0 0 296px
    }

    .flex-\[1_1_120px\] {
        flex: 120px
    }

    .flex-auto {
        flex: auto
    }

    .flex-none {
        flex: none
    }

    .flex-shrink-0 {
        flex-shrink: 0
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .shrink-\[99\] {
        flex-shrink: 99
    }

    .shrink-\[1000\] {
        flex-shrink: 1000
    }

    .flex-grow, .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .basis-3\/5 {
        flex-basis: 60%
    }

    .basis-48 {
        flex-basis: calc(var(--spacing) * 48)
    }

    .basis-full {
        flex-basis: 100%
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-0 {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        --tw-border-spacing-y: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .origin-\(--transform-origin\), .origin-\[var\(--transform-origin\)\] {
        transform-origin: var(--transform-origin)
    }

    .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
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-3 {
        --tw-translate-x: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-\[3px\] {
        --tw-translate-x: calc(3px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-0\.5 {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-1 {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-1\/2 {
        --tw-translate-x: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-3 {
        --tw-translate-x: calc(var(--spacing) * 3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-3\.5 {
        --tw-translate-x: calc(var(--spacing) * 3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-10 {
        --tw-translate-x: calc(var(--spacing) * 10);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[calc\(-50\%\+var\(--sidebar-visible-width\)\/2\)\] {
        --tw-translate-x: calc(-50% + var(--sidebar-visible-width) / 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[var\(--active-tab-left\)\] {
        --tw-translate-x: var(--active-tab-left);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-3 {
        --tw-translate-y: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-\[0\.5px\] {
        --tw-translate-y: calc(.5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-px {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[-10px\] {
        --tw-translate-y: -10px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[0\.5px\] {
        --tw-translate-y: .5px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[3px\] {
        --tw-translate-y: 3px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[calc\(-50\%-200px\)\] {
        --tw-translate-y: calc(-50% - 200px);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[var\(--active-tab-top\)\] {
        --tw-translate-y: var(--active-tab-top);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-px {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .scale-30 {
        --tw-scale-x: 30%;
        --tw-scale-y: 30%;
        --tw-scale-z: 30%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-80 {
        --tw-scale-x: 80%;
        --tw-scale-y: 80%;
        --tw-scale-z: 80%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-101 {
        --tw-scale-x: var(--scale-101);
        --tw-scale-y: var(--scale-101);
        --tw-scale-z: var(--scale-101);
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-110 {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-115 {
        --tw-scale-x: 115%;
        --tw-scale-y: 115%;
        --tw-scale-z: 115%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-125 {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-150 {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .-scale-y-100 {
        --tw-scale-y: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-\[0\.25\] {
        scale: .25
    }

    .scale-\[0\.67\] {
        scale: .67
    }

    .scale-\[0\.96\] {
        scale: .96
    }

    .scale-\[0\.98\] {
        scale: .98
    }

    .-rotate-2 {
        rotate: -2deg
    }

    .-rotate-3 {
        rotate: -3deg
    }

    .-rotate-12 {
        rotate: -12deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-3 {
        rotate: 3deg
    }

    .rotate-4 {
        rotate: 4deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[20deg\] {
        rotate: 20deg
    }

    .\[transform\:translateY\(8\.5px\)\] {
        transform: translateY(8.5px)
    }

    .transform {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }

    .transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
        transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale))
    }

    .transform-gpu {
        transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }

    .shimmer-text {
        animation: var(--animate-shimmer);
        background-image: linear-gradient(to right, #21212133, var(--color-oats-neutral-900), #21212133)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shimmer-text {
            background-image: linear-gradient(to right, color-mix(in srgb, var(--color-oats-neutral-900) 20%, transparent), var(--color-oats-neutral-900), color-mix(in srgb, var(--color-oats-neutral-900) 20%, transparent))
        }
    }.shimmer-text {
         color: #0000;
         background-size: 250% 100%;
         -webkit-background-clip: text;
         background-clip: text
     }

    :is(html.dark) .shimmer-text {
        background-image: linear-gradient(90deg, #fff3, #fff, #fff3)
    }

    .animate-\[chip-enter_240ms_ease-out_both\] {
        animation: .24s ease-out both chip-enter
    }

    .animate-\[chip-enter_400ms_ease-in-out_forwards\] {
        animation: .4s ease-in-out forwards chip-enter
    }

    .animate-\[chromaColorMuted_4s_ease-in-out_infinite\] {
        animation: 4s ease-in-out infinite chromaColorMuted
    }

    .animate-\[findingsHoverFrames_2400ms_steps\(1\)_infinite\] {
        animation: 2.4s step-end infinite findingsHoverFrames
    }

    .animate-\[gradient-text-slide_600ms_ease-in-out_150ms_forwards\] {
        animation: .6s ease-in-out .15s forwards gradient-text-slide
    }

    .animate-\[oats-jumping-dots_1s_infinite\] {
        animation: 1s infinite oats-jumping-dots
    }

    .animate-\[sparklesIconSlow_2\.25s_0\.1s_linear_infinite\] {
        animation: 2.25s linear .1s infinite sparklesIconSlow
    }

    .animate-\[sparklesIconSlow_2\.25s_0\.2s_linear_infinite\] {
        animation: 2.25s linear .2s infinite sparklesIconSlow
    }

    .animate-\[sparklesIconSlow_2\.25s_0\.3s_linear_infinite\] {
        animation: 2.25s linear .3s infinite sparklesIconSlow
    }

    .animate-\[spin_0\.5s_linear_infinite\] {
        animation: .5s linear infinite spin
    }

    .animate-gradient-text-slide {
        animation: var(--animate-gradient-text-slide)
    }

    .animate-logoStroke {
        animation: var(--animate-logoStroke)
    }

    .animate-logoStrokeDelay1 {
        animation: var(--animate-logoStrokeDelay1)
    }

    .animate-logoStrokeDelay2 {
        animation: var(--animate-logoStrokeDelay2)
    }

    .animate-logoStrokeDelay3 {
        animation: var(--animate-logoStrokeDelay3)
    }

    .animate-logoStrokeDelay4 {
        animation: var(--animate-logoStrokeDelay4)
    }

    .animate-logoStrokeDelay5 {
        animation: var(--animate-logoStrokeDelay5)
    }

    .animate-logoStrokeLoop {
        animation: var(--animate-logoStrokeLoop)
    }

    .animate-logoStrokeLoopRainbow1 {
        animation: var(--animate-logoStrokeLoopRainbow1)
    }

    .animate-logoStrokeLoopRainbow2 {
        animation: var(--animate-logoStrokeLoopRainbow2)
    }

    .animate-logoStrokeLoopRainbow3 {
        animation: var(--animate-logoStrokeLoopRainbow3)
    }

    .animate-logoStrokeLoopRainbow4 {
        animation: var(--animate-logoStrokeLoopRainbow4)
    }

    .animate-logoStrokeLoopRainbow5 {
        animation: var(--animate-logoStrokeLoopRainbow5)
    }

    .animate-oats-fill-bg-x {
        animation: var(--animate-oats-fill-bg-x)
    }

    .animate-oats-fill-x {
        animation: var(--animate-oats-fill-x)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-shimmer {
        animation: var(--animate-shimmer)
    }

    .animate-slideDownAndFade {
        animation: var(--animate-slideDownAndFade)
    }

    .animate-slideUpAndFade {
        animation: var(--animate-slideUpAndFade)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .animate-wiggle {
        animation: var(--animate-wiggle)
    }

    .animate-workflowOutcomeIn {
        animation: var(--animate-workflowOutcomeIn)
    }

    .generating-muted-wave-letter {
        animation: 4s ease-in-out infinite chromaColorMuted, 2.5s ease-in-out infinite chromaGeneratingLetterWave
    }

    .cursor-col-resize {
        cursor: col-resize
    }

    .cursor-crosshair {
        cursor: crosshair
    }

    .cursor-default {
        cursor: default
    }

    .cursor-ew-resize {
        cursor: ew-resize
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-grabbing {
        cursor: grabbing
    }

    .cursor-help {
        cursor: help
    }

    .cursor-nesw-resize {
        cursor: nesw-resize
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-ns-resize {
        cursor: ns-resize
    }

    .cursor-nwse-resize {
        cursor: nwse-resize
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-row-resize {
        cursor: row-resize
    }

    .cursor-text {
        cursor: text
    }

    .cursor-zoom-in {
        cursor: zoom-in
    }

    .touch-auto {
        touch-action: auto
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .resize-x {
        resize: horizontal
    }

    .resize-y {
        resize: vertical
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-start {
        scroll-snap-align: start
    }

    .scroll-my-2 {
        scroll-margin-block: calc(var(--spacing) * 2)
    }

    .scroll-mt-4 {
        scroll-margin-top: calc(var(--spacing) * 4)
    }

    .scroll-mt-6 {
        scroll-margin-top: calc(var(--spacing) * 6)
    }

    .scroll-mt-8 {
        scroll-margin-top: calc(var(--spacing) * 8)
    }

    .scroll-mt-12 {
        scroll-margin-top: calc(var(--spacing) * 12)
    }

    .scroll-mt-25 {
        scroll-margin-top: calc(var(--spacing) * 25)
    }

    .scroll-mt-\[100px\] {
        scroll-margin-top: 100px
    }

    .scroll-mb-12\.5 {
        scroll-margin-bottom: calc(var(--spacing) * 12.5)
    }

    .scroll-mb-\[50px\] {
        scroll-margin-bottom: 50px
    }

    .scroll-py-1 {
        scroll-padding-block: calc(var(--spacing) * 1)
    }

    .scroll-pt-\(--toolbar-inset\) {
        scroll-padding-top: var(--toolbar-inset)
    }

    .scroll-pb-16 {
        scroll-padding-bottom: calc(var(--spacing) * 16)
    }

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .appearance-none {
        appearance: none
    }

    .auto-cols-auto {
        grid-auto-columns: auto
    }

    .grid-flow-col {
        grid-auto-flow: column
    }

    .grid-cols-1 {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns:repeat(w, minmax(0, 1fr))
    }

    .grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5 {
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6 {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }

    .grid-cols-8 {
        grid-template-columns:repeat(8, minmax(0, 1fr))
    }

    .grid-cols-10 {
        grid-template-columns:repeat(10, minmax(0, 1fr))
    }

    .grid-cols-12 {
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }

    .grid-cols-\[0\.5rem_minmax\(0\,1fr\)_auto\] {
        grid-template-columns:.5rem minmax(0, 1fr) auto
    }

    .grid-cols-\[1\.4fr\,1fr\] {
        grid-template-columns:1.4fr,1fr
    }

    .grid-cols-\[1ch_minmax\(0\,1fr\)_4rem_11ch\] {
        grid-template-columns:1ch minmax(0, 1fr) 4rem 11ch
    }

    .grid-cols-\[1fr_0fr\] {
        grid-template-columns:1fr 0fr
    }

    .grid-cols-\[1fr_1fr\] {
        grid-template-columns:1fr 1fr
    }

    .grid-cols-\[1fr_30\%_9\.5rem_5rem\] {
        grid-template-columns:1fr 30% 9.5rem 5rem
    }

    .grid-cols-\[1fr_72px_1fr\] {
        grid-template-columns:1fr 72px 1fr
    }

    .grid-cols-\[1fr_auto\] {
        grid-template-columns:1fr auto
    }

    .grid-cols-\[3ch_6ch_minmax\(0\,1fr\)\] {
        grid-template-columns:3ch 6ch minmax(0, 1fr)
    }

    .grid-cols-\[9rem_minmax\(0\,1fr\)\] {
        grid-template-columns:9rem minmax(0, 1fr)
    }

    .grid-cols-\[16px_1fr\] {
        grid-template-columns:16px 1fr
    }

    .grid-cols-\[34px_1fr\] {
        grid-template-columns:34px 1fr
    }

    .grid-cols-\[170px_1fr\] {
        grid-template-columns:170px 1fr
    }

    .grid-cols-\[300px_minmax\(0\,1fr\)\] {
        grid-template-columns:300px minmax(0, 1fr)
    }

    .grid-cols-\[auto_1fr\] {
        grid-template-columns:auto 1fr
    }

    .grid-cols-\[auto_1fr_auto\] {
        grid-template-columns:auto 1fr auto
    }

    .grid-cols-\[auto_auto\] {
        grid-template-columns:auto auto
    }

    .grid-cols-\[max-content_0fr\] {
        grid-template-columns:max-content 0fr
    }

    .grid-cols-\[max-content_1fr\] {
        grid-template-columns:max-content 1fr
    }

    .grid-cols-\[minmax\(0\,1fr\)\] {
        grid-template-columns:minmax(0, 1fr)
    }

    .grid-cols-\[minmax\(0\,1fr\)_9rem\] {
        grid-template-columns:minmax(0, 1fr) 9rem
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
        grid-template-columns:minmax(0, 1fr) auto
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
        grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr)
    }

    .grid-cols-\[minmax\(0\,max-content\)_minmax\(0\,max-content\)\] {
        grid-template-columns:minmax(0, max-content) minmax(0, max-content)
    }

    .grid-cols-\[minmax\(320px\,420px\)_1fr\] {
        grid-template-columns:minmax(320px, 420px) 1fr
    }

    .grid-cols-\[repeat\(4\,auto\)\] {
        grid-template-columns:repeat(4, auto)
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(360px\,1fr\)\)\] {
        grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))
    }

    .grid-rows-1 {
        grid-template-rows:repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2 {
        grid-template-rows:repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3 {
        grid-template-rows:repeat(3, minmax(0, 1fr))
    }

    .grid-rows-\[0fr\] {
        grid-template-rows:0fr
    }

    .grid-rows-\[1fr\] {
        grid-template-rows:1fr
    }

    .grid-rows-\[1fr_auto\] {
        grid-template-rows:1fr auto
    }

    .grid-rows-\[auto_1fr\] {
        grid-template-rows:auto 1fr
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-items-center {
        place-items: center
    }

    .place-items-end {
        place-items: end
    }

    .content-center {
        align-content: center
    }

    .content-end {
        align-content: flex-end
    }

    .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-around {
        justify-content: space-around
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .justify-stretch {
        justify-content: stretch
    }

    .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\.5 {
        gap: calc(var(--spacing) * 2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }

    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5)
    }

    .gap-3\.25 {
        gap: calc(var(--spacing) * 3.25)
    }

    .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-9 {
        gap: calc(var(--spacing) * 9)
    }

    .gap-10 {
        gap: calc(var(--spacing) * 10)
    }

    .gap-12 {
        gap: calc(var(--spacing) * 12)
    }

    .gap-16 {
        gap: calc(var(--spacing) * 16)
    }

    .gap-\[-4px\] {
        gap: -4px
    }

    .gap-\[0\.25em\] {
        gap: .25em
    }

    .gap-\[1\.5px\] {
        gap: 1.5px
    }

    .gap-\[2px\] {
        gap: 2px
    }

    .gap-\[3\.566px\] {
        gap: 3.566px
    }

    .gap-\[3px\] {
        gap: 3px
    }

    .gap-\[4\.5px\] {
        gap: 4.5px
    }

    .gap-\[4\.533px\] {
        gap: 4.533px
    }

    .gap-\[4px\] {
        gap: 4px
    }

    .gap-\[5px\] {
        gap: 5px
    }

    .gap-\[6px\] {
        gap: 6px
    }

    .gap-\[7px\] {
        gap: 7px
    }

    .gap-\[8\%\] {
        gap: 8%
    }

    .gap-\[9\.413px\] {
        gap: 9.413px
    }

    .gap-\[9px\] {
        gap: 9px
    }

    .gap-\[12px\] {
        gap: 12px
    }

    .gap-\[14px\] {
        gap: 14px
    }

    .gap-\[15px\] {
        gap: 15px
    }

    .gap-\[16px\] {
        gap: 16px
    }

    .gap-\[18px\] {
        gap: 18px
    }

    .gap-\[28px\] {
        gap: 28px
    }

    .gap-px {
        gap: 1px
    }

    :where(.space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-0\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-10>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-12>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-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-1\.5 {
        column-gap: calc(var(--spacing) * 1.5)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2)
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5)
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6)
    }

    .gap-x-72 {
        column-gap: calc(var(--spacing) * 72)
    }

    .gap-x-\[5px\] {
        column-gap: 5px
    }

    :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-1\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-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)))
    }

    .gap-y-0 {
        row-gap: calc(var(--spacing) * 0)
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * .5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1)
    }

    .gap-y-1\.5 {
        row-gap: calc(var(--spacing) * 1.5)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2)
    }

    .gap-y-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)
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(.5px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(.5px * calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-x-8>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(8px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-y>:not(:last-child)), :where(.divide-y-\[0\.5px\]>: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(.5px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(.5px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-hairline>:not(:last-child)) {
        border-color: var(--border-color-hairline)
    }

    .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
    }

    .justify-self-end {
        justify-self: flex-end
    }

    .justify-self-start {
        justify-self: flex-start
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-x-visible {
        overflow-x: visible
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-clip {
        overflow-y: clip
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .overflow-y-visible {
        overflow-y: visible
    }

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .\!rounded-full {
        border-radius: 3.40282e38px !important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2\.5lg {
        border-radius: 1.25rem
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-4xl {
        border-radius: var(--radius-4xl)
    }

    .rounded-\[1\.2em\] {
        border-radius: 1.2em
    }

    .rounded-\[1px\] {
        border-radius: 1px
    }

    .rounded-\[2px\] {
        border-radius: 2px
    }

    .rounded-\[3px\] {
        border-radius: 3px
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-\[4px_16px_16px_4px\] {
        border-radius: 4px 16px 16px 4px
    }

    .rounded-\[5px\] {
        border-radius: 5px
    }

    .rounded-\[6\.4px\] {
        border-radius: 6.4px
    }

    .rounded-\[6px\] {
        border-radius: 6px
    }

    .rounded-\[8px\] {
        border-radius: 8px
    }

    .rounded-\[9\.509px\] {
        border-radius: 9.509px
    }

    .rounded-\[9\.915px\] {
        border-radius: 9.915px
    }

    .rounded-\[9px\] {
        border-radius: 9px
    }

    .rounded-\[10\.316px\] {
        border-radius: 10.316px
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[12px\] {
        border-radius: 12px
    }

    .rounded-\[13\.69px\] {
        border-radius: 13.69px
    }

    .rounded-\[13px\] {
        border-radius: 13px
    }

    .rounded-\[14px\] {
        border-radius: 14px
    }

    .rounded-\[16px\] {
        border-radius: 16px
    }

    .rounded-\[16px_4px_4px_16px\] {
        border-radius: 16px 4px 4px 16px
    }

    .rounded-\[18px\] {
        border-radius: 18px
    }

    .rounded-\[19px\] {
        border-radius: 19px
    }

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-\[22\.5px\] {
        border-radius: 22.5px
    }

    .rounded-\[23\.725px\] {
        border-radius: 23.725px
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[26px\] {
        border-radius: 26px
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[32px\] {
        border-radius: 32px
    }

    .rounded-\[36px\] {
        border-radius: 36px
    }

    .rounded-\[40px\] {
        border-radius: 40px
    }

    .rounded-\[calc\(1\.5rem-8px\)\] {
        border-radius: calc(1.5rem - 8px)
    }

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .rounded-\[var\(--card-radius\)\] {
        border-radius: var(--card-radius)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-lg\! {
        border-radius: var(--radius-lg) !important
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded-xs {
        border-radius: var(--radius-xs)
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .rounded-t-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl)
    }

    .rounded-t-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl)
    }

    .rounded-t-\[16px\] {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }

    .rounded-t-\[20px\] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .rounded-t-\[32px\] {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px
    }

    .rounded-t-\[var\(--card-radius\)\] {
        border-top-left-radius: var(--card-radius);
        border-top-right-radius: var(--card-radius)
    }

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl)
    }

    .rounded-l-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl)
    }

    .rounded-l-\[1\.2em\] {
        border-top-left-radius: 1.2em;
        border-bottom-left-radius: 1.2em
    }

    .rounded-l-\[12px\] {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px
    }

    .rounded-l-\[14px\] {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px
    }

    .rounded-l-full {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-l-md {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-l-sm {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm)
    }

    .rounded-l-xl {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl)
    }

    .rounded-tl-2xl {
        border-top-left-radius: var(--radius-2xl)
    }

    .rounded-tl-lg {
        border-top-left-radius: var(--radius-lg)
    }

    .rounded-tl-md {
        border-top-left-radius: var(--radius-md)
    }

    .rounded-tl-none {
        border-top-left-radius: 0
    }

    .rounded-tl-xs {
        border-top-left-radius: var(--radius-xs)
    }

    .\!rounded-r-\[1\.2em\] {
        border-top-right-radius: 1.2em !important;
        border-bottom-right-radius: 1.2em !important
    }

    .rounded-r-3xl {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl)
    }

    .rounded-r-\[1\.2em\] {
        border-top-right-radius: 1.2em;
        border-bottom-right-radius: 1.2em
    }

    .rounded-r-\[4px\] {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .rounded-r-\[14px\] {
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .rounded-r-lg {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }

    .rounded-r-md {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .rounded-r-sm {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm)
    }

    .rounded-r-xl {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl)
    }

    .rounded-tr-2xl {
        border-top-right-radius: var(--radius-2xl)
    }

    .rounded-tr-lg {
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-tr-md {
        border-top-right-radius: var(--radius-md)
    }

    .rounded-tr-xl {
        border-top-right-radius: var(--radius-xl)
    }

    .rounded-tr-xs {
        border-top-right-radius: var(--radius-xs)
    }

    .rounded-b-2xl {
        border-bottom-right-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl)
    }

    .rounded-b-3xl {
        border-bottom-right-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl)
    }

    .rounded-b-\[19\.83px\] {
        border-bottom-right-radius: 19.83px;
        border-bottom-left-radius: 19.83px
    }

    .rounded-b-\[22px\] {
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px
    }

    .rounded-b-\[var\(--card-radius\)\] {
        border-bottom-right-radius: var(--card-radius);
        border-bottom-left-radius: var(--card-radius)
    }

    .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
    }

    .rounded-b-xs {
        border-bottom-right-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs)
    }

    .rounded-br {
        border-bottom-right-radius: .25rem
    }

    .rounded-br-2xl {
        border-bottom-right-radius: var(--radius-2xl)
    }

    .rounded-br-\[4px\] {
        border-bottom-right-radius: 4px
    }

    .rounded-br-lg {
        border-bottom-right-radius: var(--radius-lg)
    }

    .rounded-br-md {
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-br-sm {
        border-bottom-right-radius: var(--radius-sm)
    }

    .rounded-bl-2xl {
        border-bottom-left-radius: var(--radius-2xl)
    }

    .rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }

    .rounded-bl-lg {
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-bl-md {
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .rounded-bl-xl {
        border-bottom-left-radius: var(--radius-xl)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-0\.5 {
        border-style: var(--tw-border-style);
        border-width: var(--border-width-0_5)
    }

    .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .border-\[0\.4px\] {
        border-style: var(--tw-border-style);
        border-width: .4px
    }

    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .border-\[0\.8px\] {
        border-style: var(--tw-border-style);
        border-width: .8px
    }

    .border-\[0\.25px\] {
        border-style: var(--tw-border-style);
        border-width: .25px
    }

    .border-\[0\.75px\] {
        border-style: var(--tw-border-style);
        border-width: .75px
    }

    .border-\[0\.368px\] {
        border-style: var(--tw-border-style);
        border-width: .368px
    }

    .border-\[0\.567px\] {
        border-style: var(--tw-border-style);
        border-width: .567px
    }

    .border-\[0\.941px\] {
        border-style: var(--tw-border-style);
        border-width: .941px
    }

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

    .border-\[1px\] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: .5px
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: .5px
    }

    .border-y-0\.5 {
        border-block-style: var(--tw-border-style);
        border-block-width: var(--border-width-0_5)
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: .5px
    }

    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .border-t-0\.5 {
        border-top-style: var(--tw-border-style);
        border-top-width: var(--border-width-0_5)
    }

    .border-t-\[0\.5px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: .5px
    }

    .border-t-\[1\.5px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1.5px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: .5px
    }

    .border-r-0 {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .border-r-2 {
        border-right-style: var(--tw-border-style);
        border-right-width: 2px
    }

    .border-r-\[0\.5px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: .5px
    }

    .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: .5px
    }

    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .border-b-0\.5 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: var(--border-width-0_5)
    }

    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-b-\[0\.5px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .5px
    }

    .border-b-\[1\.5px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1.5px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .border-l-\[0\.5px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .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-\[\#45BF9F\] {
        border-color: #45bf9f
    }

    .border-\[\#191F2A\] {
        border-color: #191f2a
    }

    .border-\[\#62625e\] {
        border-color: #62625e
    }

    .border-\[\#555551\] {
        border-color: #555551
    }

    .border-\[\#D2CFC6\] {
        border-color: #d2cfc6
    }

    .border-\[\#D4D4D4\] {
        border-color: #d4d4d4
    }

    .border-\[\#ffffff0d\] {
        border-color: #ffffff0d
    }

    .border-\[rgba\(22\,30\,42\,0\.5\)\] {
        border-color: #161e2a80
    }

    .border-\[rgba\(71\,67\,42\,0\.2\)\] {
        border-color: #47432a33
    }

    .border-accent {
        border-color: var(--color-accent)
    }

    .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-black\/12 {
         border-color: #0000001f
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/12 {
            border-color: color-mix(in oklab, var(--color-black) 12%, transparent)
        }
    }.border-black\/15 {
         border-color: #00000026
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/15 {
            border-color: color-mix(in oklab, var(--color-black) 15%, transparent)
        }
    }.border-black\/20 {
         border-color: #0003
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/20 {
            border-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
    }.border-black\/\[0\.06\] {
         border-color: #0000000f
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/\[0\.06\] {
            border-color: color-mix(in oklab, var(--color-black) 6%, transparent)
        }
    }.border-blue-200 {
         border-color: var(--color-blue-200)
     }

    .border-border-primary {
        border-color: var(--color-border-primary)
    }

    .border-border-strong {
        border-color: var(--color-border-strong)
    }

    .border-current {
        border-color: currentColor
    }

    .border-fill-danger {
        border-color: var(--color-fill-danger)
    }

    .border-fill-highlight {
        border-color: var(--color-fill-highlight)
    }

    .border-focus {
        border-color: var(--color-focus)
    }

    .border-fuchsia-400\/50 {
        border-color: #ec6cff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-fuchsia-400\/50 {
            border-color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent)
        }
    }.border-gray-100 {
         border-color: var(--color-gray-100)
     }

    .border-gray-200 {
        border-color: var(--color-gray-200)
    }

    .border-gray-300 {
        border-color: var(--color-gray-300)
    }

    .border-hairline, .border-hairline\/20 {
        border-color: var(--border-color-hairline)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-hairline\/20 {
            border-color: color-mix(in oklab, var(--border-color-hairline) 20%, transparent)
        }
    }.border-hairline\/40 {
         border-color: var(--border-color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-hairline\/40 {
            border-color: color-mix(in oklab, var(--border-color-hairline) 40%, transparent)
        }
    }.border-hairline\/50 {
         border-color: var(--border-color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-hairline\/50 {
            border-color: color-mix(in oklab, var(--border-color-hairline) 50%, transparent)
        }
    }.border-hairline\/55 {
         border-color: var(--border-color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-hairline\/55 {
            border-color: color-mix(in oklab, var(--border-color-hairline) 55%, transparent)
        }
    }.border-hairline\/60 {
         border-color: var(--border-color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-hairline\/60 {
            border-color: color-mix(in oklab, var(--border-color-hairline) 60%, transparent)
        }
    }.border-highlight-primary {
         border-color: var(--color-highlight-primary)
     }

    .border-highlight-secondary {
        border-color: var(--color-highlight-secondary)
    }

    .border-ink-accent {
        border-color: var(--color-ink-accent)
    }

    .border-ink-accent-strong {
        border-color: var(--color-ink-accent-strong)
    }

    .border-ink-danger {
        border-color: var(--color-ink-danger)
    }

    .border-ink-primary {
        border-color: var(--color-ink-primary)
    }

    .border-ink-primary-inverse {
        border-color: var(--color-ink-primary-inverse)
    }

    .border-ink-primary\/10 {
        border-color: var(--color-ink-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink-primary\/10 {
            border-color: color-mix(in oklab, var(--color-ink-primary) 10%, transparent)
        }
    }.border-ink-primary\/50 {
         border-color: var(--color-ink-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink-primary\/50 {
            border-color: color-mix(in oklab, var(--color-ink-primary) 50%, transparent)
        }
    }.border-ink-secondary, .border-ink-secondary\/50 {
         border-color: var(--color-ink-secondary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink-secondary\/50 {
            border-color: color-mix(in oklab, var(--color-ink-secondary) 50%, transparent)
        }
    }.border-ink-tertiary, .border-ink-tertiary\/15 {
         border-color: var(--color-ink-tertiary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink-tertiary\/15 {
            border-color: color-mix(in oklab, var(--color-ink-tertiary) 15%, transparent)
        }
    }.border-ink-tertiary\/25 {
         border-color: var(--color-ink-tertiary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink-tertiary\/25 {
            border-color: color-mix(in oklab, var(--color-ink-tertiary) 25%, transparent)
        }
    }.border-neutral-100 {
         border-color: var(--color-neutral-100)
     }

    .border-neutral-200 {
        border-color: var(--color-neutral-200)
    }

    .border-neutral-950\/15 {
        border-color: #0a0a0a26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-neutral-950\/15 {
            border-color: color-mix(in oklab, var(--color-neutral-950) 15%, transparent)
        }
    }.border-neutral-950\/20 {
         border-color: #0a0a0a33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-neutral-950\/20 {
            border-color: color-mix(in oklab, var(--color-neutral-950) 20%, transparent)
        }
    }.border-oats-blue-200 {
         border-color: var(--color-oats-blue-200)
     }

    .border-oats-blue-300 {
        border-color: var(--color-oats-blue-300)
    }

    .border-oats-blue-300\/30 {
        border-color: #4691e24d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-blue-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-blue-300) 30%, transparent)
        }
    }.border-oats-gold-300 {
         border-color: var(--color-oats-gold-300)
     }

    .border-oats-gold-300\/30 {
        border-color: #b89f564d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-gold-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-gold-300) 30%, transparent)
        }
    }.border-oats-green-100 {
         border-color: var(--color-oats-green-100)
     }

    .border-oats-green-300 {
        border-color: var(--color-oats-green-300)
    }

    .border-oats-green-400 {
        border-color: var(--color-oats-green-400)
    }

    .border-oats-green-400\/30 {
        border-color: #788c154d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-green-400\/30 {
            border-color: color-mix(in oklab, var(--color-oats-green-400) 30%, transparent)
        }
    }.border-oats-green-500 {
         border-color: var(--color-oats-green-500)
     }

    .border-oats-green-600\/50 {
        border-color: #43462580
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-green-600\/50 {
            border-color: color-mix(in oklab, var(--color-oats-green-600) 50%, transparent)
        }
    }.border-oats-neutral-200 {
         border-color: var(--color-oats-neutral-200)
     }

    .border-oats-neutral-300 {
        border-color: var(--color-oats-neutral-300)
    }

    .border-oats-neutral-300\/30 {
        border-color: #d5d5d24d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-neutral-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-neutral-300) 30%, transparent)
        }
    }.border-oats-neutral-400 {
         border-color: var(--color-oats-neutral-400)
     }

    .border-oats-neutral-500\/30 {
        border-color: #8181794d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-neutral-500\/30 {
            border-color: color-mix(in oklab, var(--color-oats-neutral-500) 30%, transparent)
        }
    }.border-oats-neutral-600\/95 {
         border-color: #72726ef2
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-neutral-600\/95 {
            border-color: color-mix(in oklab, var(--color-oats-neutral-600) 95%, transparent)
        }
    }.border-oats-neutral-700\/30 {
         border-color: #4e4d4b4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-neutral-700\/30 {
            border-color: color-mix(in oklab, var(--color-oats-neutral-700) 30%, transparent)
        }
    }.border-oats-off-black-a20 {
         border-color: var(--color-oats-off-black-a20)
     }

    .border-oats-off-white-a15 {
        border-color: var(--color-oats-off-white-a15)
    }

    .border-oats-pink-300 {
        border-color: var(--color-oats-pink-300)
    }

    .border-oats-purple-300 {
        border-color: var(--color-oats-purple-300)
    }

    .border-oats-purple-300\/30 {
        border-color: #a191ce4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-purple-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-purple-300) 30%, transparent)
        }
    }.border-oats-red-300 {
         border-color: var(--color-oats-red-300)
     }

    .border-oats-red-300\/30 {
        border-color: #e95d3d4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-red-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-red-300) 30%, transparent)
        }
    }.border-oats-red-400 {
         border-color: var(--color-oats-red-400)
     }

    .border-oats-yellow-200 {
        border-color: var(--color-oats-yellow-200)
    }

    .border-oats-yellow-300 {
        border-color: var(--color-oats-yellow-300)
    }

    .border-oats-yellow-300\/30 {
        border-color: #ed92124d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-yellow-300\/30 {
            border-color: color-mix(in oklab, var(--color-oats-yellow-300) 30%, transparent)
        }
    }.border-oats-yellow-400\/30 {
         border-color: #8b4e234d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-yellow-400\/30 {
            border-color: color-mix(in oklab, var(--color-oats-yellow-400) 30%, transparent)
        }
    }.border-oats-yellow-400\/50 {
         border-color: #8b4e2380
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-oats-yellow-400\/50 {
            border-color: color-mix(in oklab, var(--color-oats-yellow-400) 50%, transparent)
        }
    }.border-primary {
         border-color: var(--border-color-primary)
     }

    .border-purple-400\/40 {
        border-color: #c07eff66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-400\/40 {
            border-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent)
        }
    }.border-purple-400\/50 {
         border-color: #c07eff80
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-400\/50 {
            border-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent)
        }
    }.border-purple-500\/40 {
         border-color: #ac4bff66
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-500\/40 {
            border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent)
        }
    }.border-red-200 {
         border-color: var(--color-red-200)
     }

    .border-red-400\/30 {
        border-color: #ff65684d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-400\/30 {
            border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent)
        }
    }.border-red-900\/20 {
         border-color: #82181a33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-900\/20 {
            border-color: color-mix(in oklab, var(--color-red-900) 20%, transparent)
        }
    }.border-secondary {
         border-color: var(--color-secondary)
     }

    .border-strong {
        border-color: var(--border-color-strong)
    }

    .border-surface {
        border-color: var(--color-surface)
    }

    .border-surface-elevated {
        border-color: var(--color-surface-elevated)
    }

    .border-surface-sunken {
        border-color: var(--color-surface-sunken)
    }

    .border-surface-tint-neutral {
        border-color: var(--color-surface-tint-neutral)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.border-white\/15 {
         border-color: #ffffff26
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }.border-white\/20 {
         border-color: #fff3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.border-white\/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-t-hairline {
         border-top-color: var(--border-color-hairline)
     }

    .border-t-ink-primary {
        border-top-color: var(--color-ink-primary)
    }

    .border-t-ink-secondary {
        border-top-color: var(--color-ink-secondary)
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .border-t-white {
        border-top-color: var(--color-white)
    }

    .border-b-hairline {
        border-bottom-color: var(--border-color-hairline)
    }

    .border-b-ink-tertiary {
        border-bottom-color: var(--color-ink-tertiary)
    }

    .border-b-transparent {
        border-bottom-color: #0000
    }

    .\!bg-background-elevated {
        background-color: var(--color-background-elevated) !important
    }

    .bg-\(--bar-color\) {
        background-color: var(--bar-color)
    }

    .bg-\(--color-surface-elevated\) {
        background-color: var(--color-surface-elevated)
    }

    .bg-\(--speaker-bubble\)\/20 {
        background-color: var(--speaker-bubble)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--speaker-bubble\)\/20 {
            background-color: color-mix(in oklab, var(--speaker-bubble) 20%, transparent)
        }
    }.bg-\[\#0B84FE\] {
         background-color: #0b84fe
     }

    .bg-\[\#0a84ff\] {
        background-color: #0a84ff
    }

    .bg-\[\#0b57d0\] {
        background-color: #0b57d0
    }

    .bg-\[\#1a1a1a\] {
        background-color: #1a1a1a
    }

    .bg-\[\#2b2b2b\] {
        background-color: #2b2b2b
    }

    .bg-\[\#3B5850\] {
        background-color: #3b5850
    }

    .bg-\[\#3b3b3b\] {
        background-color: #3b3b3b
    }

    .bg-\[\#4ade80\] {
        background-color: #4ade80
    }

    .bg-\[\#4b4b49\] {
        background-color: #4b4b49
    }

    .bg-\[\#6a6a6a\] {
        background-color: #6a6a6a
    }

    .bg-\[\#007a5a\] {
        background-color: #007a5a
    }

    .bg-\[\#28C840\], .bg-\[\#28c840\] {
        background-color: #28c840
    }

    .bg-\[\#161f2a\] {
        background-color: #161f2a
    }

    .bg-\[\#543A29\] {
        background-color: #543a29
    }

    .bg-\[\#4691e2\] {
        background-color: #4691e2
    }

    .bg-\[\#080807\] {
        background-color: #080807
    }

    .bg-\[\#242323\]\/92 {
        background-color: #242323eb;
        background-color: lab(13.8229% .481576 .173676/.92)
    }

    .bg-\[\#282827\] {
        background-color: #282827
    }

    .bg-\[\#414622\] {
        background-color: #414622
    }

    .bg-\[\#B2C248\] {
        background-color: #b2c248
    }

    .bg-\[\#F5F5F5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#FEBC2E\] {
        background-color: #febc2e
    }

    .bg-\[\#FF5F57\] {
        background-color: #ff5f57
    }

    .bg-\[\#a191ce\] {
        background-color: #a191ce
    }

    .bg-\[\#acada8\] {
        background-color: #acada8
    }

    .bg-\[\#b4c546\] {
        background-color: #b4c546
    }

    .bg-\[\#b5c430\] {
        background-color: #b5c430
    }

    .bg-\[\#b6bbac\] {
        background-color: #b6bbac
    }

    .bg-\[\#d8d8d8\] {
        background-color: #d8d8d8
    }

    .bg-\[\#e95d3d\] {
        background-color: #e95d3d
    }

    .bg-\[\#eaeae8\] {
        background-color: #eaeae8
    }

    .bg-\[\#ececec\] {
        background-color: #ececec
    }

    .bg-\[\#eeeee6\] {
        background-color: #eeeee6
    }

    .bg-\[\#eeeeea\] {
        background-color: #eeeeea
    }

    .bg-\[\#f5f5f5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#fbbf24\] {
        background-color: #fbbf24
    }

    .bg-\[\#fcfcf8\] {
        background-color: #fcfcf8
    }

    .bg-\[\#ff6058\] {
        background-color: #ff6058
    }

    .bg-\[\#ffbd2e\] {
        background-color: #ffbd2e
    }

    .bg-\[color-mix\(in_oklab\,var\(--color-oats-yellow-300\)_20\%\,var\(--color-surface-elevated\)\)\] {
        background-color: #ed9212
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_oklab\,var\(--color-oats-yellow-300\)_20\%\,var\(--color-surface-elevated\)\)\] {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, var(--color-surface-elevated))
        }
    }.bg-\[currentColor\] {
         background-color: currentColor
     }

    .bg-\[rgba\(14\,14\,14\,0\.92\)\] {
        background-color: #0e0e0eeb
    }

    .bg-\[rgba\(16\,16\,16\,0\.3\)\] {
        background-color: #1010104d
    }

    .bg-\[rgba\(23\,23\,23\,0\.9\)\] {
        background-color: #171717e6
    }

    .bg-\[rgba\(38\,38\,38\,0\.95\)\] {
        background-color: #262626f2
    }

    .bg-\[rgba\(97\,221\,196\,0\.25\)\] {
        background-color: #61ddc440
    }

    .bg-\[rgba\(98\,90\,34\,0\.06\)\] {
        background-color: #625a220f
    }

    .bg-\[rgba\(103\,118\,139\,0\.7\)\] {
        background-color: #67768bb3
    }

    .bg-\[rgba\(253\,253\,253\,0\.11\)\] {
        background-color: #fdfdfd1c
    }

    .bg-\[rgba\(255\,255\,255\,0\.94\)\] {
        background-color: #fffffff0
    }

    .bg-\[var\(--barcolor\)\] {
        background-color: var(--barcolor)
    }

    .bg-accent {
        background-color: var(--color-accent)
    }

    .bg-accent-strong {
        background-color: var(--color-accent-strong)
    }

    .bg-accent\/10 {
        background-color: #5b6f001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-accent\/10 {
            background-color: color-mix(in oklab, var(--color-accent) 10%, transparent)
        }
    }.bg-accent\/60 {
         background-color: #5b6f0099
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-accent\/60 {
            background-color: color-mix(in oklab, var(--color-accent) 60%, transparent)
        }
    }.bg-amber-50 {
         background-color: var(--color-amber-50)
     }

    .bg-amber-100 {
        background-color: var(--color-amber-100)
    }

    .bg-amber-400 {
        background-color: var(--color-amber-400)
    }

    .bg-amber-400\/15 {
        background-color: #fcbb0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-400\/15 {
            background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent)
        }
    }.bg-amber-500 {
         background-color: var(--color-amber-500)
     }

    .bg-amber-600 {
        background-color: var(--color-amber-600)
    }

    .bg-background {
        background-color: var(--color-background)
    }

    .bg-background-accent {
        background-color: var(--color-background-accent)
    }

    .bg-background-dancing-bars {
        background-color: var(--color-background-dancing-bars)
    }

    .bg-background-elevated {
        background-color: var(--color-background-elevated)
    }

    .bg-background-elevated-secondary {
        background-color: var(--color-background-elevated-secondary)
    }

    .bg-background-primary {
        background-color: var(--color-background-primary)
    }

    .bg-background-quarternary {
        background-color: var(--color-background-quarternary)
    }

    .bg-background-secondary {
        background-color: var(--color-background-secondary)
    }

    .bg-background-tertiary {
        background-color: var(--color-background-tertiary)
    }

    .bg-background-window {
        background-color: var(--color-background-window)
    }

    .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-black\/20 {
         background-color: #0003
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/20 {
            background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
    }.bg-black\/30 {
         background-color: #0000004d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
        }
    }.bg-black\/40 {
         background-color: #0006
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/40 {
            background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
        }
    }.bg-black\/45 {
         background-color: #00000073
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/45 {
            background-color: color-mix(in oklab, var(--color-black) 45%, transparent)
        }
    }.bg-black\/50 {
         background-color: #00000080
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }.bg-black\/60 {
         background-color: #0009
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }.bg-black\/70 {
         background-color: #000000b3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/70 {
            background-color: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
    }.bg-black\/80 {
         background-color: #000c
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/80 {
            background-color: color-mix(in oklab, var(--color-black) 80%, transparent)
        }
    }.bg-black\/85 {
         background-color: #000000d9
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/85 {
            background-color: color-mix(in oklab, var(--color-black) 85%, transparent)
        }
    }.bg-blue-50 {
         background-color: var(--color-blue-50)
     }

    .bg-brand-accent\/10 {
        background-color: #b2c2481a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-brand-accent\/10 {
            background-color: color-mix(in oklab, var(--color-brand-accent) 10%, transparent)
        }
    }.bg-current, .bg-current\/15 {
         background-color: currentColor
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-current\/15 {
            background-color: color-mix(in oklab, currentcolor 15%, transparent)
        }
    }.bg-emerald-50 {
         background-color: var(--color-emerald-50)
     }

    .bg-emerald-100 {
        background-color: var(--color-emerald-100)
    }

    .bg-emerald-400\/15 {
        background-color: #00d29426
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-400\/15 {
            background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent)
        }
    }.bg-emerald-500 {
         background-color: var(--color-emerald-500)
     }

    .bg-emerald-600 {
        background-color: var(--color-emerald-600)
    }

    .bg-event-blue {
        background-color: var(--color-event-blue)
    }

    .bg-event-blue-surface {
        background-color: var(--color-event-blue-surface)
    }

    .bg-fill-accent {
        background-color: var(--color-fill-accent)
    }

    .bg-fill-accent-highlight {
        background-color: var(--color-fill-accent-highlight)
    }

    .bg-fill-accent-highlight-strong {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .bg-fill-accent\/15 {
        background-color: var(--color-fill-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fill-accent\/15 {
            background-color: color-mix(in oklab, var(--color-fill-accent) 15%, transparent)
        }
    }.bg-fill-accent\/80 {
         background-color: var(--color-fill-accent)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fill-accent\/80 {
            background-color: color-mix(in oklab, var(--color-fill-accent) 80%, transparent)
        }
    }.bg-fill-danger, .bg-fill-danger\/15 {
         background-color: var(--color-fill-danger)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fill-danger\/15 {
            background-color: color-mix(in oklab, var(--color-fill-danger) 15%, transparent)
        }
    }.bg-fill-disabled {
         background-color: var(--color-fill-disabled)
     }

    .bg-fill-highlight {
        background-color: var(--color-fill-highlight)
    }

    .bg-fill-highlight-strong {
        background-color: var(--color-fill-highlight-strong)
    }

    .bg-fill-highlight-strong-inverse {
        background-color: var(--color-fill-highlight-strong-inverse)
    }

    .bg-fill-input {
        background-color: var(--color-fill-input)
    }

    .bg-fill-neutral {
        background-color: var(--color-fill-neutral)
    }

    .bg-fill-primary, .bg-fill-primary\/22 {
        background-color: var(--color-fill-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fill-primary\/22 {
            background-color: color-mix(in oklab, var(--color-fill-primary) 22%, transparent)
        }
    }.bg-fill-soft {
         background-color: var(--color-fill-soft)
     }

    .bg-fill-soft-hover {
        background-color: var(--color-fill-soft-hover)
    }

    .bg-fill-soft-opaque {
        background-color: var(--color-fill-soft-opaque)
    }

    .bg-fill-warning {
        background-color: var(--color-fill-warning)
    }

    .bg-fuchsia-950\/30 {
        background-color: #4b004f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fuchsia-950\/30 {
            background-color: color-mix(in oklab, var(--color-fuchsia-950) 30%, transparent)
        }
    }.bg-gray-50 {
         background-color: var(--color-gray-50)
     }

    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }

    .bg-gray-200 {
        background-color: var(--color-gray-200)
    }

    .bg-gray-400 {
        background-color: var(--color-gray-400)
    }

    .bg-green-400 {
        background-color: var(--color-green-400)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-green-500\/10 {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/10 {
            background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent)
        }
    }.bg-hairline, .bg-hairline\/35 {
         background-color: var(--color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-hairline\/35 {
            background-color: color-mix(in oklab, var(--color-hairline) 35%, transparent)
        }
    }.bg-hairline\/60 {
         background-color: var(--color-hairline)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-hairline\/60 {
            background-color: color-mix(in oklab, var(--color-hairline) 60%, transparent)
        }
    }.bg-highlight {
         background-color: var(--color-highlight)
     }

    .bg-highlight-faint {
        background-color: var(--color-highlight-faint)
    }

    .bg-highlight-faint\/50 {
        background-color: #625a2208
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-highlight-faint\/50 {
            background-color: color-mix(in oklab, var(--color-highlight-faint) 50%, transparent)
        }
    }.bg-highlight-inverted {
         background-color: var(--color-highlight-inverted)
     }

    .bg-highlight-primary {
        background-color: var(--color-highlight-primary)
    }

    .bg-highlight-secondary {
        background-color: var(--color-highlight-secondary)
    }

    .bg-ink-accent {
        background-color: var(--color-ink-accent)
    }

    .bg-ink-accent-strong {
        background-color: var(--color-ink-accent-strong)
    }

    .bg-ink-danger {
        background-color: var(--color-ink-danger)
    }

    .bg-ink-primary {
        background-color: var(--color-ink-primary)
    }

    .bg-ink-primary-inverse, .bg-ink-primary-inverse\/15 {
        background-color: var(--color-ink-primary-inverse)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary-inverse\/15 {
            background-color: color-mix(in oklab, var(--color-ink-primary-inverse) 15%, transparent)
        }
    }.bg-ink-primary-inverse\/35 {
         background-color: var(--color-ink-primary-inverse)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary-inverse\/35 {
            background-color: color-mix(in oklab, var(--color-ink-primary-inverse) 35%, transparent)
        }
    }.bg-ink-primary-static, .bg-ink-primary-static\/40 {
         background-color: var(--color-ink-primary-static)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary-static\/40 {
            background-color: color-mix(in oklab, var(--color-ink-primary-static) 40%, transparent)
        }
    }.bg-ink-primary\/15 {
         background-color: var(--color-ink-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary\/15 {
            background-color: color-mix(in oklab, var(--color-ink-primary) 15%, transparent)
        }
    }.bg-ink-primary\/20 {
         background-color: var(--color-ink-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary\/20 {
            background-color: color-mix(in oklab, var(--color-ink-primary) 20%, transparent)
        }
    }.bg-ink-primary\/50 {
         background-color: var(--color-ink-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink-primary\/50 {
            background-color: color-mix(in oklab, var(--color-ink-primary) 50%, transparent)
        }
    }.bg-ink-secondary {
         background-color: var(--color-ink-secondary)
     }

    .bg-ink-tertiary {
        background-color: var(--color-ink-tertiary)
    }

    .bg-lime-100 {
        background-color: var(--color-lime-100)
    }

    .bg-lime-200\/30 {
        background-color: #d8f9994d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-lime-200\/30 {
            background-color: color-mix(in oklab, var(--color-lime-200) 30%, transparent)
        }
    }.bg-neutral-100\/95 {
         background-color: #f5f5f5f2
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral-100\/95 {
            background-color: color-mix(in oklab, var(--color-neutral-100) 95%, transparent)
        }
    }.bg-neutral-200\/70 {
         background-color: #e5e5e5b3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral-200\/70 {
            background-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent)
        }
    }.bg-neutral-300 {
         background-color: var(--color-neutral-300)
     }

    .bg-oats-black {
        background-color: var(--color-oats-black)
    }

    .bg-oats-blue-50 {
        background-color: var(--color-oats-blue-50)
    }

    .bg-oats-blue-100 {
        background-color: var(--color-oats-blue-100)
    }

    .bg-oats-blue-200 {
        background-color: var(--color-oats-blue-200)
    }

    .bg-oats-blue-200\/60 {
        background-color: #b8d5ff99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-blue-200\/60 {
            background-color: color-mix(in oklab, var(--color-oats-blue-200) 60%, transparent)
        }
    }.bg-oats-blue-300 {
         background-color: var(--color-oats-blue-300)
     }

    .bg-oats-blue-300\/15 {
        background-color: #4691e226
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-blue-300\/15 {
            background-color: color-mix(in oklab, var(--color-oats-blue-300) 15%, transparent)
        }
    }.bg-oats-blue-300\/20 {
         background-color: #4691e233
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-blue-300\/20 {
            background-color: color-mix(in oklab, var(--color-oats-blue-300) 20%, transparent)
        }
    }.bg-oats-blue-800 {
         background-color: var(--color-oats-blue-800)
     }

    .bg-oats-gold-50 {
        background-color: var(--color-oats-gold-50)
    }

    .bg-oats-gold-100 {
        background-color: var(--color-oats-gold-100)
    }

    .bg-oats-gold-200 {
        background-color: var(--color-oats-gold-200)
    }

    .bg-oats-gold-300 {
        background-color: var(--color-oats-gold-300)
    }

    .bg-oats-gold-300\/20 {
        background-color: #b89f5633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-gold-300\/20 {
            background-color: color-mix(in oklab, var(--color-oats-gold-300) 20%, transparent)
        }
    }.bg-oats-green-50 {
         background-color: var(--color-oats-green-50)
     }

    .bg-oats-green-100 {
        background-color: var(--color-oats-green-100)
    }

    .bg-oats-green-100\/70 {
        background-color: #e5eacdb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-100\/70 {
            background-color: color-mix(in oklab, var(--color-oats-green-100) 70%, transparent)
        }
    }.bg-oats-green-200 {
         background-color: var(--color-oats-green-200)
     }

    .bg-oats-green-200\/20 {
        background-color: #d1e04333
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-200\/20 {
            background-color: color-mix(in oklab, var(--color-oats-green-200) 20%, transparent)
        }
    }.bg-oats-green-200\/60 {
         background-color: #d1e04399
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-200\/60 {
            background-color: color-mix(in oklab, var(--color-oats-green-200) 60%, transparent)
        }
    }.bg-oats-green-300 {
         background-color: var(--color-oats-green-300)
     }

    .bg-oats-green-300\/10 {
        background-color: #b2c2481a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-300\/10 {
            background-color: color-mix(in oklab, var(--color-oats-green-300) 10%, transparent)
        }
    }.bg-oats-green-300\/40 {
         background-color: #b2c24866
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-300\/40 {
            background-color: color-mix(in oklab, var(--color-oats-green-300) 40%, transparent)
        }
    }.bg-oats-green-400 {
         background-color: var(--color-oats-green-400)
     }

    .bg-oats-green-400\/20 {
        background-color: #788c1533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-400\/20 {
            background-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }.bg-oats-green-500 {
         background-color: var(--color-oats-green-500)
     }

    .bg-oats-green-500\/15 {
        background-color: #5b6f0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-green-500\/15 {
            background-color: color-mix(in oklab, var(--color-oats-green-500) 15%, transparent)
        }
    }.bg-oats-neutral-50 {
         background-color: var(--color-oats-neutral-50)
     }

    .bg-oats-neutral-50\/80 {
        background-color: #fcfcf8cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-50\/80 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-50) 80%, transparent)
        }
    }.bg-oats-neutral-100 {
         background-color: var(--color-oats-neutral-100)
     }

    .bg-oats-neutral-100\/10 {
        background-color: #f7f7f21a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-100\/10 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 10%, transparent)
        }
    }.bg-oats-neutral-150 {
         background-color: var(--color-oats-neutral-150)
     }

    .bg-oats-neutral-200 {
        background-color: var(--color-oats-neutral-200)
    }

    .bg-oats-neutral-200\/70 {
        background-color: #eaebe5b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-200\/70 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-200) 70%, transparent)
        }
    }.bg-oats-neutral-300 {
         background-color: var(--color-oats-neutral-300)
     }

    .bg-oats-neutral-400 {
        background-color: var(--color-oats-neutral-400)
    }

    .bg-oats-neutral-500 {
        background-color: var(--color-oats-neutral-500)
    }

    .bg-oats-neutral-500\/20 {
        background-color: #81817933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-500\/20 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-500) 20%, transparent)
        }
    }.bg-oats-neutral-600\/40 {
         background-color: #72726e66
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-600\/40 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-600) 40%, transparent)
        }
    }.bg-oats-neutral-700 {
         background-color: var(--color-oats-neutral-700)
     }

    .bg-oats-neutral-700\/20 {
        background-color: #4e4d4b33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-700\/20 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-700) 20%, transparent)
        }
    }.bg-oats-neutral-700\/80 {
         background-color: #4e4d4bcc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-neutral-700\/80 {
            background-color: color-mix(in oklab, var(--color-oats-neutral-700) 80%, transparent)
        }
    }.bg-oats-neutral-750 {
         background-color: var(--color-oats-neutral-750)
     }

    .bg-oats-neutral-800 {
        background-color: var(--color-oats-neutral-800)
    }

    .bg-oats-neutral-900 {
        background-color: var(--color-oats-neutral-900)
    }

    .bg-oats-off-black-a6 {
        background-color: var(--color-oats-off-black-a6)
    }

    .bg-oats-off-white-a6 {
        background-color: var(--color-oats-off-white-a6)
    }

    .bg-oats-off-white-a15 {
        background-color: var(--color-oats-off-white-a15)
    }

    .bg-oats-pink-50 {
        background-color: var(--color-oats-pink-50)
    }

    .bg-oats-pink-100 {
        background-color: var(--color-oats-pink-100)
    }

    .bg-oats-pink-200 {
        background-color: var(--color-oats-pink-200)
    }

    .bg-oats-pink-300 {
        background-color: var(--color-oats-pink-300)
    }

    .bg-oats-purple-100 {
        background-color: var(--color-oats-purple-100)
    }

    .bg-oats-purple-200 {
        background-color: var(--color-oats-purple-200)
    }

    .bg-oats-purple-300 {
        background-color: var(--color-oats-purple-300)
    }

    .bg-oats-purple-300\/20 {
        background-color: #a191ce33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-purple-300\/20 {
            background-color: color-mix(in oklab, var(--color-oats-purple-300) 20%, transparent)
        }
    }.bg-oats-red-50 {
         background-color: var(--color-oats-red-50)
     }

    .bg-oats-red-100 {
        background-color: var(--color-oats-red-100)
    }

    .bg-oats-red-200 {
        background-color: var(--color-oats-red-200)
    }

    .bg-oats-red-300 {
        background-color: var(--color-oats-red-300)
    }

    .bg-oats-red-300\/20 {
        background-color: #e95d3d33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-red-300\/20 {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 20%, transparent)
        }
    }.bg-oats-red-400 {
         background-color: var(--color-oats-red-400)
     }

    .bg-oats-white {
        background-color: var(--color-oats-white)
    }

    .bg-oats-yellow-50 {
        background-color: var(--color-oats-yellow-50)
    }

    .bg-oats-yellow-100 {
        background-color: var(--color-oats-yellow-100)
    }

    .bg-oats-yellow-200 {
        background-color: var(--color-oats-yellow-200)
    }

    .bg-oats-yellow-200\/20 {
        background-color: #febe2933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-yellow-200\/20 {
            background-color: color-mix(in oklab, var(--color-oats-yellow-200) 20%, transparent)
        }
    }.bg-oats-yellow-300 {
         background-color: var(--color-oats-yellow-300)
     }

    .bg-oats-yellow-300\/10 {
        background-color: #ed92121a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-yellow-300\/10 {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 10%, transparent)
        }
    }.bg-oats-yellow-300\/20 {
         background-color: #ed921233
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-yellow-300\/20 {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, transparent)
        }
    }.bg-oats-yellow-300\/30 {
         background-color: #ed92124d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-oats-yellow-300\/30 {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 30%, transparent)
        }
    }.bg-oats-yellow-400 {
         background-color: var(--color-oats-yellow-400)
     }

    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }

    .bg-orange-500\/30 {
        background-color: #fe6e004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/30 {
            background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent)
        }
    }.bg-primary {
         background-color: var(--color-primary)
     }

    .bg-purple-900 {
        background-color: var(--color-purple-900)
    }

    .bg-red-50 {
        background-color: var(--color-red-50)
    }

    .bg-red-200 {
        background-color: var(--color-red-200)
    }

    .bg-red-400 {
        background-color: var(--color-red-400)
    }

    .bg-red-400\/10 {
        background-color: #ff65681a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-400\/10 {
            background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent)
        }
    }.bg-red-500 {
         background-color: var(--color-red-500)
     }

    .bg-red-500\/10 {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/10 {
            background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }.bg-red-500\/20 {
         background-color: #fb2c3633
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/20 {
            background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }.bg-red-600 {
         background-color: var(--color-red-600)
     }

    .bg-rose-400\/15 {
        background-color: #ff667f26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rose-400\/15 {
            background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent)
        }
    }.bg-secondary {
         background-color: var(--color-secondary)
     }

    .bg-slate-100 {
        background-color: var(--color-slate-100)
    }

    .bg-surface {
        background-color: var(--color-surface)
    }

    .bg-surface-accent-blue {
        background-color: var(--color-surface-accent-blue)
    }

    .bg-surface-accent-green {
        background-color: var(--color-surface-accent-green)
    }

    .bg-surface-accent-purple {
        background-color: var(--color-surface-accent-purple)
    }

    .bg-surface-elevated, .bg-surface-elevated\/95 {
        background-color: var(--color-surface-elevated)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-elevated\/95 {
            background-color: color-mix(in oklab, var(--color-surface-elevated) 95%, transparent)
        }
    }.bg-surface-raised {
         background-color: var(--color-surface-raised)
     }

    .bg-surface-sunken {
        background-color: var(--color-surface-sunken)
    }

    .bg-surface-tint-accent {
        background-color: var(--color-surface-tint-accent)
    }

    .bg-surface-tint-neutral, .bg-surface-tint-neutral\/40 {
        background-color: var(--color-surface-tint-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-tint-neutral\/40 {
            background-color: color-mix(in oklab, var(--color-surface-tint-neutral) 40%, transparent)
        }
    }.bg-surface-tint-neutral\/60 {
         background-color: var(--color-surface-tint-neutral)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-tint-neutral\/60 {
            background-color: color-mix(in oklab, var(--color-surface-tint-neutral) 60%, transparent)
        }
    }.bg-surface-tooltip {
         background-color: var(--color-surface-tooltip)
     }

    .bg-surface\/40 {
        background-color: var(--color-surface)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface\/40 {
            background-color: color-mix(in oklab, var(--color-surface) 40%, transparent)
        }
    }.bg-surface\/50 {
         background-color: var(--color-surface)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface\/50 {
            background-color: color-mix(in oklab, var(--color-surface) 50%, transparent)
        }
    }.bg-surface\/95 {
         background-color: var(--color-surface)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface\/95 {
            background-color: color-mix(in oklab, var(--color-surface) 95%, transparent)
        }
    }.bg-system-dancing-bars {
         background-color: var(--color-system-dancing-bars)
     }

    .bg-tertiary {
        background-color: var(--color-tertiary)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/4 {
        background-color: #ffffff0a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/4 {
            background-color: color-mix(in oklab, var(--color-white) 4%, transparent)
        }
    }.bg-white\/5 {
         background-color: #ffffff0d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }.bg-white\/10 {
         background-color: #ffffff1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.bg-white\/15 {
         background-color: #ffffff26
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/15 {
            background-color: color-mix(in oklab, var(--color-white) 15%, 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\/25 {
         background-color: #ffffff40
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/25 {
            background-color: color-mix(in oklab, var(--color-white) 25%, 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\/60 {
         background-color: #fff9
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/60 {
            background-color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }.bg-white\/80 {
         background-color: #fffc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/80 {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }.bg-white\/90 {
         background-color: #ffffffe6
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/90 {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }.bg-white\/95 {
         background-color: #fffffff2
     }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/95 {
            background-color: color-mix(in oklab, var(--color-white) 95%, transparent)
        }
    }.bg-yellow-500 {
         background-color: var(--color-yellow-500)
     }

    .bg-yellow-500\/10 {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/10 {
            background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent)
        }
    }.bg-zinc-200 {
         background-color: var(--color-zinc-200)
     }

    .bg-zinc-800\/80 {
        background-color: #27272acc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-zinc-800\/80 {
            background-color: color-mix(in oklab, var(--color-zinc-800) 80%, 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-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-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-bl {
        --tw-gradient-position: to bottom left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .gradient-text {
        background-image: linear-gradient(90deg, var(--oats-ink-primary) 0, var(--oats-ink-primary) 33.33%, #febe29 40%, #ff91e0 45%, #cebef8 50%, #d2e4f8 55%, #d1e043 60%, transparent 66.67%, transparent);
        will-change: background-position;
        -webkit-text-fill-color: transparent;
        color: #0000;
        background-position: 100% 0;
        background-size: 300% 100%;
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-\[conic-gradient\(from_0deg\,transparent\,currentColor_100deg\,transparent_100deg\)\] {
        background-image: conic-gradient(#0000, currentColor 100deg, #0000 100deg)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(64\,64\,70\,0\.78\)_0\%\,rgba\(64\,64\,70\,0\.78\)_var\(--slider-pct\)\,rgba\(64\,64\,70\,0\.22\)_var\(--slider-pct\)\,rgba\(64\,64\,70\,0\.22\)_100\%\)\] {
        background-image: linear-gradient(90deg, #404046c7 0%, #404046c7 var(--slider-pct), #40404638 var(--slider-pct), #40404638 100%)
    }

    .bg-\[linear-gradient\(150deg\,\#3b4a6b_0\%\,\#6d5a7d_45\%\,\#c98d6b_100\%\)\] {
        background-image: linear-gradient(150deg, #3b4a6b 0%, #6d5a7d 45%, #c98d6b 100%)
    }

    .bg-\[linear-gradient\(currentColor\,currentColor\)\] {
        background-image: linear-gradient(currentColor, currentColor)
    }

    .bg-\[linear-gradient\(to_right\,rgba\(252\,252\,248\,0\.25\)\,\#fcfcf8\,rgba\(252\,252\,248\,0\.25\)\)\] {
        background-image: linear-gradient(90deg, #fcfcf840, #fcfcf8, #fcfcf840)
    }

    .bg-\[linear-gradient\(to_right\,transparent\,var\(--color-surface\)_16px\,var\(--color-surface\)_calc\(100\%-16px\)\,transparent\)\] {
        background-image: linear-gradient(to right, transparent, var(--color-surface) 16px, var(--color-surface) calc(100% - 16px), transparent)
    }

    .bg-\[linear-gradient\(var\(--color-fill-highlight\)\,var\(--color-fill-highlight\)\)\] {
        background-image: linear-gradient(var(--color-fill-highlight), var(--color-fill-highlight))
    }

    .bg-\[linear-gradient\(var\(--color-fill-soft\)\,var\(--color-fill-soft\)\)\] {
        background-image: linear-gradient(var(--color-fill-soft), var(--color-fill-soft))
    }

    .bg-\[radial-gradient\(64\.89\%_65\.98\%_at_50\%_50\%\,color-mix\(in_srgb\,var\(--green-400\)_50\%\,transparent\)_0\%\,transparent_100\%\)\] {
        background-image: radial-gradient(64.89% 65.98% at 50% 50%, var(--green-400) 0%, transparent 100%)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[radial-gradient\(64\.89\%_65\.98\%_at_50\%_50\%\,color-mix\(in_srgb\,var\(--green-400\)_50\%\,transparent\)_0\%\,transparent_100\%\)\] {
            background-image: radial-gradient(64.89% 65.98% at 50% 50%, color-mix(in srgb, var(--green-400) 50%, transparent) 0%, transparent 100%)
        }
    }.bg-\[radial-gradient\(ellipse_at_bottom_right\,var\(--color-surface\)_8\%\,transparent_55\%\)\] {
         background-image: radial-gradient(ellipse at bottom right, var(--color-surface) 8%, transparent 55%)
     }

    .bg-\[repeating-linear-gradient\(45deg\,theme\(colors\.oats-yellow\.400\/10\%\)_0_8px\,transparent_8px_16px\)\] {
        background-image: repeating-linear-gradient(45deg, #8b4e231a 0 8px, #0000 8px 16px);
        background-image: repeating-linear-gradient(45deg, lab(40.0943% 23.6877 36.0788/.1) 0 8px, #0000 8px 16px)
    }

    .bg-\[repeating-linear-gradient\(45deg\,theme\(colors\.oats-yellow\.400\/20\%\)_0_6px\,transparent_6px_12px\)\] {
        background-image: repeating-linear-gradient(45deg, #8b4e2333 0 6px, #0000 6px 12px);
        background-image: repeating-linear-gradient(45deg, lab(40.0943% 23.6877 36.0788/.2) 0 6px, #0000 6px 12px)
    }

    .from-\[\#dbdbdb\] {
        --tw-gradient-from: #dbdbdb;
        --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-background {
        --tw-gradient-from: var(--color-background);
        --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-accent {
        --tw-gradient-from: var(--color-brand-accent);
        --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-oats-green-300 {
        --tw-gradient-from: var(--color-oats-green-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-oats-neutral-900\/20 {
        --tw-gradient-from: #21212133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-oats-neutral-900\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-oats-neutral-900) 20%, transparent)
        }
    }.from-oats-neutral-900\/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-red-100 {
        --tw-gradient-from: var(--color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-surface {
        --tw-gradient-from: var(--color-surface);
        --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-surface-elevated {
        --tw-gradient-from: var(--color-surface-elevated);
        --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-surface-sunken {
        --tw-gradient-from: var(--color-surface-sunken);
        --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-surface-sunken\/0 {
        --tw-gradient-from: var(--color-surface-sunken)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-surface-sunken\/0 {
            --tw-gradient-from: color-mix(in oklab, var(--color-surface-sunken) 0%, transparent)
        }
    }.from-surface-sunken\/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))
     }

    .from-surface-tint-neutral {
        --tw-gradient-from: var(--color-surface-tint-neutral);
        --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-surface-tooltip {
        --tw-gradient-from: var(--color-surface-tooltip);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-teal-100 {
        --tw-gradient-from: var(--color-teal-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-15\% {
        --tw-gradient-from-position: 15%
    }

    .from-\[88\.53\%\] {
        --tw-gradient-from-position: 88.53%
    }

    .via-oats-neutral-900 {
        --tw-gradient-via: var(--color-oats-neutral-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-surface {
        --tw-gradient-via: var(--color-surface);
        --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-surface-elevated\/55 {
        --tw-gradient-via: var(--color-surface-elevated)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-surface-elevated\/55 {
            --tw-gradient-via: color-mix(in oklab, var(--color-surface-elevated) 55%, transparent)
        }
    }.via-surface-elevated\/55 {
         --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-transparent {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-50\% {
        --tw-gradient-via-position: 50%
    }

    .via-60\% {
        --tw-gradient-via-position: 60%
    }

    .to-\[\#79d65e\] {
        --tw-gradient-to: #79d65e;
        --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\(26\,26\,26\,0\)\] {
        --tw-gradient-to: #1a1a1a00;
        --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-background {
        --tw-gradient-to: var(--color-background);
        --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\/50 {
        --tw-gradient-to: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/50 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }.to-black\/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))
     }

    .to-oats-green-200 {
        --tw-gradient-to: var(--color-oats-green-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-oats-neutral-900\/20 {
        --tw-gradient-to: #21212133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-oats-neutral-900\/20 {
            --tw-gradient-to: color-mix(in oklab, var(--color-oats-neutral-900) 20%, transparent)
        }
    }.to-oats-neutral-900\/20 {
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
     }

    .to-oats-purple-50 {
        --tw-gradient-to: var(--color-oats-purple-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))
    }

    .to-purple-50 {
        --tw-gradient-to: var(--color-purple-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))
    }

    .to-rose-50 {
        --tw-gradient-to: var(--color-rose-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))
    }

    .to-surface {
        --tw-gradient-to: var(--color-surface);
        --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-surface-elevated {
        --tw-gradient-to: var(--color-surface-elevated);
        --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-surface-sunken {
        --tw-gradient-to: var(--color-surface-sunken);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-white {
        --tw-gradient-to: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[30\.288\%\] {
        --tw-gradient-to-position: 30.288%
    }

    .to-\[110\.92\%\] {
        --tw-gradient-to-position: 110.92%
    }

    .mask-r-from-60\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -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-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: 60%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .\[mask-image\:linear-gradient\(to_bottom\,\#000_45\%\,transparent\)\] {
        -webkit-mask-image: linear-gradient(#000 45%, #0000);
        mask-image: linear-gradient(#000 45%, #0000)
    }

    .\[mask-image\:linear-gradient\(to_bottom\,\#00000080\,transparent_65\%\)\] {
        -webkit-mask-image: linear-gradient(#00000080, #0000 65%);
        mask-image: linear-gradient(#00000080, #0000 65%)
    }

    .\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\] {
        -webkit-mask-image: linear-gradient(#000, #0000);
        mask-image: linear-gradient(#000, #0000)
    }

    .\[mask-image\:linear-gradient\(to_bottom\,black_55\%\,transparent_100\%\)\] {
        -webkit-mask-image: linear-gradient(#000 55%, #0000 100%);
        mask-image: linear-gradient(#000 55%, #0000 100%)
    }

    .\[mask-image\:linear-gradient\(to_bottom\,transparent_20\%\,\#000_40\%\,\#000_60\%\,transparent_80\%\)\] {
        -webkit-mask-image: linear-gradient(#0000 20%, #000 40% 60%, #0000 80%);
        mask-image: linear-gradient(#0000 20%, #000 40% 60%, #0000 80%)
    }

    .\[mask-image\:linear-gradient\(to_bottom\,transparent_40\%\,\#000_60\%\,\#000_80\%\,transparent\)\] {
        -webkit-mask-image: linear-gradient(#0000 40%, #000 60% 80%, #0000);
        mask-image: linear-gradient(#0000 40%, #000 60% 80%, #0000)
    }

    .bg-\[length\:250\%_100\%\] {
        background-size: 250% 100%
    }

    .bg-cover {
        background-size: cover
    }

    .bg-size-\[0\%_1px\] {
        background-size: 0% 1px
    }

    .bg-size-\[50\%_100\%\] {
        background-size: 50% 100%
    }

    .bg-size-\[100\%_1px\] {
        background-size: 100% 1px
    }

    .bg-size-\[250\%_100\%\] {
        background-size: 250% 100%
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-center {
        background-position: 50%
    }

    .bg-position-\[0\%_30\%\] {
        background-position: 0 30%
    }

    .bg-position-\[0_50\%\] {
        background-position: 0
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .fill-accent {
        fill: var(--color-accent)
    }

    .fill-amber-500 {
        fill: var(--color-amber-500)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-gray-700 {
        fill: var(--color-gray-700)
    }

    .fill-hairline {
        fill: var(--color-hairline)
    }

    .fill-highlight {
        fill: var(--color-highlight)
    }

    .fill-ink-danger {
        fill: var(--color-ink-danger)
    }

    .fill-ink-primary-inverse-static {
        fill: var(--color-ink-primary-inverse-static)
    }

    .fill-none {
        fill: none
    }

    .fill-oats-blue-300 {
        fill: var(--color-oats-blue-300)
    }

    .fill-oats-neutral-900 {
        fill: var(--color-oats-neutral-900)
    }

    .fill-surface-elevated {
        fill: var(--color-surface-elevated)
    }

    .fill-surface-sunken {
        fill: var(--color-surface-sunken)
    }

    .fill-zinc-800\/80 {
        fill: #27272acc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-zinc-800\/80 {
            fill: color-mix(in oklab, var(--color-zinc-800) 80%, transparent)
        }
    }.stroke-\[var\(--border-color-hairline\)\] {
         stroke: var(--border-color-hairline)
     }

    .stroke-focus {
        stroke: var(--color-focus)
    }

    .stroke-hairline {
        stroke: var(--color-hairline)
    }

    .stroke-ink-accent {
        stroke: var(--color-ink-accent)
    }

    .stroke-ink-primary-inverse-static {
        stroke: var(--color-ink-primary-inverse-static)
    }

    .stroke-oats-blue-300 {
        stroke: var(--color-oats-blue-300)
    }

    .stroke-surface-elevated {
        stroke: var(--color-surface-elevated)
    }

    .stroke-2 {
        stroke-width: 2px
    }

    .stroke-\[1\.8px\] {
        stroke-width: 1.8px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-bottom {
        object-position: bottom
    }

    .object-center {
        object-position: center
    }

    .object-left {
        object-position: left
    }

    .object-top {
        object-position: top
    }

    .p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing) * .5)
    }

    .p-1 {
        padding: calc(var(--spacing) * 1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5)
    }

    .p-2 {
        padding: calc(var(--spacing) * 2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }

    .p-2\.25 {
        padding: calc(var(--spacing) * 2.25)
    }

    .p-3 {
        padding: calc(var(--spacing) * 3)
    }

    .p-3\.5 {
        padding: calc(var(--spacing) * 3.5)
    }

    .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-16 {
        padding: calc(var(--spacing) * 16)
    }

    .p-\[2\.267px\] {
        padding: 2.267px
    }

    .p-\[2px\] {
        padding: 2px
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[4px\] {
        padding: 4px
    }

    .p-\[9\.067px\] {
        padding: 9.067px
    }

    .p-\[22px\] {
        padding: 22px
    }

    .p-\[24px\] {
        padding: 24px
    }

    .px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing) * .5)
    }

    .px-0\.75 {
        padding-inline: calc(var(--spacing) * .75)
    }

    .px-1 {
        padding-inline: calc(var(--spacing) * 1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing) * 2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5)
    }

    .px-3\.75 {
        padding-inline: calc(var(--spacing) * 3.75)
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .px-7 {
        padding-inline: calc(var(--spacing) * 7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }

    .px-12 {
        padding-inline: calc(var(--spacing) * 12)
    }

    .px-16 {
        padding-inline: calc(var(--spacing) * 16)
    }

    .px-\[3px\] {
        padding-inline: 3px
    }

    .px-\[5px\] {
        padding-inline: 5px
    }

    .px-\[6px\] {
        padding-inline: 6px
    }

    .px-\[9\.915px\] {
        padding-inline: 9.915px
    }

    .px-\[9px\] {
        padding-inline: 9px
    }

    .px-\[12px\] {
        padding-inline: 12px
    }

    .px-\[16px\] {
        padding-inline: 16px
    }

    .px-\[18px\] {
        padding-inline: 18px
    }

    .px-px {
        padding-inline: 1px
    }

    .py-0 {
        padding-block: calc(var(--spacing) * 0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }

    .py-1 {
        padding-block: calc(var(--spacing) * 1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

    .py-1\.25 {
        padding-block: calc(var(--spacing) * 1.25)
    }

    .py-1\.75 {
        padding-block: calc(var(--spacing) * 1.75)
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }

    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5)
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }

    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8)
    }

    .py-10 {
        padding-block: calc(var(--spacing) * 10)
    }

    .py-12 {
        padding-block: calc(var(--spacing) * 12)
    }

    .py-14 {
        padding-block: calc(var(--spacing) * 14)
    }

    .py-16 {
        padding-block: calc(var(--spacing) * 16)
    }

    .py-20 {
        padding-block: calc(var(--spacing) * 20)
    }

    .py-24 {
        padding-block: calc(var(--spacing) * 24)
    }

    .py-\[2\.267px\] {
        padding-block: 2.267px
    }

    .py-\[2px\] {
        padding-block: 2px
    }

    .py-\[3\.765px\] {
        padding-block: 3.765px
    }

    .py-\[3px\] {
        padding-block: 3px
    }

    .py-\[5px\] {
        padding-block: 5px
    }

    .py-\[8px\] {
        padding-block: 8px
    }

    .py-\[9px\] {
        padding-block: 9px
    }

    .py-\[13px\] {
        padding-block: 13px
    }

    .py-\[14\.5px\] {
        padding-block: 14.5px
    }

    .py-\[15px\] {
        padding-block: 15px
    }

    .py-\[16px\] {
        padding-block: 16px
    }

    .py-\[22px\] {
        padding-block: 22px
    }

    .py-px {
        padding-block: 1px
    }

    .ps-1 {
        padding-inline-start: calc(var(--spacing) * 1)
    }

    .ps-1\.5 {
        padding-inline-start: calc(var(--spacing) * 1.5)
    }

    .ps-2\.5 {
        padding-inline-start: calc(var(--spacing) * 2.5)
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3)
    }

    .ps-4 {
        padding-inline-start: calc(var(--spacing) * 4)
    }

    .ps-6 {
        padding-inline-start: calc(var(--spacing) * 6)
    }

    .ps-12 {
        padding-inline-start: calc(var(--spacing) * 12)
    }

    .ps-72 {
        padding-inline-start: calc(var(--spacing) * 72)
    }

    .ps-\[11px\] {
        padding-inline-start: 11px
    }

    .pe-1 {
        padding-inline-end: calc(var(--spacing) * 1)
    }

    .pe-1\.5 {
        padding-inline-end: calc(var(--spacing) * 1.5)
    }

    .pe-2 {
        padding-inline-end: calc(var(--spacing) * 2)
    }

    .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3)
    }

    .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4)
    }

    .pe-5 {
        padding-inline-end: calc(var(--spacing) * 5)
    }

    .pe-8 {
        padding-inline-end: calc(var(--spacing) * 8)
    }

    .pe-24 {
        padding-inline-end: calc(var(--spacing) * 24)
    }

    .pt-\(--toolbar-height\) {
        padding-top: var(--toolbar-height)
    }

    .pt-\(--toolbar-inset\) {
        padding-top: var(--toolbar-inset)
    }

    .pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }

    .pt-0\.5 {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.75 {
        padding-top: calc(var(--spacing) * .75)
    }

    .pt-1 {
        padding-top: calc(var(--spacing) * 1)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-1\.25 {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .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-6\.5 {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7 {
        padding-top: calc(var(--spacing) * 7)
    }

    .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-14 {
        padding-top: calc(var(--spacing) * 14)
    }

    .pt-16 {
        padding-top: calc(var(--spacing) * 16)
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20)
    }

    .pt-24 {
        padding-top: calc(var(--spacing) * 24)
    }

    .pt-27 {
        padding-top: calc(var(--spacing) * 27)
    }

    .pt-32 {
        padding-top: calc(var(--spacing) * 32)
    }

    .pt-\[0\.5px\] {
        padding-top: .5px
    }

    .pt-\[3px\] {
        padding-top: 3px
    }

    .pt-\[4px\] {
        padding-top: 4px
    }

    .pt-\[6px\] {
        padding-top: 6px
    }

    .pt-\[7px\] {
        padding-top: 7px
    }

    .pt-\[12px\] {
        padding-top: 12px
    }

    .pt-\[18px\] {
        padding-top: 18px
    }

    .pt-\[58\.15px\] {
        padding-top: 58.15px
    }

    .pt-\[68px\] {
        padding-top: 68px
    }

    .pt-\[120px\] {
        padding-top: 120px
    }

    .pt-\[calc\(var\(--toolbar-inset\)\+--spacing\(24\)\)\] {
        padding-top: calc(var(--toolbar-inset) + calc(var(--spacing) * 24))
    }

    .pt-\[max\(18px\,env\(safe-area-inset-top\)\)\] {
        padding-top: max(18px, env(safe-area-inset-top))
    }

    .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-10 {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-12 {
        padding-right: calc(var(--spacing) * 12)
    }

    .pr-14 {
        padding-right: calc(var(--spacing) * 14)
    }

    .pr-16 {
        padding-right: calc(var(--spacing) * 16)
    }

    .pr-20 {
        padding-right: calc(var(--spacing) * 20)
    }

    .pr-24 {
        padding-right: calc(var(--spacing) * 24)
    }

    .pr-28 {
        padding-right: calc(var(--spacing) * 28)
    }

    .pr-32 {
        padding-right: calc(var(--spacing) * 32)
    }

    .pr-\[3px\] {
        padding-right: 3px
    }

    .pr-\[4\.5px\] {
        padding-right: 4.5px
    }

    .pr-\[4\.8px\] {
        padding-right: 4.8px
    }

    .pr-\[5px\] {
        padding-right: 5px
    }

    .pr-\[6\.8px\] {
        padding-right: 6.8px
    }

    .pr-\[6px\] {
        padding-right: 6px
    }

    .pr-\[9px\] {
        padding-right: 9px
    }

    .pr-\[13px\] {
        padding-right: 13px
    }

    .pr-\[17px\] {
        padding-right: 17px
    }

    .pr-\[19\.06px\] {
        padding-right: 19.06px
    }

    .pr-\[20\.5px\] {
        padding-right: 20.5px
    }

    .pr-px {
        padding-right: 1px
    }

    .pb-\(--bottom-chrome-clearance\) {
        padding-bottom: var(--bottom-chrome-clearance)
    }

    .pb-\(--bottom-chrome-dock\) {
        padding-bottom: var(--bottom-chrome-dock)
    }

    .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-3\.5 {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .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-6\.5 {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7 {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-9 {
        padding-bottom: calc(var(--spacing) * 9)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11 {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing) * 12)
    }

    .pb-13\.5 {
        padding-bottom: calc(var(--spacing) * 13.5)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14)
    }

    .pb-15 {
        padding-bottom: calc(var(--spacing) * 15)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
    }

    .pb-24 {
        padding-bottom: calc(var(--spacing) * 24)
    }

    .pb-32 {
        padding-bottom: calc(var(--spacing) * 32)
    }

    .pb-40 {
        padding-bottom: calc(var(--spacing) * 40)
    }

    .pb-\[1\.25rem\] {
        padding-bottom: 1.25rem
    }

    .pb-\[2px\] {
        padding-bottom: 2px
    }

    .pb-\[3px\] {
        padding-bottom: 3px
    }

    .pb-\[13px\] {
        padding-bottom: 13px
    }

    .pb-\[15\.061px\] {
        padding-bottom: 15.061px
    }

    .pb-\[16px\] {
        padding-bottom: 16px
    }

    .pb-\[18px\] {
        padding-bottom: 18px
    }

    .pb-\[max\(20px\,env\(safe-area-inset-bottom\)\)\] {
        padding-bottom: max(20px, env(safe-area-inset-bottom))
    }

    .pb-\[max\(160px\,calc\(96px\+var\(--bottom-chrome-clearance\,0px\)\)\)\] {
        padding-bottom: max(160px, calc(96px + var(--bottom-chrome-clearance, 0px)))
    }

    .pb-px {
        padding-bottom: 1px
    }

    .pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }

    .pl-0\.5 {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1 {
        padding-left: calc(var(--spacing) * 1)
    }

    .pl-1\.5 {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2 {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3 {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5 {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-3\.75 {
        padding-left: calc(var(--spacing) * 3.75)
    }

    .pl-4 {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5 {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7 {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-9 {
        padding-left: calc(var(--spacing) * 9)
    }

    .pl-10 {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-12 {
        padding-left: calc(var(--spacing) * 12)
    }

    .pl-16 {
        padding-left: calc(var(--spacing) * 16)
    }

    .pl-\[5\.667px\] {
        padding-left: 5.667px
    }

    .pl-\[6px\] {
        padding-left: 6px
    }

    .pl-\[7px\] {
        padding-left: 7px
    }

    .pl-\[9px\] {
        padding-left: 9px
    }

    .pl-\[12\%\] {
        padding-left: 12%
    }

    .pl-\[14\.5px\] {
        padding-left: 14.5px
    }

    .pl-\[14px\] {
        padding-left: 14px
    }

    .pl-\[15\.5px\] {
        padding-left: 15.5px
    }

    .pl-\[15\.061px\] {
        padding-left: 15.061px
    }

    .pl-\[15px\] {
        padding-left: 15px
    }

    .pl-\[18px\] {
        padding-left: 18px
    }

    .pl-\[42px\] {
        padding-left: 42px
    }

    .pl-\[90px\] {
        padding-left: 90px
    }

    .pl-\[var\(--traffic-light-inset\,16px\)\] {
        padding-left: var(--traffic-light-inset, 16px)
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-\[-0\.2em\] {
        vertical-align: -.2em
    }

    .align-\[-0\.15em\] {
        vertical-align: -.15em
    }

    .align-\[-1px\] {
        vertical-align: -1px
    }

    .align-\[-2px\] {
        vertical-align: -2px
    }

    .align-\[0\.17em\] {
        vertical-align: .17em
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .align-text-bottom {
        vertical-align: text-bottom
    }

    .align-top {
        vertical-align: top
    }

    .text-caps {
        font-family: var(--font-body);
        letter-spacing: .06em;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 430;
        line-height: 14px
    }

    .text-base-slab {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

    .text-h1 {
        font-family: var(--font-display);
        letter-spacing: -.01em;
        font-size: 36px;
        font-weight: 400;
        line-height: 40px
    }

    .text-h2 {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 28px;
        font-weight: 400;
        line-height: 32px
    }

    .text-h3 {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 28px
    }

    .text-lg-slab {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .text-tiny {
        font-family: var(--font-body);
        letter-spacing: .02em;
        font-size: 8px;
        line-height: 10px
    }

    .text-xxs {
        font-family: var(--font-body);
        letter-spacing: .02em;
        font-size: 11px;
        line-height: 14px
    }

    .\!font-\[system-ui\] {
        font-family: system-ui !important
    }

    .\[font-family\:\'Inter_Variable\'\,-apple-system\,sans-serif\] {
        font-family: Inter Variable, -apple-system, sans-serif
    }

    .font-\[\'Inter_Variable\'\] {
        font-family: Inter Variable
    }

    .font-\[\'Quadrant_Notepad\'\] {
        font-family: Quadrant Notepad
    }

    .font-\[system-ui\] {
        font-family: system-ui
    }

    .font-\[system-ui\]\! {
        font-family: system-ui !important
    }

    .font-body {
        font-family: var(--font-body)
    }

    .font-display {
        font-family: var(--font-display)
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-mono\! {
        font-family: var(--font-mono) !important
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
    }

    .text-headline {
        font-size: var(--text-headline);
        line-height: var(--tw-leading, var(--text-headline--line-height));
        letter-spacing: var(--tw-tracking, var(--text-headline--letter-spacing))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .text-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing)) !important
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-\[15px\]\/5\.5 {
        font-size: 15px;
        line-height: calc(var(--spacing) * 5.5)
    }

    .text-base\/5 {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 5)
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-lg\/\[22px\] {
        font-size: var(--text-lg);
        line-height: 22px
    }

    .text-sm\/4 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 4)
    }

    .text-sm\/5 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 5)
    }

    .text-sm\/\[22px\] {
        font-size: var(--text-sm);
        line-height: 22px
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs\/4 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 4)
    }

    .text-xs\/5 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 5)
    }

    .text-2xs {
        font-size: var(--text-2xs)
    }

    .text-\[0\.85em\] {
        font-size: .85em
    }

    .text-\[2rem\] {
        font-size: 2rem
    }

    .text-\[6px\] {
        font-size: 6px
    }

    .text-\[7px\] {
        font-size: 7px
    }

    .text-\[8px\] {
        font-size: 8px
    }

    .text-\[9\.067px\] {
        font-size: 9.067px
    }

    .text-\[9\.281px\] {
        font-size: 9.281px
    }

    .text-\[9px\] {
        font-size: 9px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[10px\]\! {
        font-size: 10px !important
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[13\.45px\] {
        font-size: 13.45px
    }

    .text-\[13\.178px\] {
        font-size: 13.178px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[17px\] {
        font-size: 17px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[19px\] {
        font-size: 19px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[21px\] {
        font-size: 21px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[25px\] {
        font-size: 25px
    }

    .text-\[27px\] {
        font-size: 27px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[30px\] {
        font-size: 30px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[34px\] {
        font-size: 34px
    }

    .text-\[calc\(var\(--size\)\*0\.55\)\] {
        font-size: calc(var(--size) * .55)
    }

    .text-editor {
        font-size: var(--text-editor)
    }

    .text-editor-sm {
        font-size: var(--text-editor-sm)
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4)
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5)
    }

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing) * 5.5);
        line-height: calc(var(--spacing) * 5.5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7)
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8)
    }

    .leading-9 {
        --tw-leading: calc(var(--spacing) * 9);
        line-height: calc(var(--spacing) * 9)
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.5\]\! {
        --tw-leading: 1.5 !important;
        line-height: 1.5 !important
    }

    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15
    }

    .leading-\[1\.15rem\] {
        --tw-leading: 1.15rem;
        line-height: 1.15rem
    }

    .leading-\[1\.55\] {
        --tw-leading: 1.55;
        line-height: 1.55
    }

    .leading-\[1\.58\]\! {
        --tw-leading: 1.58 !important;
        line-height: 1.58 !important
    }

    .leading-\[1\.125rem\] {
        --tw-leading: 1.125rem;
        line-height: 1.125rem
    }

    .leading-\[9\.509px\] {
        --tw-leading: 9.509px;
        line-height: 9.509px
    }

    .leading-\[10px\] {
        --tw-leading: 10px;
        line-height: 10px
    }

    .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 12px
    }

    .leading-\[13\.6px\] {
        --tw-leading: 13.6px;
        line-height: 13.6px
    }

    .leading-\[13px\] {
        --tw-leading: 13px;
        line-height: 13px
    }

    .leading-\[14px\] {
        --tw-leading: 14px;
        line-height: 14px
    }

    .leading-\[16\.755px\] {
        --tw-leading: 16.755px;
        line-height: 16.755px
    }

    .leading-\[16\.944px\] {
        --tw-leading: 16.944px;
        line-height: 16.944px
    }

    .leading-\[16px\] {
        --tw-leading: 16px;
        line-height: 16px
    }

    .leading-\[17px\] {
        --tw-leading: 17px;
        line-height: 17px
    }

    .leading-\[18px\] {
        --tw-leading: 18px;
        line-height: 18px
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[23px\] {
        --tw-leading: 23px;
        line-height: 23px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[25px\] {
        --tw-leading: 25px;
        line-height: 25px
    }

    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 26px
    }

    .leading-\[28px\] {
        --tw-leading: 28px;
        line-height: 28px
    }

    .leading-\[29px\] {
        --tw-leading: 29px;
        line-height: 29px
    }

    .leading-\[31px\] {
        --tw-leading: 31px;
        line-height: 31px
    }

    .leading-\[34px\] {
        --tw-leading: 34px;
        line-height: 34px
    }

    .leading-\[38px\] {
        --tw-leading: 38px;
        line-height: 38px
    }

    .leading-\[100\%\] {
        --tw-leading: 100%;
        line-height: 100%
    }

    .leading-\[120\%\] {
        --tw-leading: 120%;
        line-height: 120%
    }

    .leading-\[normal\] {
        --tw-leading: normal;
        line-height: normal
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-none\! {
        --tw-leading: 1 !important;
        line-height: 1 !important
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-snug\! {
        --tw-leading: var(--leading-snug) !important;
        line-height: var(--leading-snug) !important
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-book {
        --tw-font-weight: var(--font-weight-book);
        font-weight: var(--font-weight-book)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-medium\! {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-\(--text-sm--letter-spacing\) {
        --tw-tracking: var(--text-sm--letter-spacing);
        letter-spacing: var(--text-sm--letter-spacing)
    }

    .tracking-\(--text-xs--letter-spacing\) {
        --tw-tracking: var(--text-xs--letter-spacing);
        letter-spacing: var(--text-xs--letter-spacing)
    }

    .tracking-\[-0\.01em\] {
        --tw-tracking: -.01em;
        letter-spacing: -.01em
    }

    .tracking-\[-0\.2px\] {
        --tw-tracking: -.2px;
        letter-spacing: -.2px
    }

    .tracking-\[-0\.3px\] {
        --tw-tracking: -.3px;
        letter-spacing: -.3px
    }

    .tracking-\[-0\.4px\] {
        --tw-tracking: -.4px;
        letter-spacing: -.4px
    }

    .tracking-\[-0\.05em\] {
        --tw-tracking: -.05em;
        letter-spacing: -.05em
    }

    .tracking-\[0\%\] {
        --tw-tracking: 0%;
        letter-spacing: 0%
    }

    .tracking-\[0\.01em\] {
        --tw-tracking: .01em;
        letter-spacing: .01em
    }

    .tracking-\[0\.02em\] {
        --tw-tracking: .02em;
        letter-spacing: .02em
    }

    .tracking-\[0\.03em\] {
        --tw-tracking: .03em;
        letter-spacing: .03em
    }

    .tracking-\[0\.06em\] {
        --tw-tracking: .06em;
        letter-spacing: .06em
    }

    .tracking-\[0\.12em\] {
        --tw-tracking: .12em;
        letter-spacing: .12em
    }

    .tracking-\[0\.13px\] {
        --tw-tracking: .13px;
        letter-spacing: .13px
    }

    .tracking-\[0\.14px\] {
        --tw-tracking: .14px;
        letter-spacing: .14px
    }

    .tracking-\[0\.16px\] {
        --tw-tracking: .16px;
        letter-spacing: .16px
    }

    .tracking-\[0\.24px\] {
        --tw-tracking: .24px;
        letter-spacing: .24px
    }

    .tracking-\[0\.0125em\] {
        --tw-tracking: .0125em;
        letter-spacing: .0125em
    }

    .tracking-\[0\.0907px\] {
        --tw-tracking: .0907px;
        letter-spacing: .0907px
    }

    .tracking-\[0\.1318px\] {
        --tw-tracking: .1318px;
        letter-spacing: .1318px
    }

    .tracking-\[0\.1345px\] {
        --tw-tracking: .1345px;
        letter-spacing: .1345px
    }

    .tracking-\[0\.1856px\] {
        --tw-tracking: .1856px;
        letter-spacing: .1856px
    }

    .tracking-\[50\%\] {
        --tw-tracking: 50%;
        letter-spacing: 50%
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wide\! {
        --tw-tracking: var(--tracking-wide) !important;
        letter-spacing: var(--tracking-wide) !important
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-pretty {
        text-wrap: pretty
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .\[overflow-wrap\:anywhere\] {
        overflow-wrap: anywhere
    }

    .break-words {
        overflow-wrap: break-word
    }

    .wrap-anywhere {
        overflow-wrap: anywhere
    }

    .wrap-break-word {
        overflow-wrap: break-word
    }

    .\[word-break\:break-word\] {
        word-break: break-word
    }

    .break-all {
        word-break: break-all
    }

    .text-clip {
        text-overflow: clip
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-break-spaces {
        white-space: break-spaces
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-\[\#0A66C2\] {
        color: #0a66c2
    }

    .text-\[\#0F766E\] {
        color: #0f766e
    }

    .text-\[\#1C1C1C\] {
        color: #1c1c1c
    }

    .text-\[\#1E1E1E\], .text-\[\#1e1e1e\] {
        color: #1e1e1e
    }

    .text-\[\#3F3F46\] {
        color: #3f3f46
    }

    .text-\[\#4A154B\] {
        color: #4a154b
    }

    .text-\[\#5E5E5E\] {
        color: #5e5e5e
    }

    .text-\[\#5E6AD2\] {
        color: #5e6ad2
    }

    .text-\[\#9e9e99\] {
        color: #9e9e99
    }

    .text-\[\#356AE6\] {
        color: #356ae6
    }

    .text-\[\#003720\] {
        color: #003720
    }

    .text-\[\#013720\] {
        color: #013720
    }

    .text-\[\#014725\] {
        color: #014725
    }

    .text-\[\#52525B\] {
        color: #52525b
    }

    .text-\[\#72726E\] {
        color: #72726e
    }

    .text-\[\#74746e\] {
        color: #74746e
    }

    .text-\[\#94948f\] {
        color: #94948f
    }

    .text-\[\#282827\] {
        color: #282827
    }

    .text-\[\#282828\] {
        color: #282828
    }

    .text-\[\#818179\] {
        color: #818179
    }

    .text-\[\#D77655\] {
        color: #d77655
    }

    .text-\[\#E07A3C\] {
        color: #e07a3c
    }

    .text-\[\#acada8\] {
        color: #acada8
    }

    .text-\[\#adada8\] {
        color: #adada8
    }

    .text-\[\#b4c546\] {
        color: #b4c546
    }

    .text-\[\#d5d5d3\] {
        color: #d5d5d3
    }

    .text-\[\#e95d3d\] {
        color: #e95d3d
    }

    .text-\[\#f2b8b5\] {
        color: #f2b8b5
    }

    .text-\[\#f5f5f1\] {
        color: #f5f5f1
    }

    .text-\[\#fcfcf8\] {
        color: #fcfcf8
    }

    .text-accent {
        color: var(--color-accent)
    }

    .text-accent-strong {
        color: var(--color-accent-strong)
    }

    .text-amber-200 {
        color: var(--color-amber-200)
    }

    .text-amber-200\/70 {
        color: #fee685b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-200\/70 {
            color: color-mix(in oklab, var(--color-amber-200) 70%, transparent)
        }
    }.text-amber-200\/80 {
         color: #fee685cc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-200\/80 {
            color: color-mix(in oklab, var(--color-amber-200) 80%, transparent)
        }
    }.text-amber-300\/90 {
         color: #ffd236e6
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-300\/90 {
            color: color-mix(in oklab, var(--color-amber-300) 90%, transparent)
        }
    }.text-amber-400 {
         color: var(--color-amber-400)
     }

    .text-amber-500 {
        color: var(--color-amber-500)
    }

    .text-amber-600 {
        color: var(--color-amber-600)
    }

    .text-amber-700 {
        color: var(--color-amber-700)
    }

    .text-amber-800 {
        color: var(--color-amber-800)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-blue-900 {
        color: var(--color-blue-900)
    }

    .text-brand\/90 {
        color: #788c15e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-brand\/90 {
            color: color-mix(in oklab, var(--color-brand) 90%, transparent)
        }
    }.text-current {
         color: currentColor
     }

    .text-disabled-primary {
        color: var(--color-disabled-primary)
    }

    .text-disabled-secondary {
        color: var(--color-disabled-secondary)
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-emerald-700 {
        color: var(--color-emerald-700)
    }

    .text-emerald-900 {
        color: var(--color-emerald-900)
    }

    .text-fill-input {
        color: var(--color-fill-input)
    }

    .text-fuchsia-200 {
        color: var(--color-fuchsia-200)
    }

    .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-900 {
        color: var(--color-gray-900)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-highlight {
        color: var(--color-highlight)
    }

    .text-highlight-secondary {
        color: var(--color-highlight-secondary)
    }

    .text-inherit {
        color: inherit
    }

    .text-ink-accent {
        color: var(--color-ink-accent)
    }

    .text-ink-accent-strong {
        color: var(--color-ink-accent-strong)
    }

    .text-ink-danger {
        color: var(--color-ink-danger)
    }

    .text-ink-primary {
        color: var(--color-ink-primary)
    }

    .text-ink-primary-inverse {
        color: var(--color-ink-primary-inverse)
    }

    .text-ink-primary-inverse-static {
        color: var(--color-ink-primary-inverse-static)
    }

    .text-ink-primary-inverse\/60 {
        color: var(--color-ink-primary-inverse)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink-primary-inverse\/60 {
            color: color-mix(in oklab, var(--color-ink-primary-inverse) 60%, transparent)
        }
    }.text-ink-primary-static {
         color: var(--color-ink-primary-static)
     }

    .text-ink-primary\/55 {
        color: var(--color-ink-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink-primary\/55 {
            color: color-mix(in oklab, var(--color-ink-primary) 55%, transparent)
        }
    }.text-ink-secondary {
         color: var(--color-ink-secondary)
     }

    .text-ink-secondary\! {
        color: var(--color-ink-secondary) !important
    }

    .text-ink-secondary-inverse-static {
        color: var(--color-ink-secondary-inverse-static)
    }

    .text-ink-secondary-static {
        color: var(--color-ink-secondary-static)
    }

    .text-ink-secondary-strong {
        color: var(--color-ink-secondary-strong)
    }

    .text-ink-secondary-strong-inverse-static {
        color: var(--color-ink-secondary-strong-inverse-static)
    }

    .text-ink-tertiary {
        color: var(--color-ink-tertiary)
    }

    .text-ink-tertiary-static {
        color: var(--color-ink-tertiary-static)
    }

    .text-ink-tertiary\/40 {
        color: var(--color-ink-tertiary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink-tertiary\/40 {
            color: color-mix(in oklab, var(--color-ink-tertiary) 40%, transparent)
        }
    }.text-inverted {
         color: var(--color-inverted)
     }

    .text-lime-50 {
        color: var(--color-lime-50)
    }

    .text-neutral-400 {
        color: var(--color-neutral-400)
    }

    .text-neutral-500 {
        color: var(--color-neutral-500)
    }

    .text-neutral-600 {
        color: var(--color-neutral-600)
    }

    .text-neutral-800 {
        color: var(--color-neutral-800)
    }

    .text-neutral-950 {
        color: var(--color-neutral-950)
    }

    .text-oats-black {
        color: var(--color-oats-black)
    }

    .text-oats-blue-300 {
        color: var(--color-oats-blue-300)
    }

    .text-oats-blue-400 {
        color: var(--color-oats-blue-400)
    }

    .text-oats-blue-800 {
        color: var(--color-oats-blue-800)
    }

    .text-oats-gold-300 {
        color: var(--color-oats-gold-300)
    }

    .text-oats-gold-400 {
        color: var(--color-oats-gold-400)
    }

    .text-oats-grass-green-500 {
        color: var(--color-oats-grass-green-500)
    }

    .text-oats-green-50 {
        color: var(--color-oats-green-50)
    }

    .text-oats-green-100 {
        color: var(--color-oats-green-100)
    }

    .text-oats-green-300 {
        color: var(--color-oats-green-300)
    }

    .text-oats-green-400 {
        color: var(--color-oats-green-400)
    }

    .text-oats-green-500 {
        color: var(--color-oats-green-500)
    }

    .text-oats-green-500\/60 {
        color: #5b6f0099
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-oats-green-500\/60 {
            color: color-mix(in oklab, var(--color-oats-green-500) 60%, transparent)
        }
    }.text-oats-green-500\/80 {
         color: #5b6f00cc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-oats-green-500\/80 {
            color: color-mix(in oklab, var(--color-oats-green-500) 80%, transparent)
        }
    }.text-oats-green-600 {
         color: var(--color-oats-green-600)
     }

    .text-oats-green-700 {
        color: var(--color-oats-green-700)
    }

    .text-oats-neutral-50 {
        color: var(--color-oats-neutral-50)
    }

    .text-oats-neutral-100 {
        color: var(--color-oats-neutral-100)
    }

    .text-oats-neutral-300 {
        color: var(--color-oats-neutral-300)
    }

    .text-oats-neutral-400 {
        color: var(--color-oats-neutral-400)
    }

    .text-oats-neutral-500 {
        color: var(--color-oats-neutral-500)
    }

    .text-oats-neutral-600 {
        color: var(--color-oats-neutral-600)
    }

    .text-oats-neutral-700 {
        color: var(--color-oats-neutral-700)
    }

    .text-oats-neutral-750 {
        color: var(--color-oats-neutral-750)
    }

    .text-oats-neutral-800 {
        color: var(--color-oats-neutral-800)
    }

    .text-oats-neutral-900 {
        color: var(--color-oats-neutral-900)
    }

    .text-oats-pink-200 {
        color: var(--color-oats-pink-200)
    }

    .text-oats-pink-400 {
        color: var(--color-oats-pink-400)
    }

    .text-oats-purple-200 {
        color: var(--color-oats-purple-200)
    }

    .text-oats-purple-300 {
        color: var(--color-oats-purple-300)
    }

    .text-oats-purple-400 {
        color: var(--color-oats-purple-400)
    }

    .text-oats-purple-400\/70 {
        color: #564391b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-oats-purple-400\/70 {
            color: color-mix(in oklab, var(--color-oats-purple-400) 70%, transparent)
        }
    }.text-oats-red-200 {
         color: var(--color-oats-red-200)
     }

    .text-oats-red-300 {
        color: var(--color-oats-red-300)
    }

    .text-oats-red-400 {
        color: var(--color-oats-red-400)
    }

    .text-oats-red-400\/50 {
        color: #bd4a3080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-oats-red-400\/50 {
            color: color-mix(in oklab, var(--color-oats-red-400) 50%, transparent)
        }
    }.text-oats-yellow-200 {
         color: var(--color-oats-yellow-200)
     }

    .text-oats-yellow-300 {
        color: var(--color-oats-yellow-300)
    }

    .text-oats-yellow-400 {
        color: var(--color-oats-yellow-400)
    }

    .text-oats-yellow-400\/80 {
        color: #8b4e23cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-oats-yellow-400\/80 {
            color: color-mix(in oklab, var(--color-oats-yellow-400) 80%, transparent)
        }
    }.text-orange-500 {
         color: var(--color-orange-500)
     }

    .text-orange-600 {
        color: var(--color-orange-600)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-purple-100 {
        color: var(--color-purple-100)
    }

    .text-purple-200 {
        color: var(--color-purple-200)
    }

    .text-purple-300 {
        color: var(--color-purple-300)
    }

    .text-purple-400\/70 {
        color: #c07effb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-purple-400\/70 {
            color: color-mix(in oklab, var(--color-purple-400) 70%, transparent)
        }
    }.text-purple-400\/75 {
         color: #c07effbf
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-purple-400\/75 {
            color: color-mix(in oklab, var(--color-purple-400) 75%, transparent)
        }
    }.text-purple-500 {
         color: var(--color-purple-500)
     }

    .text-red-200 {
        color: var(--color-red-200)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-red-700 {
        color: var(--color-red-700)
    }

    .text-red-800 {
        color: var(--color-red-800)
    }

    .text-red-900 {
        color: var(--color-red-900)
    }

    .text-red-900\/50 {
        color: #82181a80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-900\/50 {
            color: color-mix(in oklab, var(--color-red-900) 50%, transparent)
        }
    }.text-red-900\/80 {
         color: #82181acc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-900\/80 {
            color: color-mix(in oklab, var(--color-red-900) 80%, transparent)
        }
    }.text-rose-200 {
         color: var(--color-rose-200)
     }

    .text-rose-300 {
        color: var(--color-rose-300)
    }

    .text-rose-300\/80 {
        color: #ffa2aecc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-rose-300\/80 {
            color: color-mix(in oklab, var(--color-rose-300) 80%, transparent)
        }
    }.text-rose-500 {
         color: var(--color-rose-500)
     }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-secondary-strong {
        color: var(--color-secondary-strong)
    }

    .text-semi-primary {
        color: var(--color-semi-primary)
    }

    .text-surface-elevated {
        color: var(--color-surface-elevated)
    }

    .text-system-dancing-bars, .text-system-dancing-bars\/20 {
        color: var(--color-system-dancing-bars)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-system-dancing-bars\/20 {
            color: color-mix(in oklab, var(--color-system-dancing-bars) 20%, transparent)
        }
    }.text-teal-600 {
         color: var(--color-teal-600)
     }

    .text-tertiary {
        color: var(--color-tertiary)
    }

    .text-tertiary\/40 {
        color: #acada866
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-tertiary\/40 {
            color: color-mix(in oklab, var(--color-tertiary) 40%, transparent)
        }
    }.text-transparent {
         color: #0000
     }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }.text-white\/60 {
         color: #fff9
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }.text-white\/70 {
         color: #ffffffb3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }.text-white\/75 {
         color: #ffffffbf
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white) 75%, transparent)
        }
    }.text-white\/80 {
         color: #fffc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }.text-white\/90 {
         color: #ffffffe6
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/90 {
            color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }.text-yellow-400 {
         color: var(--color-yellow-400)
     }

    .text-yellow-600 {
        color: var(--color-yellow-600)
    }

    .text-zinc-400 {
        color: var(--color-zinc-400)
    }

    .text-zinc-700 {
        color: var(--color-zinc-700)
    }

    .text-zinc-900 {
        color: var(--color-zinc-900)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .normal-case {
        text-transform: none
    }

    .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,)
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-ink-accent {
        -webkit-text-decoration-color: var(--color-ink-accent);
        -webkit-text-decoration-color: var(--color-ink-accent);
        -webkit-text-decoration-color: var(--color-ink-accent);
        text-decoration-color: var(--color-ink-accent)
    }

    .decoration-ink-danger {
        -webkit-text-decoration-color: var(--color-ink-danger);
        -webkit-text-decoration-color: var(--color-ink-danger);
        -webkit-text-decoration-color: var(--color-ink-danger);
        text-decoration-color: var(--color-ink-danger)
    }

    .decoration-ink-tertiary {
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        -webkit-text-decoration-color: var(--color-ink-tertiary);
        text-decoration-color: var(--color-ink-tertiary)
    }

    .decoration-dashed {
        text-decoration-style: dashed
    }

    .decoration-dotted {
        text-decoration-style: dotted
    }

    .decoration-wavy {
        text-decoration-style: wavy
    }

    .decoration-1 {
        text-decoration-thickness: 1px
    }

    .decoration-2 {
        text-decoration-thickness: 2px
    }

    .decoration-\[0\.08em\] {
        text-decoration-thickness: .08em
    }

    .decoration-\[1\.5px\] {
        text-decoration-thickness: 1.5px
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-\[3px\] {
        text-underline-offset: 3px
    }

    .underline-offset-\[5px\] {
        text-underline-offset: 5px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .\!caret-\[\#acada8\] {
        caret-color: #acada8 !important
    }

    .caret-fill-accent {
        caret-color: var(--color-fill-accent)
    }

    .accent-current {
        accent-color: currentColor
    }

    .accent-ink-primary {
        accent-color: var(--color-ink-primary)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-6 {
        opacity: .06
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-25 {
        opacity: .25
    }

    .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-95 {
        opacity: .95
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow-sm\/5 {
        --tw-shadow-alpha: 5%;
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000000d), 0 1px 2px -1px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    @supports (color:lab(0% 0 0)) {
        .shadow-sm\/5 {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, lab(0% 0 0/.05)), 0 1px 2px -1px var(--tw-shadow-color, lab(0% 0 0/.05))
        }
    }.shadow {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
     }

    .shadow-\(--shadow-bottom-bar\) {
        --tw-shadow: var(--shadow-bottom-bar);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_-4px_7px_rgba\(0\,0\,0\,0\.1\)\] {
        --tw-shadow: 0 -4px 7px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.06\)\,0_2px_4px_rgba\(0\,0\,0\,0\.04\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000000f), 0 1px 2px -1px var(--tw-shadow-color, #0000000f), 0 2px 4px var(--tw-shadow-color, #0000000a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_18px_rgba\(168\,85\,247\,0\.3\)\] {
        --tw-shadow: 0 0 18px var(--tw-shadow-color, #a855f74d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_28px_rgba\(168\,85\,247\,0\.12\)\] {
        --tw-shadow: 0 0 28px var(--tw-shadow-color, #a855f71f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.35\)\,0_0_3px_0_rgba\(0\,0\,0\,0\.55\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.70\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #00000059), 0 0 3px 0 var(--tw-shadow-color, #0000008c), 0 0 0 1px var(--tw-shadow-color, #000000b3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_4px_-1px_rgba\(0\,0\,0\,0\.7\)\] {
        --tw-shadow: 0 2px 4px -1px var(--tw-shadow-color, #000000b3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_6px_\#00000030\] {
        --tw-shadow: 0 2px 6px var(--tw-shadow-color, #00000030);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_6px_\#00000040\] {
        --tw-shadow: 0 2px 6px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000001f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_8px_40px_rgba\(0\,0\,0\,0\.25\)\,0_0_3px_rgba\(0\,0\,0\,0\.55\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.7\)\] {
        --tw-shadow: 0 8px 40px var(--tw-shadow-color, #00000040), 0 0 3px var(--tw-shadow-color, #0000008c), 0 0 0 1px var(--tw-shadow-color, #000000b3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0_4px_6px_-2px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -2px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.28\)\,0_2px_6px_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 12px 32px var(--tw-shadow-color, #00000047), 0 2px 6px var(--tw-shadow-color, #0000001f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_40px_80px_-24px_rgb\(0_0_0\/0\.5\)\] {
        --tw-shadow: 0 40px 80px -24px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_65px_18px_0_rgba\(0\,0\,0\,0\.00\)\,0_3px_6px_0_rgba\(0\,0\,0\,0\.10\)\] {
        --tw-shadow: 0 65px 18px 0 var(--tw-shadow-color, #0000), 0 3px 6px 0 var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0\.8px_1\.6px_0px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0px .8px 1.6px 0px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_0px_0\.5px_rgba\(0\,0\,0\,0\.2\)\,0px_4px_6px_-2px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0px 0px 0px .5px var(--tw-shadow-color, #0003), 0px 4px 6px -2px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_0px_0\.5px_rgba\(0\,0\,0\,0\.2\)\] {
        --tw-shadow: 0px 0px 0px .5px var(--tw-shadow-color, #0003);
        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_0px_0px_1px_rgba\(0\,0\,0\,0\.7\)\,0px_0px_3px_0px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #000000b3), 0px 0px 3px 0px var(--tw-shadow-color, #0000008c);
        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_0px_12px_0px_rgba\(20\,184\,166\,0\.5\)\] {
        --tw-shadow: 0px 0px 12px 0px var(--tw-shadow-color, #14b8a680);
        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_0px_12px_0px_rgba\(209\,224\,67\,0\.5\)\] {
        --tw-shadow: 0px 0px 12px 0px var(--tw-shadow-color, #d1e04380);
        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_0px_28px_0px_rgba\(20\,184\,166\,0\.5\)\] {
        --tw-shadow: 0px 0px 28px 0px var(--tw-shadow-color, #14b8a680);
        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_0px_28px_0px_rgba\(209\,224\,67\,0\.5\)\] {
        --tw-shadow: 0px 0px 28px 0px var(--tw-shadow-color, #d1e04380);
        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_4px_26px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
        --tw-shadow: 0px 4px 26px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_8px_40px_0px_rgba\(0\,0\,0\,0\.25\)\,0px_0px_3px_0px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-shadow: 0px 8px 40px 0px var(--tw-shadow-color, #00000040), 0px 0px 3px 0px var(--tw-shadow-color, #0000008c);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_-0\.5px_0_0_var\(--oats-border-hairline\)\] {
        --tw-shadow: inset 0 -.5px 0 0 var(--tw-shadow-color, var(--oats-border-hairline));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_0_0\.5px_rgba\(0\,0\,0\,0\.12\)\,inset_0_0\.5px_0_0_rgba\(255\,255\,255\,0\.95\)\,inset_0_-0\.5px_0_0_rgba\(0\,0\,0\,0\.08\)\] {
        --tw-shadow: inset 0 0 0 .5px var(--tw-shadow-color, #0000001f), inset 0 .5px 0 0 var(--tw-shadow-color, #fffffff2), inset 0 -.5px 0 0 var(--tw-shadow-color, #00000014);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,1\)\] {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_0_10px_var\(--color-highlight-primary\)\] {
        --tw-shadow: inset 0 0 0 10px var(--tw-shadow-color, var(--color-highlight-primary));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_1px_0_0_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #0000001f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_0\.5px_1px_rgb\(255_255_255_\/_0\.5\)\] {
        --tw-shadow: inset 0px .5px 1px var(--tw-shadow-color, #ffffff80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_1px_1px_0_0_rgba\(255\,255\,255\,0\.18\)\,inset_-1px_-1px_0_0_rgba\(255\,255\,255\,0\.1\)\] {
        --tw-shadow: inset 1px 1px 0 0 var(--tw-shadow-color, #ffffff2e), inset -1px -1px 0 0 var(--tw-shadow-color, #ffffff1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-bottom-bar {
        --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-floating {
        --tw-shadow: 0 8px 24px 0 var(--tw-shadow-color, #0003), 0 2px 8px 0 var(--tw-shadow-color, #00000014), inset 0 0 0 1px var(--tw-shadow-color, #ffffff0a), 0 0 0 1px var(--tw-shadow-color, #00000005);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0 0 36px 0 var(--tw-shadow-color, #00000008);
        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(.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)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-0\.5 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--ring-width-0_5) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-3 {
        --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)
    }

    .ring-\[0\.3px\] {
        --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)
    }

    .ring-\[0\.5px\] {
        --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)
    }

    .ring-\[0\.75px\] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(.75px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[1\.2px\] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[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);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[3px\] {
        --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)
    }

    .shadow-neutral-950\/20 {
        --tw-shadow-color: #0a0a0a33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-neutral-950\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-950) 20%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.shadow-red-600\/10 {
         --tw-shadow-color: #e400141a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-red-600\/10 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 10%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.ring-\(--speaker-bubble\)\/60 {
         --tw-ring-color: var(--speaker-bubble)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-\(--speaker-bubble\)\/60 {
            --tw-ring-color: color-mix(in oklab, var(--speaker-bubble) 60%, transparent)
        }
    }.ring-\[\#282827\] {
         --tw-ring-color: #282827
     }

    .ring-accent {
        --tw-ring-color: var(--color-accent)
    }

    .ring-accent-strong {
        --tw-ring-color: var(--color-accent-strong)
    }

    .ring-amber-300\/60 {
        --tw-ring-color: #ffd23699
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-300\/60 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent)
        }
    }.ring-amber-400\/35 {
         --tw-ring-color: #fcbb0059
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-400\/35 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 35%, transparent)
        }
    }.ring-background {
         --tw-ring-color: var(--color-background)
     }

    .ring-background-accent {
        --tw-ring-color: var(--color-background-accent)
    }

    .ring-background-elevated {
        --tw-ring-color: var(--color-background-elevated)
    }

    .ring-black\/5 {
        --tw-ring-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-black\/5 {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }.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-black\/80 {
         --tw-ring-color: #000c
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-black\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 80%, transparent)
        }
    }.ring-border-strong {
         --tw-ring-color: var(--color-border-strong)
     }

    .ring-emerald-200 {
        --tw-ring-color: var(--color-emerald-200)
    }

    .ring-emerald-300\/60 {
        --tw-ring-color: #5ee9b599
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-emerald-300\/60 {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent)
        }
    }.ring-fill-accent-highlight-strong {
         --tw-ring-color: var(--color-fill-accent-highlight-strong)
     }

    .ring-fill-highlight-strong {
        --tw-ring-color: var(--color-fill-highlight-strong)
    }

    .ring-fill-highlight-strong-inverse {
        --tw-ring-color: var(--color-fill-highlight-strong-inverse)
    }

    .ring-fill-soft-opaque {
        --tw-ring-color: var(--color-fill-soft-opaque)
    }

    .ring-gray-900\/20 {
        --tw-ring-color: #10182833
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-gray-900\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent)
        }
    }.ring-hairline {
         --tw-ring-color: var(--color-hairline)
     }

    .ring-highlight {
        --tw-ring-color: var(--color-highlight)
    }

    .ring-ink-accent {
        --tw-ring-color: var(--color-ink-accent)
    }

    .ring-ink-accent-strong {
        --tw-ring-color: var(--color-ink-accent-strong)
    }

    .ring-ink-primary {
        --tw-ring-color: var(--color-ink-primary)
    }

    .ring-lime-200\/90 {
        --tw-ring-color: #d8f999e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-lime-200\/90 {
            --tw-ring-color: color-mix(in oklab, var(--color-lime-200) 90%, transparent)
        }
    }.ring-oats-black\/30 {
         --tw-ring-color: #0000004d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-black\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-black) 30%, transparent)
        }
    }.ring-oats-black\/50 {
         --tw-ring-color: #00000080
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-black\/50 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-black) 50%, transparent)
        }
    }.ring-oats-blue-300 {
         --tw-ring-color: var(--color-oats-blue-300)
     }

    .ring-oats-blue-400\/50 {
        --tw-ring-color: #3e49b880
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-blue-400\/50 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-blue-400) 50%, transparent)
        }
    }.ring-oats-gold-300 {
         --tw-ring-color: var(--color-oats-gold-300)
     }

    .ring-oats-green-400 {
        --tw-ring-color: var(--color-oats-green-400)
    }

    .ring-oats-green-400\/20 {
        --tw-ring-color: #788c1533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-green-400\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }.ring-oats-green-500 {
         --tw-ring-color: var(--color-oats-green-500)
     }

    .ring-oats-green-600\/30 {
        --tw-ring-color: #4346254d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-green-600\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-600) 30%, transparent)
        }
    }.ring-oats-neutral-150 {
         --tw-ring-color: var(--color-oats-neutral-150)
     }

    .ring-oats-neutral-400 {
        --tw-ring-color: var(--color-oats-neutral-400)
    }

    .ring-oats-off-black-a20 {
        --tw-ring-color: var(--color-oats-off-black-a20)
    }

    .ring-oats-pink-300 {
        --tw-ring-color: var(--color-oats-pink-300)
    }

    .ring-oats-purple-300 {
        --tw-ring-color: var(--color-oats-purple-300)
    }

    .ring-oats-red-300 {
        --tw-ring-color: var(--color-oats-red-300)
    }

    .ring-oats-yellow-200 {
        --tw-ring-color: var(--color-oats-yellow-200)
    }

    .ring-oats-yellow-200\/70 {
        --tw-ring-color: #febe29b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-oats-yellow-200\/70 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-yellow-200) 70%, transparent)
        }
    }.ring-red-200 {
         --tw-ring-color: var(--color-red-200)
     }

    .ring-red-400 {
        --tw-ring-color: var(--color-red-400)
    }

    .ring-red-500 {
        --tw-ring-color: var(--color-red-500)
    }

    .ring-red-700\/20 {
        --tw-ring-color: #bf000f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-700\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-700) 20%, transparent)
        }
    }.ring-rose-400\/35 {
         --tw-ring-color: #ff667f59
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-rose-400\/35 {
            --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 35%, transparent)
        }
    }.ring-surface {
         --tw-ring-color: var(--color-surface)
     }

    .ring-surface-elevated {
        --tw-ring-color: var(--color-surface-elevated)
    }

    .ring-surface-tint-neutral {
        --tw-ring-color: var(--color-surface-tint-neutral)
    }

    .ring-transparent {
        --tw-ring-color: transparent
    }

    .ring-offset-1 {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .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-background-secondary {
        --tw-ring-offset-color: var(--color-background-secondary)
    }

    .ring-offset-surface-elevated {
        --tw-ring-offset-color: var(--color-surface-elevated)
    }

    .ring-focus-danger {
        outline-color: #bd4a3099
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-focus-danger {
            outline-color: color-mix(in srgb, var(--color-oats-red-400) 60%, transparent)
        }
    }.ring-focus-danger:focus-visible {
         outline: 1.5px solid #bd4a3099
     }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-focus-danger:focus-visible {
            outline: 1.5px solid color-mix(in srgb, var(--color-oats-red-400) 60%, transparent)
        }
    }.ring-focus-danger:focus-visible {
         outline-offset: 1px
     }

    :is(html.dark) .ring-focus-danger:focus-visible {
        outline-color: #bd4a3099
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(html.dark) .ring-focus-danger:focus-visible {
            outline-color: color-mix(in srgb, var(--color-oats-red-400) 60%, transparent)
        }
    }.ring-focus-ring {
         outline-color: var(--color-focus)
     }

    .ring-focus-ring:focus-visible {
        outline: 1.5px solid var(--color-focus);
        outline-offset: 1px
    }

    .ring-focus-ring-inset {
        outline-color: var(--color-focus)
    }

    .ring-focus-ring-inset:focus-visible {
        outline: 1.5px solid var(--color-focus);
        outline-offset: -1.5px
    }

    .ring-focus-ring-inset-within {
        outline-color: var(--color-focus)
    }

    .ring-focus-ring-inset-within:has([data-focus-ring-target]:focus-visible) {
        outline: 1.5px solid var(--color-focus);
        outline-offset: -1.5px
    }

    .outline, .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .outline-\[0\.5px\] {
        outline-style: var(--tw-outline-style);
        outline-width: .5px
    }

    .outline-offset-1 {
        outline-offset: 1px
    }

    .outline-offset-2 {
        outline-offset: 2px
    }

    .outline-black\/20 {
        outline-color: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-black\/20 {
            outline-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
    }.outline-focus {
         outline-color: var(--color-focus)
     }

    .outline-ink-tertiary {
        outline-color: var(--color-ink-tertiary)
    }

    .outline-oats-yellow-300 {
        outline-color: var(--color-oats-yellow-300)
    }

    .outline-transparent {
        outline-color: #0000
    }

    .outline-white\/10 {
        outline-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-white\/10 {
            outline-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.blur {
         --tw-blur: blur(8px);
         filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
     }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .blur-\[2px\] {
        --tw-blur: 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-\[5px\] {
        --tw-blur: blur(5px);
        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-\[6px\] {
        --tw-blur: blur(6px);
        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-\[10px\] {
        --tw-blur: blur(10px);
        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-\[42px\] {
        --tw-blur: blur(42px);
        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-\[100px\] {
        --tw-blur: blur(100px);
        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-none {
        --tw-blur: ;
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .blur-sm {
        --tw-blur: blur(var(--blur-sm));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .blur-xl {
        --tw-blur: blur(var(--blur-xl));
        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\.97\] {
        --tw-brightness: brightness(.97);
        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-\[0_0_12px_rgba\(216\,180\,254\,0\.45\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, #d8b4fe73));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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-\[0_0_24px_rgba\(0\,0\,0\,0\.06\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 24px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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-\[0px_0\.52px_0\.371px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-drop-shadow-size: drop-shadow(0px .52px .371px var(--tw-drop-shadow-color, #00000040));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .drop-shadow-md {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .drop-shadow-xl {
        --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
        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-xs {
        --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .saturate-50 {
        --tw-saturate: saturate(50%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .filter {
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-\[1\.5px\] {
        --tw-backdrop-blur: blur(1.5px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-\[1px\] {
        --tw-backdrop-blur: blur(1px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-\[2px\] {
        --tw-backdrop-blur: blur(2px);
        -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-\[8px\] {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-lg {
        --tw-backdrop-blur: blur(var(--blur-lg));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-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, 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-\[background-color\,color\,scale\] {
        transition-property: background-color, color, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-size\,color\] {
        transition-property: background-size, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-color\] {
        transition-property: border-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-radius\] {
        transition-property: border-radius;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,background-color\,border-color\,outline-color\,box-shadow\] {
        transition-property: color, background-color, border-color, outline-color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,scale\] {
        transition-property: color, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[filter\] {
        transition-property: filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[gap\] {
        transition-property: gap;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-columns\] {
        transition-property: grid-template-columns;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\,opacity\] {
        transition-property: grid-template-rows, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\] {
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\,margin-top\,margin-bottom\] {
        transition-property: height, margin-top, margin-bottom;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\,opacity\,transform\,margin\] {
        transition-property: height, opacity, transform, margin;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\,opacity\] {
        transition-property: height, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\,transform\] {
        transition-property: height, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\,width\,filter\] {
        transition-property: left, width, filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\,width\] {
        transition-property: left, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[margin\,padding\] {
        transition-property: margin, padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[margin\] {
        transition-property: margin;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-width\,margin\,opacity\] {
        transition-property: max-width, margin, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-width\,opacity\,margin-left\] {
        transition-property: max-width, opacity, margin-left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-width\,opacity\] {
        transition-property: max-width, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-width\,width\,opacity\,margin-left\] {
        transition-property: max-width, width, opacity, margin-left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,filter\,transform\] {
        transition-property: opacity, filter, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,filter\,translate\] {
        transition-property: opacity, filter, translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,scale\] {
        transition-property: opacity, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,transform\] {
        transition-property: opacity, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,translate\] {
        transition-property: opacity, translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,visibility\] {
        transition-property: opacity, visibility;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[padding\,box-shadow\] {
        transition-property: padding, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[padding\,margin\] {
        transition-property: padding, margin;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[padding-bottom\] {
        transition-property: padding-bottom;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[padding\] {
        transition-property: padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[scale\] {
        transition-property: scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[top\,height\,opacity\] {
        transition-property: top, height, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,box-shadow\] {
        transition-property: transform, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,opacity\] {
        transition-property: transform, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,scale\,opacity\] {
        transition-property: transform, scale, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,width\] {
        transition-property: transform, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[translate\,opacity\] {
        transition-property: translate, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[translate\] {
        transition-property: translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,height\,border-radius\,border-color\] {
        transition-property: width, height, border-radius, border-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,min-width\,max-width\] {
        transition-property: width, min-width, max-width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,min-width\] {
        transition-property: width, min-width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,opacity\] {
        transition-property: width, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\] {
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[transition-property\:opacity\,left\,translate\] {
        transition-property: opacity, left, translate
    }

    .transition-none {
        transition-property: none
    }

    .\[transition-delay\:0ms\,150ms\,150ms\] {
        transition-delay: 0s, .15s, .15s
    }

    .\[transition-delay\:150ms\,0ms\,0ms\] {
        transition-delay: .15s, 0s, 0s
    }

    .delay-0 {
        transition-delay: 0s
    }

    .delay-75 {
        transition-delay: 75ms
    }

    .delay-100 {
        transition-delay: .1s
    }

    .delay-150 {
        transition-delay: .15s
    }

    .delay-300 {
        transition-delay: .3s
    }

    .duration-\(--join-dur\) {
        --tw-duration: var(--join-dur);
        transition-duration: var(--join-dur)
    }

    .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-250 {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .duration-260 {
        --tw-duration: .26s;
        transition-duration: .26s
    }

    .duration-280 {
        --tw-duration: .28s;
        transition-duration: .28s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-325 {
        --tw-duration: .325s;
        transition-duration: .325s
    }

    .duration-375 {
        --tw-duration: .375s;
        transition-duration: .375s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-600 {
        --tw-duration: .6s;
        transition-duration: .6s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .duration-\[240ms\] {
        --tw-duration: .24s;
        transition-duration: .24s
    }

    .duration-\[400ms\] {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .\[transition-duration\:150ms\] {
        transition-duration: .15s
    }

    .ease-\(--join-ease\) {
        --tw-ease: var(--join-ease);
        transition-timing-function: var(--join-ease)
    }

    .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
        --tw-ease: cubic-bezier(.22, 1, .36, 1);
        transition-timing-function: cubic-bezier(.22, 1, .36, 1)
    }

    .ease-\[cubic-bezier\(0\.25\,1\.1\,0\.5\,1\)\] {
        --tw-ease: cubic-bezier(.25, 1.1, .5, 1);
        transition-timing-function: cubic-bezier(.25, 1.1, .5, 1)
    }

    .ease-\[ease\] {
        --tw-ease: ease;
        transition-timing-function: ease
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .ease-out-expo {
        --tw-ease: var(--ease-out-expo);
        transition-timing-function: var(--ease-out-expo)
    }

    .\[transition-timing-function\:cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
        transition-timing-function: cubic-bezier(.22, 1, .36, 1)
    }

    .will-change-\[height\,transform\] {
        will-change: height, transform
    }

    .will-change-\[height\] {
        will-change: height
    }

    .will-change-\[opacity\,filter\,transform\] {
        will-change: opacity, filter, transform
    }

    .will-change-transform {
        will-change: transform
    }

    .contain-layout {
        --tw-contain-layout: layout;
        contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)
    }

    .contain-paint {
        --tw-contain-paint: paint;
        contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)
    }

    .contain-strict {
        contain: strict
    }

    .prose-neutral {
        --tw-prose-body: #404040;
        --tw-prose-headings: #171717;
        --tw-prose-lead: #525252;
        --tw-prose-links: #171717;
        --tw-prose-bold: #171717;
        --tw-prose-counters: #737373;
        --tw-prose-bullets: #d4d4d4;
        --tw-prose-hr: #e5e5e5;
        --tw-prose-quotes: #171717;
        --tw-prose-quote-borders: #e5e5e5;
        --tw-prose-captions: #737373;
        --tw-prose-kbd: #171717;
        --tw-prose-kbd-shadows: #1717171a;
        --tw-prose-code: #171717;
        --tw-prose-pre-code: #e5e5e5;
        --tw-prose-pre-bg: #262626;
        --tw-prose-th-borders: #d4d4d4;
        --tw-prose-td-borders: #e5e5e5;
        --tw-prose-invert-body: #d4d4d4;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #a1a1a1;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #a1a1a1;
        --tw-prose-invert-bullets: #525252;
        --tw-prose-invert-hr: #404040;
        --tw-prose-invert-quotes: #f5f5f5;
        --tw-prose-invert-quote-borders: #404040;
        --tw-prose-invert-captions: #a1a1a1;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: #ffffff1a;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d4d4d4;
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: #525252;
        --tw-prose-invert-td-borders: #404040
    }

    @supports (color:lab(0% 0 0)) {
        .prose-neutral {
            --tw-prose-body: lab(27.036% 0 0);
            --tw-prose-headings: lab(7.78201% -.0000149012 0);
            --tw-prose-lead: lab(34.924% 0 0);
            --tw-prose-links: lab(7.78201% -.0000149012 0);
            --tw-prose-bold: lab(7.78201% -.0000149012 0);
            --tw-prose-counters: lab(48.496% 0 0);
            --tw-prose-bullets: lab(84.92% 0 -.0000119209);
            --tw-prose-hr: lab(90.952% 0 -.0000119209);
            --tw-prose-quotes: lab(7.78201% -.0000149012 0);
            --tw-prose-quote-borders: lab(90.952% 0 -.0000119209);
            --tw-prose-captions: lab(48.496% 0 0);
            --tw-prose-kbd: lab(7.78201% -.0000149012 0);
            --tw-prose-kbd-shadows: lab(7.78201% -.0000149012 0/.1);
            --tw-prose-code: lab(7.78201% -.0000149012 0);
            --tw-prose-pre-code: lab(90.952% 0 -.0000119209);
            --tw-prose-pre-bg: lab(15.204% 0 -.00000596046);
            --tw-prose-th-borders: lab(84.92% 0 -.0000119209);
            --tw-prose-td-borders: lab(90.952% 0 -.0000119209);
            --tw-prose-invert-body: lab(84.92% 0 -.0000119209);
            --tw-prose-invert-lead: lab(66.128% -.0000298023 .0000119209);
            --tw-prose-invert-counters: lab(66.128% -.0000298023 .0000119209);
            --tw-prose-invert-bullets: lab(34.924% 0 0);
            --tw-prose-invert-hr: lab(27.036% 0 0);
            --tw-prose-invert-quotes: lab(96.52% -.0000298023 .0000119209);
            --tw-prose-invert-quote-borders: lab(27.036% 0 0);
            --tw-prose-invert-captions: lab(66.128% -.0000298023 .0000119209);
            --tw-prose-invert-pre-code: lab(84.92% 0 -.0000119209);
            --tw-prose-invert-th-borders: lab(34.924% 0 0);
            --tw-prose-invert-td-borders: lab(27.036% 0 0)
        }
    }.outline-none {
         --tw-outline-style: none;
         outline-style: none
     }

    .outline-solid {
        --tw-outline-style: solid;
        outline-style: solid
    }

    .select-all {
        -webkit-user-select: all;
        user-select: all
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .select-text {
        -webkit-user-select: text;
        user-select: text
    }

    .\[--attachments-fold\:10rem\] {
        --attachments-fold: 10rem
    }

    .\[--card-radius\:1\.5rem\] {
        --card-radius: 1.5rem
    }

    .\[--card-radius\:1rem\] {
        --card-radius: 1rem
    }

    .\[--card-radius\:2rem\] {
        --card-radius: 2rem
    }

    .\[--color-surface\:var\(--color-background\)\] {
        --color-surface: var(--color-background)
    }

    .\[--gap\:0\.75rem\] {
        --gap: .75rem
    }

    .\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
        --height: var(--toast-frontmost-height, var(--toast-height))
    }

    .\[--join-dur\:280ms\] {
        --join-dur: .28s
    }

    .\[--join-ease\:cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
        --join-ease: cubic-bezier(.22, 1, .36, 1)
    }

    .\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\] {
        --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))
    }

    .\[--peek\:0\.75rem\] {
        --peek: .75rem
    }

    .\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\] {
        --scale: calc(max(0, 1 - (var(--toast-index) * .1)))
    }

    .\[--scroll-fade-color\:rgb\(38_38_38\/0\.45\)\] {
        --scroll-fade-color: #26262673
    }

    .\[--scroll-fade-color\:rgb\(38_38_38\/0\.95\)\] {
        --scroll-fade-color: #262626f2
    }

    .\[--scroll-fade-color\:var\(--color-surface-elevated\)\] {
        --scroll-fade-color: var(--color-surface-elevated)
    }

    .\[--scroll-fade-size\:24px\] {
        --scroll-fade-size: 24px
    }

    .\[--scroll-fade-size\:48px\] {
        --scroll-fade-size: 48px
    }

    .\[--shrink\:calc\(1-var\(--scale\)\)\] {
        --shrink: calc(1 - var(--scale))
    }

    .\[--toolbar-height\:44px\] {
        --toolbar-height: 44px
    }

    .\[--toolbar-inset\:0px\] {
        --toolbar-inset: 0px
    }

    .\[--toolbar-inset\:var\(--toolbar-height\)\] {
        --toolbar-inset: var(--toolbar-height)
    }

    .\[-webkit-mask-image\:linear-gradient\(to_bottom\,\#000_45\%\,transparent\)\] {
        -webkit-mask-image: linear-gradient(#000 45%, #0000)
    }

    .\[-webkit-mask-image\:linear-gradient\(to_bottom\,\#00000080\,transparent_65\%\)\] {
        -webkit-mask-image: linear-gradient(#00000080, #0000 65%)
    }

    .\[anchor-name\:--floating-chat\] {
        anchor-name: --floating-chat
    }

    .\[anchor-name\:--multi-chat-sidebar\] {
        anchor-name: --multi-chat-sidebar
    }

    .\[animation-delay\:100ms\] {
        animation-delay: .1s
    }

    .\[animation-duration\:2s\] {
        animation-duration: 2s
    }

    .\[clip-path\:inset\(-2rem_-2rem_-2rem_0\)\] {
        clip-path: inset(-2rem -2rem -2rem 0)
    }

    .\[clip-path\:inset\(-2rem_-100vmax_0\)\] {
        clip-path: inset(-2rem -100vmax 0)
    }

    .\[container-name\:scroll-container\] {
        container-name: scroll-container
    }

    .\[direction\:ltr\] {
        direction: ltr
    }

    .\[direction\:rtl\] {
        direction: rtl
    }

    .\[font-variant-caps\:small-caps\] {
        font-variant-caps: small-caps
    }

    .\[grid-area\:1\/1\] {
        grid-area: 1/1
    }

    .\[interpolate-size\:allow-keywords\] {
        interpolate-size: allow-keywords
    }

    .\[mask\:radial-gradient\(farthest-side\,transparent_calc\(100\%_-_1\.5px\)\,\#000_calc\(100\%_-_1\.5px\)\)\] {
        -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 1.5px), #000 calc(100% - 1.5px));
        mask: radial-gradient(farthest-side, #0000 calc(100% - 1.5px), #000 calc(100% - 1.5px))
    }

    .\[overflow-anchor\:none\] {
        overflow-anchor: none
    }

    .\[pmb\:0b8f4c3a-1d2e-4f5a-8b6c-7d8e9f0a1b2c\] {
        pmb: 0b8f4c3a-1d2e-4f5a-8b6c-7d8e9f0a1b2c
    }

    .\[scrollbar-color\:\#555_transparent\] {
        scrollbar-color: #555 transparent
    }

    .\[scrollbar-gutter\:stable\] {
        scrollbar-gutter: stable
    }

    .\[scrollbar-width\:auto\] {
        scrollbar-width: auto
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }

    .\[scrollbar-width\:thin\] {
        scrollbar-width: thin
    }

    .\[text-box-trim\:trim-both\] {
        text-box-trim: trim-both
    }

    .\[text-box\:trim-both_cap_alphabetic\] {
        text-box: trim-both cap alphabetic
    }

    .\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.40\)\,0_0_2px_rgba\(0\,0\,0\,0\.15\)\] {
        text-shadow: 0 1px 10px #0006, 0 0 2px #00000026
    }

    .\[transition\:border-radius_0\.25s_ease-out\,background-color_0\.25s_ease-out\,color_0\.25s_ease-out\,box-shadow_0\.25s_ease-out\] {
        transition: border-radius .25s ease-out, background-color .25s ease-out, color .25s ease-out, box-shadow .25s ease-out
    }

    .\[transition\:border-radius_0\.25s_ease-out\] {
        transition: border-radius .25s ease-out
    }

    .\[transition\:gap_0\.25s_ease-out\] {
        transition: gap .25s ease-out
    }

    .\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\] {
        transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s
    }

    .\[transition\:transform_150ms\,scale_150ms\,opacity_150ms\] {
        transition: transform .15s, scale .15s, opacity .15s
    }

    .\[unicode-bidi\:embed\] {
        unicode-bidi: embed
    }

    .\[word-spacing\:-0\.25ch\] {
        word-spacing: -.25ch
    }

    .block-1 {
        block-size: calc(var(--spacing) * 1)
    }

    .block-2 {
        block-size: calc(var(--spacing) * 2)
    }

    .block-3 {
        block-size: calc(var(--spacing) * 3)
    }

    .perspective-\[900px\] {
        perspective: 900px
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .text-box-edge-cap-alphabetic {
        text-box-edge: cap alphabetic
    }

    :is(.\*\:pointer-events-auto>*) {
        pointer-events: auto
    }

    :is(.\*\:pointer-events-none>*) {
        pointer-events: none
    }

    :is(.\*\:size-3>*) {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    :is(.\*\:size-4>*) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    :is(.\*\:size-full>*) {
        width: 100%;
        height: 100%
    }

    :is(.\*\:w-full>*) {
        width: 100%
    }

    :is(.\*\:min-w-0>*) {
        min-width: calc(var(--spacing) * 0)
    }

    :is(.\*\:truncate>*) {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    @supports not (anchor-name:--x) {
        .not-supports-\[anchor-name\:--x\]\:bottom-\[72px\] {
            bottom: 72px
        }

        .not-supports-\[anchor-name\:--x\]\:bottom-\[86px\] {
            bottom: 86px
        }
    }.group-last\/item\:hidden:is(:where(.group\/item):last-child *), .group-last\/recent\:hidden:is(:where(.group\/recent):last-child *), .group-last\/row\:hidden:is(:where(.group\/row):last-child *) {
         display: none
     }

    .group-open\:mb-1:is(:where(.group):is([open],:popover-open,:open) *) {
        margin-bottom: calc(var(--spacing) * 1)
    }

    .group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *) {
        rotate: 90deg
    }

    .group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *) {
        rotate: 180deg
    }

    .group-open\/code\:rotate-90:is(:where(.group\/code):is([open],:popover-open,:open) *), .group-open\/platform\:rotate-90:is(:where(.group\/platform):is([open],:popover-open,:open) *) {
        rotate: 90deg
    }

    .group-open\/review\:rotate-180:is(:where(.group\/review):is([open],:popover-open,:open) *) {
        rotate: 180deg
    }

    .group-focus-within\:hidden:is(:where(.group):focus-within *) {
        display: none
    }

    .group-focus-within\:text-ink-primary:is(:where(.group):focus-within *) {
        color: var(--color-ink-primary)
    }

    .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/add-folder\:text-ink-secondary-strong:is(:where(.group\/add-folder):focus-within *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-focus-within\/folder-pill\:max-w-8:is(:where(.group\/folder-pill):focus-within *) {
        max-width: calc(var(--spacing) * 8)
    }

    .group-focus-within\/folder-pill\:max-w-\[30px\]:is(:where(.group\/folder-pill):focus-within *) {
        max-width: 30px
    }

    .group-focus-within\/folder-pill\:opacity-100:is(:where(.group\/folder-pill):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/header\:text-ink-primary:is(:where(.group\/header):focus-within *) {
        color: var(--color-ink-primary)
    }

    .group-focus-within\/header\:opacity-100:is(:where(.group\/header):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/internal-sharing\:flex:is(:where(.group\/internal-sharing):focus-within *) {
        display: flex
    }

    .group-focus-within\/manage-spaces\:text-ink-secondary-strong:is(:where(.group\/manage-spaces):focus-within *), .group-focus-within\/show-toggle\:text-ink-secondary-strong:is(:where(.group\/show-toggle):focus-within *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-focus-within\/show-toggle\:opacity-100:is(:where(.group\/show-toggle):focus-within *), .group-focus-within\/sidebar\:opacity-100:is(:where(.group\/sidebar):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/sidebar-item\:opacity-0:is(:where(.group\/sidebar-item):focus-within *) {
        opacity: 0
    }

    .group-focus-within\/space-header\:text-ink-primary:is(:where(.group\/space-header):focus-within *) {
        color: var(--color-ink-primary)
    }

    .group-focus-within\/space-header\:opacity-100:is(:where(.group\/space-header):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/style\:bg-fill-accent\/30:is(:where(.group\/style):focus-within *) {
        background-color: var(--color-fill-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus-within\/style\:bg-fill-accent\/30:is(:where(.group\/style):focus-within *) {
            background-color: color-mix(in oklab, var(--color-fill-accent) 30%, transparent)
        }
    }.group-focus-within\/style\:bg-white\/30:is(:where(.group\/style):focus-within *) {
         background-color: #ffffff4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .group-focus-within\/style\:bg-white\/30:is(:where(.group\/style):focus-within *) {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }@media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
        pointer-events: auto
    }

    .group-hover\:invisible:is(:where(.group):hover *) {
        visibility: hidden
    }

    .group-hover\:visible:is(:where(.group):hover *) {
        visibility: visible
    }

    .group-hover\:block:is(:where(.group):hover *) {
        display: block
    }

    .group-hover\:flex:is(:where(.group):hover *) {
        display: flex
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
        display: none
    }

    .group-hover\:inline:is(:where(.group):hover *) {
        display: inline
    }

    .group-hover\:inline-flex:is(:where(.group):hover *) {
        display: inline-flex
    }

    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-3:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-6:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-9:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 9);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-12:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 12);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-y-\[-2px\]:is(:where(.group):hover *) {
        --tw-translate-y: -2px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:scale-100:is(:where(.group):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-105:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .group-hover\:rounded-tl-none:is(:where(.group):hover *) {
        border-top-left-radius: 0
    }

    .group-hover\:border-solid:is(:where(.group):hover *) {
        --tw-border-style: solid;
        border-style: solid
    }

    .group-hover\:border-accent:is(:where(.group):hover *) {
        border-color: var(--color-accent)
    }

    .group-hover\:border-transparent:is(:where(.group):hover *) {
        border-color: #0000
    }

    .group-hover\:bg-fill-accent-highlight-strong:is(:where(.group):hover *) {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .group-hover\:bg-fill-highlight:is(:where(.group):hover *) {
        background-color: var(--color-fill-highlight)
    }

    .group-hover\:bg-fill-soft-opaque-hover:is(:where(.group):hover *) {
        background-color: var(--color-fill-soft-opaque-hover)
    }

    .group-hover\:bg-highlight:is(:where(.group):hover *) {
        background-color: var(--color-highlight)
    }

    .group-hover\:bg-highlight-faint:is(:where(.group):hover *) {
        background-color: var(--color-highlight-faint)
    }

    .group-hover\:bg-highlight-primary:is(:where(.group):hover *) {
        background-color: var(--color-highlight-primary)
    }

    .group-hover\:bg-primary:is(:where(.group):hover *) {
        background-color: var(--color-primary)
    }

    .group-hover\:bg-surface-sunken:is(:where(.group):hover *) {
        background-color: var(--color-surface-sunken)
    }

    .group-hover\:bg-transparent:is(:where(.group):hover *) {
        background-color: #0000
    }

    .group-hover\:text-ink-accent:is(:where(.group):hover *) {
        color: var(--color-ink-accent)
    }

    .group-hover\:text-ink-primary:is(:where(.group):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\:text-ink-secondary:is(:where(.group):hover *) {
        color: var(--color-ink-secondary)
    }

    .group-hover\:text-ink-secondary-strong:is(:where(.group):hover *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-hover\:text-oats-green-300:is(:where(.group):hover *) {
        color: var(--color-oats-green-300)
    }

    .group-hover\:text-secondary:is(:where(.group):hover *) {
        color: var(--color-secondary)
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
        opacity: 0
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1
    }

    .group-hover\:brightness-\[\.75\]:is(:where(.group):hover *) {
        --tw-brightness: brightness(.75);
        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\:transition-none:is(:where(.group):hover *) {
        transition-property: none
    }

    .group-hover\/action-bar\:bg-transparent:is(:where(.group\/action-bar):hover *) {
        background-color: #0000
    }

    .group-hover\/action-chip\:flex:is(:where(.group\/action-chip):hover *) {
        display: flex
    }

    .group-hover\/action-chip\:inline:is(:where(.group\/action-chip):hover *) {
        display: inline
    }

    .group-hover\/action-chip\:inline-flex:is(:where(.group\/action-chip):hover *) {
        display: inline-flex
    }

    .group-hover\/action-chip\:bg-surface:is(:where(.group\/action-chip):hover *) {
        background-color: var(--color-surface)
    }

    .group-hover\/action-chip\:bg-surface-elevated:is(:where(.group\/action-chip):hover *) {
        background-color: var(--color-surface-elevated)
    }

    .group-hover\/action-chip\:px-2:is(:where(.group\/action-chip):hover *) {
        padding-inline: calc(var(--spacing) * 2)
    }

    .group-hover\/action-chip\:text-ink-accent:is(:where(.group\/action-chip):hover *) {
        color: var(--color-ink-accent)
    }

    .group-hover\/action-chip\:ring:is(:where(.group\/action-chip):hover *) {
        --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-hover\/action-chip\:ring-hairline:is(:where(.group\/action-chip):hover *) {
        --tw-ring-color: var(--color-hairline)
    }

    .group-hover\/add-folder\:text-ink-secondary-strong:is(:where(.group\/add-folder):hover *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-hover\/attendee-card\:block:is(:where(.group\/attendee-card):hover *) {
        display: block
    }

    .group-hover\/brief\:opacity-100:is(:where(.group\/brief):hover *) {
        opacity: 1
    }

    .group-hover\/brief\:delay-0:is(:where(.group\/brief):hover *) {
        transition-delay: 0s
    }

    .group-hover\/btn\:opacity-50:is(:where(.group\/btn):hover *) {
        opacity: .5
    }

    .group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *), .group-hover\/bubble\:opacity-100:is(:where(.group\/bubble):hover *) {
        opacity: 1
    }

    .group-hover\/button\:bg-highlight-faint:is(:where(.group\/button):hover *) {
        background-color: var(--color-highlight-faint)
    }

    .group-hover\/capture\:bg-oats-neutral-100\/10:is(:where(.group\/capture):hover *) {
        background-color: #f7f7f21a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\/capture\:bg-oats-neutral-100\/10:is(:where(.group\/capture):hover *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 10%, transparent)
        }
    }.group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *) {
         opacity: 1
     }

    .group-hover\/cell\:flex:is(:where(.group\/cell):hover *) {
        display: flex
    }

    .group-hover\/chat-input\:opacity-100:is(:where(.group\/chat-input):hover *) {
        opacity: 1
    }

    .group-hover\/chip-control\:bg-surface-tint-accent:is(:where(.group\/chip-control):hover *) {
        background-color: var(--color-surface-tint-accent)
    }

    .group-hover\/chip-control\:bg-surface-tint-neutral:is(:where(.group\/chip-control):hover *) {
        background-color: var(--color-surface-tint-neutral)
    }

    .group-hover\/chip-control\:text-ink-secondary:is(:where(.group\/chip-control):hover *) {
        color: var(--color-ink-secondary)
    }

    .group-hover\/close-button\:text-ink-primary-inverse-static:is(:where(.group\/close-button):hover *) {
        color: var(--color-ink-primary-inverse-static)
    }

    .group-hover\/coming-up\:opacity-100:is(:where(.group\/coming-up):hover *), .group-hover\/compact\:opacity-100:is(:where(.group\/compact):hover *), .group-hover\/crm-home-banner\:opacity-100:is(:where(.group\/crm-home-banner):hover *) {
        opacity: 1
    }

    .group-hover\/email\:text-primary:is(:where(.group\/email):hover *) {
        color: var(--color-primary)
    }

    .group-hover\/event\:opacity-100:is(:where(.group\/event):hover *) {
        opacity: 1
    }

    .group-hover\/floating-chat\:opacity-50:is(:where(.group\/floating-chat):hover *) {
        opacity: .5
    }

    .group-hover\/folder\:text-ink-primary:is(:where(.group\/folder):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/folder-pill\:max-w-8:is(:where(.group\/folder-pill):hover *) {
        max-width: calc(var(--spacing) * 8)
    }

    .group-hover\/folder-pill\:max-w-\[30px\]:is(:where(.group\/folder-pill):hover *) {
        max-width: 30px
    }

    .group-hover\/folder-pill\:opacity-100:is(:where(.group\/folder-pill):hover *), .group-hover\/follow-ups\:opacity-100:is(:where(.group\/follow-ups):hover *) {
        opacity: 1
    }

    .group-hover\/gen\:bg-fill-soft-hover:is(:where(.group\/gen):hover *) {
        background-color: var(--color-fill-soft-hover)
    }

    .group-hover\/gen\:opacity-100:is(:where(.group\/gen):hover *) {
        opacity: 1
    }

    .group-hover\/header\:text-ink-primary:is(:where(.group\/header):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/header\:opacity-100:is(:where(.group\/header):hover *) {
        opacity: 1
    }

    .group-hover\/icon\:block:is(:where(.group\/icon):hover *) {
        display: block
    }

    .group-hover\/icon\:hidden:is(:where(.group\/icon):hover *) {
        display: none
    }

    .group-hover\/icon\:text-primary:is(:where(.group\/icon):hover *) {
        color: var(--color-primary)
    }

    .group-hover\/icons\:mr-1:is(:where(.group\/icons):hover *) {
        margin-right: calc(var(--spacing) * 1)
    }

    .group-hover\/icons\:pr-0:is(:where(.group\/icons):hover *) {
        padding-right: calc(var(--spacing) * 0)
    }

    .group-hover\/internal-sharing\:flex:is(:where(.group\/internal-sharing):hover *) {
        display: flex
    }

    .group-hover\/item\:text-ink-primary:is(:where(.group\/item):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/join-flex\:w-full:is(:where(.group\/join-flex):hover *) {
        width: 100%
    }

    .group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *) {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/link\:-translate-y-0\.5:is(:where(.group\/link):hover *) {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/manage-spaces\:text-ink-secondary-strong:is(:where(.group\/manage-spaces):hover *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-hover\/message\:flex:is(:where(.group\/message):hover *) {
        display: flex
    }

    .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
        opacity: 1
    }

    .group-hover\/nested-button\:\!bg-transparent:is(:where(.group\/nested-button):hover *) {
        background-color: #0000 !important
    }

    .group-hover\/nested-button\:bg-fill-accent-highlight-strong:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .group-hover\/nested-button\:bg-fill-accent-hover:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-fill-accent-hover)
    }

    .group-hover\/nested-button\:bg-fill-danger-hover:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-fill-danger-hover)
    }

    .group-hover\/nested-button\:bg-fill-highlight-strong-inverse:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-fill-highlight-strong-inverse)
    }

    .group-hover\/nested-button\:bg-fill-soft-opaque-hover:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-fill-soft-opaque-hover)
    }

    .group-hover\/nested-button\:bg-oats-off-black-a6:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-oats-off-black-a6)
    }

    .group-hover\/nested-button\:bg-oats-off-black-a12:is(:where(.group\/nested-button):hover *) {
        background-color: var(--color-oats-off-black-a12)
    }

    .group-hover\/nested-button\:bg-transparent:is(:where(.group\/nested-button):hover *) {
        background-color: #0000
    }

    .group-hover\/note-item\:pointer-events-auto:is(:where(.group\/note-item):hover *) {
        pointer-events: auto
    }

    .group-hover\/note-item\:flex:is(:where(.group\/note-item):hover *) {
        display: flex
    }

    .group-hover\/note-item\:hidden:is(:where(.group\/note-item):hover *) {
        display: none
    }

    .group-hover\/note-item\:inline:is(:where(.group\/note-item):hover *) {
        display: inline
    }

    .group-hover\/note-item\:inline-flex:is(:where(.group\/note-item):hover *) {
        display: inline-flex
    }

    .group-hover\/note-item\:bg-fill-highlight:is(:where(.group\/note-item):hover *) {
        background-color: var(--color-fill-highlight)
    }

    .group-hover\/note-item\:opacity-0:is(:where(.group\/note-item):hover *) {
        opacity: 0
    }

    .group-hover\/note-item\:opacity-100:is(:where(.group\/note-item):hover *) {
        opacity: 1
    }

    .group-hover\/p\:text-ink-secondary:is(:where(.group\/p):hover *) {
        color: var(--color-ink-secondary)
    }

    .group-hover\/p\:text-secondary:is(:where(.group\/p):hover *) {
        color: var(--color-secondary)
    }

    .group-hover\/p\:text-tertiary:is(:where(.group\/p):hover *) {
        color: var(--color-tertiary)
    }

    .group-hover\/p\:opacity-100:is(:where(.group\/p):hover *), .group-hover\/panel\:opacity-100:is(:where(.group\/panel):hover *) {
        opacity: 1
    }

    .group-hover\/peek\:h-7:is(:where(.group\/peek):hover *) {
        height: calc(var(--spacing) * 7)
    }

    .group-hover\/prepared-trigger\:underline:is(:where(.group\/prepared-trigger):hover *), .group-hover\/preview-card\:underline:is(:where(.group\/preview-card):hover *) {
        text-decoration-line: underline
    }

    .group-hover\/product-announcement-card\:pointer-events-auto:is(:where(.group\/product-announcement-card):hover *) {
        pointer-events: auto
    }

    .group-hover\/product-announcement-card\:translate-x-0\.5:is(:where(.group\/product-announcement-card):hover *) {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/product-announcement-card\:opacity-100:is(:where(.group\/product-announcement-card):hover *) {
        opacity: 1
    }

    .group-hover\/quote\:-translate-x-0\.5:is(:where(.group\/quote):hover *) {
        --tw-translate-x: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/quote\:bg-fill-soft-hover:is(:where(.group\/quote):hover *) {
        background-color: var(--color-fill-soft-hover)
    }

    .group-hover\/quote\:opacity-100:is(:where(.group\/quote):hover *) {
        opacity: 1
    }

    .group-hover\/recent\:text-ink-primary:is(:where(.group\/recent):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/recent\:opacity-100:is(:where(.group\/recent):hover *) {
        opacity: 1
    }

    .group-hover\/recipe\:scale-\[1\.02\]:is(:where(.group\/recipe):hover *) {
        scale: 1.02
    }

    .group-hover\/recipient-row\:opacity-100:is(:where(.group\/recipient-row):hover *), .group-hover\/resizer\:opacity-100:is(:where(.group\/resizer):hover *) {
        opacity: 1
    }

    .group-hover\/row\:text-ink-primary:is(:where(.group\/row):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/search\:bg-fill-highlight:is(:where(.group\/search):hover *) {
        background-color: var(--color-fill-highlight)
    }

    .group-hover\/show-toggle\:text-ink-secondary-strong:is(:where(.group\/show-toggle):hover *) {
        color: var(--color-ink-secondary-strong)
    }

    .group-hover\/show-toggle\:opacity-100:is(:where(.group\/show-toggle):hover *), .group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *) {
        opacity: 1
    }

    .group-hover\/sidebar-item\:pointer-events-auto:is(:where(.group\/sidebar-item):hover *) {
        pointer-events: auto
    }

    .group-hover\/sidebar-item\:flex:is(:where(.group\/sidebar-item):hover *) {
        display: flex
    }

    .group-hover\/sidebar-item\:opacity-0:is(:where(.group\/sidebar-item):hover *) {
        opacity: 0
    }

    .group-hover\/sidebar-item\:opacity-100:is(:where(.group\/sidebar-item):hover *) {
        opacity: 1
    }

    .group-hover\/sidebar-item-main\:pointer-events-auto:is(:where(.group\/sidebar-item-main):hover *) {
        pointer-events: auto
    }

    .group-hover\/sidebar-item-main\:opacity-0:is(:where(.group\/sidebar-item-main):hover *) {
        opacity: 0
    }

    .group-hover\/sidebar-item-main\:opacity-100:is(:where(.group\/sidebar-item-main):hover *) {
        opacity: 1
    }

    .group-hover\/space-header\:text-ink-primary:is(:where(.group\/space-header):hover *) {
        color: var(--color-ink-primary)
    }

    .group-hover\/space-header\:opacity-100:is(:where(.group\/space-header):hover *) {
        opacity: 1
    }

    .group-hover\/style\:bg-fill-accent\/30:is(:where(.group\/style):hover *) {
        background-color: var(--color-fill-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\/style\:bg-fill-accent\/30:is(:where(.group\/style):hover *) {
            background-color: color-mix(in oklab, var(--color-fill-accent) 30%, transparent)
        }
    }.group-hover\/style\:bg-white\/30:is(:where(.group\/style):hover *) {
         background-color: #ffffff4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\/style\:bg-white\/30:is(:where(.group\/style):hover *) {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }.group-hover\/suggestion-control\:bg-fill-accent-highlight-strong:is(:where(.group\/suggestion-control):hover *) {
         background-color: var(--color-fill-accent-highlight-strong)
     }

    .group-hover\/team\:opacity-100:is(:where(.group\/team):hover *) {
        opacity: 1
    }

    .group-hover\/toggle\:bg-fill-highlight:is(:where(.group\/toggle):hover *) {
        background-color: var(--color-fill-highlight)
    }

    .group-hover\/transcript\:bg-oats-neutral-100\/10:is(:where(.group\/transcript):hover *) {
        background-color: #f7f7f21a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\/transcript\:bg-oats-neutral-100\/10:is(:where(.group\/transcript):hover *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 10%, transparent)
        }
    }.group-hover\/unshared\:pointer-events-auto:is(:where(.group\/unshared):hover *) {
         pointer-events: auto
     }

    .group-hover\/unshared\:opacity-100:is(:where(.group\/unshared):hover *) {
        opacity: 1
    }

    .group-hover\/wrapper\:not-data-checked\:bg-fill-highlight:is(:where(.group\/wrapper):hover *):not([data-checked]) {
        background-color: var(--color-fill-highlight)
    }
}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
     opacity: 1
 }

    .group-focus-visible\/btn\:opacity-50:is(:where(.group\/btn):focus-visible *) {
        opacity: .5
    }

    .group-focus-visible\/btn\:opacity-100:is(:where(.group\/btn):focus-visible *), .group-focus-visible\/event\:opacity-100:is(:where(.group\/event):focus-visible *) {
        opacity: 1
    }

    .group-focus-visible\/header-button\:text-ink-primary:is(:where(.group\/header-button):focus-visible *) {
        color: var(--color-ink-primary)
    }

    .group-focus-visible\/header-button\:opacity-100:is(:where(.group\/header-button):focus-visible *) {
        opacity: 1
    }

    .group-focus-visible\/nested-button\:\!bg-transparent:is(:where(.group\/nested-button):focus-visible *) {
        background-color: #0000 !important
    }

    .group-focus-visible\/nested-button\:bg-oats-off-black-a6:is(:where(.group\/nested-button):focus-visible *) {
        background-color: var(--color-oats-off-black-a6)
    }

    .group-focus-visible\/nested-button\:outline-1:is(:where(.group\/nested-button):focus-visible *) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .group-focus-visible\/nested-button\:outline-solid:is(:where(.group\/nested-button):focus-visible *) {
        --tw-outline-style: solid;
        outline-style: solid
    }

    .group-focus-visible\/prepared-trigger\:underline:is(:where(.group\/prepared-trigger):focus-visible *) {
        text-decoration-line: underline
    }

    .group-focus-visible\/quote\:bg-fill-soft-hover:is(:where(.group\/quote):focus-visible *) {
        background-color: var(--color-fill-soft-hover)
    }

    .group-focus-visible\/quote\:opacity-100:is(:where(.group\/quote):focus-visible *), .group-focus-visible\/resizer\:opacity-100:is(:where(.group\/resizer):focus-visible *) {
        opacity: 1
    }

    .group-focus-visible\/suggestion-control\:bg-fill-accent-highlight-strong:is(:where(.group\/suggestion-control):focus-visible *) {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .group-active\/btn\:brightness-75:is(:where(.group\/btn):active *) {
        --tw-brightness: brightness(75%);
        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-active\/icon\:hidden:is(:where(.group\/icon):active *) {
        display: none
    }

    .group-active\/panel\:cursor-grabbing:is(:where(.group\/panel):active *) {
        cursor: grabbing
    }

    @media (hover: hover) {
        .group-enabled\:group-hover\:opacity-100:is(:where(.group):enabled *):is(:where(.group):hover *) {
            opacity: 1
        }

        .group-enabled\:group-hover\:brightness-\[\.50\]:is(:where(.group):enabled *):is(:where(.group):hover *) {
            --tw-brightness: brightness(.5);
            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-has-focus-visible\:opacity-100:is(:where(.group):has(:focus-visible) *), .group-has-focus-visible\/coming-up\:opacity-100:is(:where(.group\/coming-up):has(:focus-visible) *) {
         opacity: 1
     }

    .group-has-focus-visible\/note-item\:flex:is(:where(.group\/note-item):has(:focus-visible) *) {
        display: flex
    }

    .group-has-focus-visible\/note-item\:hidden:is(:where(.group\/note-item):has(:focus-visible) *) {
        display: none
    }

    .group-has-focus-visible\/note-item\:inline:is(:where(.group\/note-item):has(:focus-visible) *) {
        display: inline
    }

    .group-has-focus-visible\/note-item\:inline-flex:is(:where(.group\/note-item):has(:focus-visible) *) {
        display: inline-flex
    }

    .group-has-focus-visible\/note-item\:opacity-0:is(:where(.group\/note-item):has(:focus-visible) *) {
        opacity: 0
    }

    .group-has-focus-visible\/note-item\:opacity-100:is(:where(.group\/note-item):has(:focus-visible) *) {
        opacity: 1
    }

    .group-has-focus-visible\/notes-tab\:block:is(:where(.group\/notes-tab):has(:focus-visible) *) {
        display: block
    }

    .group-has-focus-visible\/sidebar-item-main\:pointer-events-auto:is(:where(.group\/sidebar-item-main):has(:focus-visible) *) {
        pointer-events: auto
    }

    .group-has-focus-visible\/sidebar-item-main\:opacity-0:is(:where(.group\/sidebar-item-main):has(:focus-visible) *) {
        opacity: 0
    }

    .group-has-focus-visible\/sidebar-item-main\:opacity-100:is(:where(.group\/sidebar-item-main):has(:focus-visible) *) {
        opacity: 1
    }

    .group-has-data-menu-exiting\:flex:is(:where(.group):has([data-menu-exiting]) *), .group-has-data-menu-exiting\/sidebar-item\:flex:is(:where(.group\/sidebar-item):has([data-menu-exiting]) *) {
        display: flex
    }

    .group-has-data-menu-exiting\/sidebar-item\:opacity-0:is(:where(.group\/sidebar-item):has([data-menu-exiting]) *) {
        opacity: 0
    }

    .group-has-data-overlay-content\:invisible:is(:where(.group):has([data-overlay-content]) *) {
        visibility: hidden
    }

    .group-has-data-overlay-content\:translate-y-0\.5:is(:where(.group):has([data-overlay-content]) *) {
        --tw-translate-y: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-has-data-overlay-content\:opacity-0:is(:where(.group):has([data-overlay-content]) *) {
        opacity: 0
    }

    :is(.group-has-data-overlay-content\:\*\*\:pointer-events-none\!:is(:where(.group):has([data-overlay-content]) *) *) {
        pointer-events: none !important
    }

    .group-has-data-popup-open\:flex:is(:where(.group):has([data-popup-open]) *) {
        display: flex
    }

    .group-has-data-popup-open\/attendee-preview-list\:not-data-popup-open\:pointer-events-none:is(:where(.group\/attendee-preview-list):has([data-popup-open]) *):not([data-popup-open]) {
        pointer-events: none
    }

    .group-has-data-popup-open\/sidebar-item\:flex:is(:where(.group\/sidebar-item):has([data-popup-open]) *) {
        display: flex
    }

    .group-has-data-popup-open\/sidebar-item\:opacity-0:is(:where(.group\/sidebar-item):has([data-popup-open]) *) {
        opacity: 0
    }

    .group-has-\[\:focus-visible\]\/find\:bg-oats-off-black-a6:is(:where(.group\/find):has(:focus-visible) *) {
        background-color: var(--color-oats-off-black-a6)
    }

    .group-has-\[\[data-related-meetings\]\]\/meeting-scroll\:-mt-\[160px\]:is(:where(.group\/meeting-scroll):has([data-related-meetings]) *) {
        margin-top: -160px
    }

    .group-has-\[\[data-related-meetings\]\]\/meeting-scroll\:hidden:is(:where(.group\/meeting-scroll):has([data-related-meetings]) *) {
        display: none
    }

    .group-has-\[\[data-related-meetings\]\]\/meeting-scroll\:pb-0:is(:where(.group\/meeting-scroll):has([data-related-meetings]) *) {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .group-has-\[\[data-related-meetings\]\]\/meeting-scroll\:pb-\[160px\]:is(:where(.group\/meeting-scroll):has([data-related-meetings]) *) {
        padding-bottom: 160px
    }

    .group-has-\[\[data-transcript-first-turn\]_\[data-transcript-bubble\]\:hover\]\/section\:opacity-0:is(:where(.group\/section):has(:is([data-transcript-first-turn] [data-transcript-bubble]:hover)) *) {
        opacity: 0
    }

    .group-has-\[button\:hover\]\/find\:bg-oats-off-black-a6:is(:where(.group\/find):has(:is(button:hover)) *) {
        background-color: var(--color-oats-off-black-a6)
    }

    .group-has-\[input\[name\=directory-search\]\:not\(\[tabindex\=\'-1\'\]\)\]\/view-tabs\:ml-0:is(:where(.group\/view-tabs):has(:is(input[name=directory-search]:not([tabindex="-1"]))) *) {
        margin-left: calc(var(--spacing) * 0)
    }

    .group-has-\[input\[name\=directory-search\]\:not\(\[tabindex\=\'-1\'\]\)\]\/view-tabs\:max-w-0:is(:where(.group\/view-tabs):has(:is(input[name=directory-search]:not([tabindex="-1"]))) *) {
        max-width: calc(var(--spacing) * 0)
    }

    .group-has-\[input\[name\=directory-search\]\:not\(\[tabindex\=\'-1\'\]\)\]\/view-tabs\:opacity-0:is(:where(.group\/view-tabs):has(:is(input[name=directory-search]:not([tabindex="-1"]))) *) {
        opacity: 0
    }

    .group-data-checked\:bg-fill-accent:is(:where(.group)[data-checked] *) {
        background-color: var(--color-fill-accent)
    }

    .group-data-checked\:ring-0:is(:where(.group)[data-checked] *) {
        --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-data-disabled\:text-ink-tertiary:is(:where(.group)[data-disabled] *) {
        color: var(--color-ink-tertiary)
    }

    .group-data-pill-menu-open\/note-item\:inline:is(:where(.group\/note-item)[data-pill-menu-open] *) {
        display: inline
    }

    .group-data-pill-menu-open\/note-item\:inline-flex:is(:where(.group\/note-item)[data-pill-menu-open] *) {
        display: inline-flex
    }

    .group-data-popup-open\:bg-highlight:is(:where(.group)[data-popup-open] *), .group-data-popup-open\/popover-trigger\:bg-highlight:is(:where(.group\/popover-trigger)[data-popup-open] *) {
        background-color: var(--color-highlight)
    }

    .group-data-\[checked\]\/option\:border-transparent:is(:where(.group\/option)[data-checked] *) {
        border-color: #0000
    }

    .group-data-\[checked\]\/option\:bg-fill-accent:is(:where(.group\/option)[data-checked] *) {
        background-color: var(--color-fill-accent)
    }

    .group-data-\[checked\]\/option\:opacity-100:is(:where(.group\/option)[data-checked] *) {
        opacity: 1
    }

    .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *) {
        opacity: .5
    }

    .group-data-\[panel-open\]\:rotate-90:is(:where(.group)[data-panel-open] *) {
        rotate: 90deg
    }

    .group-data-\[selected\=true\]\/command-item\:bg-highlight:is(:where(.group\/command-item)[data-selected=true] *) {
        background-color: var(--color-highlight)
    }

    .group-data-\[sidebar-animating\=false\]\/toolbar\:transition-none:is(:where(.group\/toolbar)[data-sidebar-animating=false] *) {
        transition-property: none
    }

    .group-data-\[sidebar-animating\=true\]\/toolbar\:transition-transform:is(:where(.group\/toolbar)[data-sidebar-animating=true] *) {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .group-data-\[sidebar-animating\=true\]\/toolbar\:duration-200:is(:where(.group\/toolbar)[data-sidebar-animating=true] *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .group-data-\[sidebar-animating\=true\]\/toolbar\:ease-out:is(:where(.group\/toolbar)[data-sidebar-animating=true] *) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *) {
        display: grid
    }

    .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *) {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .group-\[\&\:not\(\[data-checked\]\)\:not\(\[data-disabled\]\)\:hover\]\/option\:border-ink-secondary:is(:where(.group\/option):not([data-checked]):not([data-disabled]):hover *) {
        border-color: var(--color-ink-secondary)
    }

    .peer-checked\:bg-fill-accent-highlight:is(:where(.peer):checked~*) {
        background-color: var(--color-fill-accent-highlight)
    }

    .peer-checked\:text-ink-accent-strong:is(:where(.peer):checked~*) {
        color: var(--color-ink-accent-strong)
    }

    .peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .peer-focus-visible\:ring-ink-accent-strong:is(:where(.peer):focus-visible~*) {
        --tw-ring-color: var(--color-ink-accent-strong)
    }

    .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*) {
        outline-offset: 2px
    }

    .peer-focus-visible\:outline-ink-primary:is(:where(.peer):focus-visible~*) {
        outline-color: var(--color-ink-primary)
    }

    .marker\:text-gray-400 ::marker {
        color: var(--color-gray-400)
    }

    .marker\:text-gray-400::marker {
        color: var(--color-gray-400)
    }

    .marker\:text-gray-400 ::-webkit-details-marker {
        color: var(--color-gray-400)
    }

    .marker\:text-gray-400::-webkit-details-marker {
        color: var(--color-gray-400)
    }

    .marker\:text-ink-primary ::marker {
        color: var(--color-ink-primary)
    }

    .marker\:text-ink-primary::marker {
        color: var(--color-ink-primary)
    }

    .marker\:text-ink-primary ::-webkit-details-marker {
        color: var(--color-ink-primary)
    }

    .marker\:text-ink-primary::-webkit-details-marker {
        color: var(--color-ink-primary)
    }

    .marker\:text-ink-secondary ::marker {
        color: var(--color-ink-secondary)
    }

    .marker\:text-ink-secondary::marker {
        color: var(--color-ink-secondary)
    }

    .marker\:text-ink-secondary ::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .marker\:text-ink-secondary::-webkit-details-marker {
        color: var(--color-ink-secondary)
    }

    .marker\:text-ink-tertiary ::marker {
        color: var(--color-ink-tertiary)
    }

    .marker\:text-ink-tertiary::marker {
        color: var(--color-ink-tertiary)
    }

    .marker\:text-ink-tertiary ::-webkit-details-marker {
        color: var(--color-ink-tertiary)
    }

    .marker\:text-ink-tertiary::-webkit-details-marker {
        color: var(--color-ink-tertiary)
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:text-ink-primary::file-selector-button {
        color: var(--color-ink-primary)
    }

    .placeholder\:truncate::placeholder {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .placeholder\:font-normal::placeholder {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .placeholder\:tracking-normal::placeholder {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .placeholder\:text-\[\#94948f\]::placeholder {
        color: #94948f
    }

    .placeholder\:text-\[\#acada8\]::placeholder {
        color: #acada8
    }

    .placeholder\:text-ink-primary::placeholder {
        color: var(--color-ink-primary)
    }

    .placeholder\:text-ink-secondary::placeholder {
        color: var(--color-ink-secondary)
    }

    .placeholder\:text-ink-tertiary::placeholder {
        color: var(--color-ink-tertiary)
    }

    .placeholder\:text-tertiary::placeholder {
        color: var(--color-tertiary)
    }

    .placeholder\:text-white\/35::placeholder {
        color: #ffffff59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-white\/35::placeholder {
            color: color-mix(in oklab, var(--color-white) 35%, transparent)
        }
    }.placeholder\:normal-case::placeholder {
         text-transform: none
     }

    .placeholder\:italic::placeholder {
        font-style: italic
    }

    .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-\[3px\]:before {
        content: var(--tw-content);
        inset: 3px
    }

    .before\:-inset-y-8:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * -8)
    }

    .before\:inset-y-0:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0)
    }

    .before\:top-2:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 2)
    }

    .before\:right-0\.5:before {
        content: var(--tw-content);
        right: calc(var(--spacing) * .5)
    }

    .before\:bottom-1\.5:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 1.5)
    }

    .before\:-left-10:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * -10)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

    .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:-z-1:before {
        content: var(--tw-content);
        z-index: calc(1 * -1)
    }

    .before\:-z-10:before {
        content: var(--tw-content);
        z-index: calc(10 * -1)
    }

    .before\:z-15:before {
        content: var(--tw-content);
        z-index: 15
    }

    .before\:mr-1\.5:before {
        content: var(--tw-content);
        margin-right: calc(var(--spacing) * 1.5)
    }

    .before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .before\:h-\(--toolbar-inset\):before {
        content: var(--tw-content);
        height: var(--toolbar-inset)
    }

    .before\:w-0\.5:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * .5)
    }

    .before\:w-\[7\.5px\]:before {
        content: var(--tw-content);
        width: 7.5px
    }

    .before\:flex-none:before {
        content: var(--tw-content);
        flex: none
    }

    .before\:origin-center:before {
        content: var(--tw-content);
        transform-origin: 50%
    }

    .before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .before\:scale-0:before {
        content: var(--tw-content);
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .before\:items-center:before {
        content: var(--tw-content);
        align-items: center
    }

    .before\:justify-center:before {
        content: var(--tw-content);
        justify-content: center
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .before\:bg-fill-accent-hover:before {
        content: var(--tw-content);
        background-color: var(--color-fill-accent-hover)
    }

    .before\:bg-fill-highlight:before {
        content: var(--tw-content);
        background-color: var(--color-fill-highlight)
    }

    .before\:bg-fill-soft:before {
        content: var(--tw-content);
        background-color: var(--color-fill-soft)
    }

    .before\:bg-highlight-secondary:before {
        content: var(--tw-content);
        background-color: var(--color-highlight-secondary)
    }

    .before\:bg-surface:before {
        content: var(--tw-content);
        background-color: var(--color-surface)
    }

    .before\:bg-surface-accent-blue:before {
        content: var(--tw-content);
        background-color: var(--color-surface-accent-blue)
    }

    .before\:bg-surface-sunken:before {
        content: var(--tw-content);
        background-color: var(--color-surface-sunken)
    }

    .before\:mask-y-from-75\%:before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -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: 75%;
        --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: 75%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .before\:mask-r-from-90\%:before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -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-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%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .before\:mask-l-from-75\%:before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -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-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: 75%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .before\:text-\[2\.5em\]:before {
        content: var(--tw-content);
        font-size: 2.5em
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0
    }

    .before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
    }

    .before\:blur-lg:before {
        content: var(--tw-content);
        --tw-blur: blur(var(--blur-lg));
        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,)
    }

    .before\:saturate-200:before {
        content: var(--tw-content);
        --tw-saturate: saturate(200%);
        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,)
    }

    .before\:transition-\[transform\,opacity\]:before {
        content: var(--tw-content);
        transition-property: transform, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:transition-opacity:before {
        content: var(--tw-content);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:delay-150:before {
        content: var(--tw-content);
        transition-delay: .15s
    }

    .before\:duration-\(--join-dur\):before {
        content: var(--tw-content);
        --tw-duration: var(--join-dur);
        transition-duration: var(--join-dur)
    }

    .before\:duration-150:before {
        content: var(--tw-content);
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .before\:ease-\(--join-ease\):before {
        content: var(--tw-content);
        --tw-ease: var(--join-ease);
        transition-timing-function: var(--join-ease)
    }

    .before\:content-\(--emoji\):before {
        --tw-content: var(--emoji);
        content: var(--tw-content)
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:content-\[\'·\'\]:before {
        --tw-content: "·";
        content: var(--tw-content)
    }

    .before\:content-\[attr\(data-index\)\]:before {
        --tw-content: attr(data-index);
        content: var(--tw-content)
    }

    @media (hover: hover) {
        .group-hover\/bubble\:before\:opacity-100:is(:where(.group\/bubble):hover *):before {
            content: var(--tw-content);
            opacity: 1
        }

        .group-hover\/nested-button\:before\:scale-100:is(:where(.group\/nested-button):hover *):before {
            content: var(--tw-content);
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\/nested-button\:before\:opacity-100:is(:where(.group\/nested-button):hover *):before {
            content: var(--tw-content);
            opacity: 1
        }
    }.group-focus-visible\/nested-button\:before\:scale-100:is(:where(.group\/nested-button):focus-visible *):before {
         content: var(--tw-content);
         --tw-scale-x: 100%;
         --tw-scale-y: 100%;
         --tw-scale-z: 100%;
         scale: var(--tw-scale-x) var(--tw-scale-y)
     }

    .group-focus-visible\/nested-button\:before\:opacity-100:is(:where(.group\/nested-button):focus-visible *):before {
        content: var(--tw-content);
        opacity: 1
    }

    .after\:pointer-events-none:after {
        content: var(--tw-content);
        pointer-events: none
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:-inset-2:after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -2)
    }

    .after\:inset-0:after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0)
    }

    .after\:-inset-x-12:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * -12)
    }

    .after\:inset-x-0:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0)
    }

    .after\:-top-12:after {
        content: var(--tw-content);
        top: calc(var(--spacing) * -12)
    }

    .after\:top-full:after {
        content: var(--tw-content);
        top: 100%
    }

    .after\:-bottom-5:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -5)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

    .after\:h-0\.5:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * .5)
    }

    .after\:h-\[calc\(var\(--gap\)\+1px\)\]:after {
        content: var(--tw-content);
        height: calc(var(--gap) + 1px)
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:rounded-\[inherit\]:after {
        content: var(--tw-content);
        border-radius: inherit
    }

    .after\:bg-fill-accent:after {
        content: var(--tw-content);
        background-color: var(--color-fill-accent)
    }

    .after\:bg-linear-to-b:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .after\:bg-linear-to-b:after {
            --tw-gradient-position: to bottom in oklab
        }
    }.after\:bg-linear-to-b:after {
         background-image: linear-gradient(var(--tw-gradient-stops))
     }

    .after\:from-surface:after {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-surface);
        --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\:from-70\%:after {
        content: var(--tw-content);
        --tw-gradient-from-position: 70%
    }

    .after\:to-transparent:after {
        content: var(--tw-content);
        --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))
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:ring-0\.5:after {
        content: var(--tw-content);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--ring-width-0_5) + 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)
    }

    .after\:ring-1:after {
        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)
    }

    .after\:ring-\[0\.5px\]:after {
        content: var(--tw-content);
        --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)
    }

    .after\:ring-hairline:after {
        content: var(--tw-content);
        --tw-ring-color: var(--color-hairline)
    }

    .after\:blur-md:after {
        content: var(--tw-content);
        --tw-blur: blur(var(--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,)
    }

    .after\:transition-opacity:after {
        content: var(--tw-content);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:ring-inset:after {
        content: var(--tw-content);
        --tw-ring-inset: inset
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .first\:ml-0:first-child {
        margin-left: calc(var(--spacing) * 0)
    }

    .first\:ml-4:first-child {
        margin-left: calc(var(--spacing) * 4)
    }

    .first\:rounded-t-\[7px\]:first-child {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }

    .first\:rounded-t-\[20px\]:first-child {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .first\:rounded-t-\[inherit\]:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .first\:rounded-l-full:first-child {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .first\:pt-0:first-child {
        padding-top: calc(var(--spacing) * 0)
    }

    .first\:pr-7:first-child {
        padding-right: calc(var(--spacing) * 7)
    }

    .first\:pl-0:first-child {
        padding-left: calc(var(--spacing) * 0)
    }

    .last\:mt-0:last-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .last\:mb-6:last-child {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .last\:hidden:last-child {
        display: none
    }

    .last\:w-4\/5:last-child {
        width: 80%
    }

    .last\:rounded-r-full:last-child {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .last\:rounded-b-\[7px\]:last-child {
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px
    }

    .last\:rounded-b-\[20px\]:last-child {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .last\:rounded-b-\[inherit\]:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .last\:border-0:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .last\:border-l:last-child {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .last\:pr-0:last-child {
        padding-right: calc(var(--spacing) * 0)
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .last\:pl-7:last-child {
        padding-left: calc(var(--spacing) * 7)
    }

    .first-of-type\:border-t-0:first-of-type {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .read-only\:text-ink-primary:read-only {
        color: var(--color-ink-primary)
    }

    .read-only\:text-ink-secondary:read-only {
        color: var(--color-ink-secondary)
    }

    .empty\:hidden:empty {
        display: none
    }

    .focus-within\:pointer-events-auto:focus-within {
        pointer-events: auto
    }

    .focus-within\:grid-cols-\[max-content_1fr\]:focus-within {
        grid-template-columns:max-content 1fr
    }

    .focus-within\:border-accent:focus-within {
        border-color: var(--color-accent)
    }

    .focus-within\:border-focus:focus-within {
        border-color: var(--color-focus)
    }

    .focus-within\:border-hairline:focus-within {
        border-color: var(--border-color-hairline)
    }

    .focus-within\:bg-highlight-faint:focus-within {
        background-color: var(--color-highlight-faint)
    }

    .focus-within\:bg-highlight-primary:focus-within {
        background-color: var(--color-highlight-primary)
    }

    .focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-0: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)
    }

    .focus-within\:ring-1:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-3:focus-within, .focus-within\:ring-\[3px\]:focus-within {
        --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-within\:ring-background-accent:focus-within {
        --tw-ring-color: var(--color-background-accent)
    }

    .focus-within\:ring-oats-green-400:focus-within {
        --tw-ring-color: var(--color-oats-green-400)
    }

    .focus-within\:ring-oats-green-400\/20:focus-within {
        --tw-ring-color: #788c1533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-within\:ring-oats-green-400\/20:focus-within {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }@media (hover: hover) {
    .hover\:left-\[var\(--event-column-left\)\]:hover {
        left: var(--event-column-left)
    }

    .hover\:z-30:hover {
        z-index: 30
    }

    .hover\:w-\[224px\]:hover {
        width: 224px
    }

    .hover\:w-\[var\(--event-column-width\)\]:hover {
        width: var(--event-column-width)
    }

    .hover\:-translate-y-0\.5:hover {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .hover\:scale-\[101\%\]:hover {
        scale: 101%
    }

    .hover\:animate-\[findingsHoverFrames_2400ms_steps\(1\)_infinite\]:hover {
        animation: 2.4s step-end infinite findingsHoverFrames
    }

    .hover\:grid-cols-\[max-content_1fr\]:hover {
        grid-template-columns:max-content 1fr
    }

    .hover\:border-\[1\.5px\]:hover {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

    .hover\:border-border-strong:hover {
        border-color: var(--color-border-strong)
    }

    .hover\:border-focus:hover {
        border-color: var(--color-focus)
    }

    .hover\:border-ink-primary:hover {
        border-color: var(--color-ink-primary)
    }

    .hover\:border-ink-tertiary:hover, .hover\:border-ink-tertiary\/40:hover {
        border-color: var(--color-ink-tertiary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:border-ink-tertiary\/40:hover {
            border-color: color-mix(in oklab, var(--color-ink-tertiary) 40%, transparent)
        }
    }.hover\:border-purple-200:hover {
         border-color: var(--color-purple-200)
     }

    .hover\:border-purple-300:hover {
        border-color: var(--color-purple-300)
    }

    .hover\:\!bg-highlight-secondary:hover {
        background-color: var(--color-highlight-secondary) !important
    }

    .hover\:bg-\[\#0842a0\]:hover {
        background-color: #0842a0
    }

    .hover\:bg-\[\#148567\]:hover {
        background-color: #148567
    }

    .hover\:bg-\[\#c1cf61\]:hover {
        background-color: #c1cf61
    }

    .hover\:bg-\[rgba\(217\,217\,217\,0\.1\)\]:hover {
        background-color: #d9d9d91a
    }

    .hover\:bg-accent-strong:hover {
        background-color: var(--color-accent-strong)
    }

    .hover\:bg-accent\/90:hover {
        background-color: #5b6f00e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-accent\/90:hover {
            background-color: color-mix(in oklab, var(--color-accent) 90%, transparent)
        }
    }.hover\:bg-background-elevated:hover {
         background-color: var(--color-background-elevated)
     }

    .hover\:bg-background-quarternary:hover {
        background-color: var(--color-background-quarternary)
    }

    .hover\:bg-background-secondary:hover {
        background-color: var(--color-background-secondary)
    }

    .hover\:bg-background-window1:hover {
        background-color: var(--color-background-window1)
    }

    .hover\:bg-black\/5:hover {
        background-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/5:hover {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }.hover\:bg-emerald-400\/20:hover {
         background-color: #00d29433
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-emerald-400\/20:hover {
            background-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent)
        }
    }.hover\:bg-fill-accent-highlight:hover {
         background-color: var(--color-fill-accent-highlight)
     }

    .hover\:bg-fill-accent-highlight-strong:hover {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .hover\:bg-fill-accent-hover:hover {
        background-color: var(--color-fill-accent-hover)
    }

    .hover\:bg-fill-danger-hover:hover {
        background-color: var(--color-fill-danger-hover)
    }

    .hover\:bg-fill-danger\/15:hover {
        background-color: var(--color-fill-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-fill-danger\/15:hover {
            background-color: color-mix(in oklab, var(--color-fill-danger) 15%, transparent)
        }
    }.hover\:bg-fill-disabled:hover {
         background-color: var(--color-fill-disabled)
     }

    .hover\:bg-fill-highlight:hover {
        background-color: var(--color-fill-highlight)
    }

    .hover\:bg-fill-highlight-strong:hover {
        background-color: var(--color-fill-highlight-strong)
    }

    .hover\:bg-fill-highlight\/50:hover {
        background-color: var(--color-fill-highlight)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-fill-highlight\/50:hover {
            background-color: color-mix(in oklab, var(--color-fill-highlight) 50%, transparent)
        }
    }.hover\:bg-fill-primary:hover {
         background-color: var(--color-fill-primary)
     }

    .hover\:bg-fill-primary-hover:hover {
        background-color: var(--color-fill-primary-hover)
    }

    .hover\:bg-fill-primary\/30:hover {
        background-color: var(--color-fill-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-fill-primary\/30:hover {
            background-color: color-mix(in oklab, var(--color-fill-primary) 30%, transparent)
        }
    }.hover\:bg-fill-soft:hover {
         background-color: var(--color-fill-soft)
     }

    .hover\:bg-fill-soft-hover:hover {
        background-color: var(--color-fill-soft-hover)
    }

    .hover\:bg-fill-soft-opaque-hover:hover {
        background-color: var(--color-fill-soft-opaque-hover)
    }

    .hover\:bg-fill-soft\/75:hover {
        background-color: var(--color-fill-soft)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-fill-soft\/75:hover {
            background-color: color-mix(in oklab, var(--color-fill-soft) 75%, transparent)
        }
    }.hover\:bg-fill-warning-hover:hover {
         background-color: var(--color-fill-warning-hover)
     }

    .hover\:bg-highlight:hover {
        background-color: var(--color-highlight)
    }

    .hover\:bg-highlight-faint:hover {
        background-color: var(--color-highlight-faint)
    }

    .hover\:bg-highlight-faint\/50:hover {
        background-color: #625a2208
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-highlight-faint\/50:hover {
            background-color: color-mix(in oklab, var(--color-highlight-faint) 50%, transparent)
        }
    }.hover\:bg-highlight-inverted:hover {
         background-color: var(--color-highlight-inverted)
     }

    .hover\:bg-highlight-inverted-secondary:hover {
        background-color: var(--color-highlight-inverted-secondary)
    }

    .hover\:bg-highlight-primary:hover {
        background-color: var(--color-highlight-primary)
    }

    .hover\:bg-highlight-secondary:hover {
        background-color: var(--color-highlight-secondary)
    }

    .hover\:bg-ink-accent:hover {
        background-color: var(--color-ink-accent)
    }

    .hover\:bg-ink-accent-strong:hover {
        background-color: var(--color-ink-accent-strong)
    }

    .hover\:bg-ink-danger\/10:hover {
        background-color: var(--color-ink-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-ink-danger\/10:hover {
            background-color: color-mix(in oklab, var(--color-ink-danger) 10%, transparent)
        }
    }.hover\:bg-ink-danger\/90:hover {
         background-color: var(--color-ink-danger)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-ink-danger\/90:hover {
            background-color: color-mix(in oklab, var(--color-ink-danger) 90%, transparent)
        }
    }.hover\:bg-ink-primary-inverse\/22:hover {
         background-color: var(--color-ink-primary-inverse)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-ink-primary-inverse\/22:hover {
            background-color: color-mix(in oklab, var(--color-ink-primary-inverse) 22%, transparent)
        }
    }.hover\:bg-ink-primary-inverse\/42:hover {
         background-color: var(--color-ink-primary-inverse)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-ink-primary-inverse\/42:hover {
            background-color: color-mix(in oklab, var(--color-ink-primary-inverse) 42%, transparent)
        }
    }.hover\:bg-ink-primary-static:hover, .hover\:bg-ink-primary-static\/60:hover {
         background-color: var(--color-ink-primary-static)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-ink-primary-static\/60:hover {
            background-color: color-mix(in oklab, var(--color-ink-primary-static) 60%, transparent)
        }
    }.hover\:bg-neutral-200:hover {
         background-color: var(--color-neutral-200)
     }

    .hover\:bg-oats-blue-300\/20:hover {
        background-color: #4691e233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-blue-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-blue-300) 20%, transparent)
        }
    }.hover\:bg-oats-gold-300\/20:hover {
         background-color: #b89f5633
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-gold-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-gold-300) 20%, transparent)
        }
    }.hover\:bg-oats-green-100:hover {
         background-color: var(--color-oats-green-100)
     }

    .hover\:bg-oats-green-100\/70:hover {
        background-color: #e5eacdb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-green-100\/70:hover {
            background-color: color-mix(in oklab, var(--color-oats-green-100) 70%, transparent)
        }
    }.hover\:bg-oats-green-300:hover {
         background-color: var(--color-oats-green-300)
     }

    .hover\:bg-oats-green-400\/20:hover {
        background-color: #788c1533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-green-400\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }.hover\:bg-oats-green-600\/10:hover {
         background-color: #4346251a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-green-600\/10:hover {
            background-color: color-mix(in oklab, var(--color-oats-green-600) 10%, transparent)
        }
    }.hover\:bg-oats-neutral-50:hover {
         background-color: var(--color-oats-neutral-50)
     }

    .hover\:bg-oats-neutral-100:hover {
        background-color: var(--color-oats-neutral-100)
    }

    .hover\:bg-oats-neutral-100\/10:hover {
        background-color: #f7f7f21a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-neutral-100\/10:hover {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 10%, transparent)
        }
    }.hover\:bg-oats-neutral-100\/80:hover {
         background-color: #f7f7f2cc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-neutral-100\/80:hover {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 80%, transparent)
        }
    }.hover\:bg-oats-neutral-200:hover {
         background-color: var(--color-oats-neutral-200)
     }

    .hover\:bg-oats-neutral-200\/80:hover {
        background-color: #eaebe5cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-neutral-200\/80:hover {
            background-color: color-mix(in oklab, var(--color-oats-neutral-200) 80%, transparent)
        }
    }.hover\:bg-oats-neutral-400:hover {
         background-color: var(--color-oats-neutral-400)
     }

    .hover\:bg-oats-neutral-500\/20:hover {
        background-color: #81817933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-neutral-500\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-neutral-500) 20%, transparent)
        }
    }.hover\:bg-oats-neutral-700\/20:hover {
         background-color: #4e4d4b33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-neutral-700\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-neutral-700) 20%, transparent)
        }
    }.hover\:bg-oats-off-black-a6:hover {
         background-color: var(--color-oats-off-black-a6)
     }

    .hover\:bg-oats-off-white-a6:hover {
        background-color: var(--color-oats-off-white-a6)
    }

    .hover\:bg-oats-off-white-a15:hover {
        background-color: var(--color-oats-off-white-a15)
    }

    .hover\:bg-oats-off-white-a20:hover {
        background-color: var(--color-oats-off-white-a20)
    }

    .hover\:bg-oats-purple-300\/20:hover {
        background-color: #a191ce33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-purple-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-purple-300) 20%, transparent)
        }
    }.hover\:bg-oats-red-300\/5:hover {
         background-color: #e95d3d0d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-red-300\/5:hover {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 5%, transparent)
        }
    }.hover\:bg-oats-red-300\/20:hover {
         background-color: #e95d3d33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-red-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 20%, transparent)
        }
    }.hover\:bg-oats-white:hover {
         background-color: var(--color-oats-white)
     }

    .hover\:bg-oats-yellow-200\/30:hover {
        background-color: #febe294d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-yellow-200\/30:hover {
            background-color: color-mix(in oklab, var(--color-oats-yellow-200) 30%, transparent)
        }
    }.hover\:bg-oats-yellow-300\/20:hover {
         background-color: #ed921233
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-oats-yellow-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, transparent)
        }
    }.hover\:bg-purple-500\/10:hover {
         background-color: #ac4bff1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-purple-500\/10:hover {
            background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent)
        }
    }.hover\:bg-purple-900\/30:hover {
         background-color: #59168b4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-purple-900\/30:hover {
            background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent)
        }
    }.hover\:bg-purple-900\/40:hover {
         background-color: #59168b66
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-purple-900\/40:hover {
            background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent)
        }
    }.hover\:bg-purple-950\/20:hover {
         background-color: #3c036633
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-purple-950\/20:hover {
            background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent)
        }
    }.hover\:bg-red-300:hover {
         background-color: var(--color-red-300)
     }

    .hover\:bg-red-500:hover {
        background-color: var(--color-red-500)
    }

    .hover\:bg-red-500\/15:hover {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-red-500\/15:hover {
            background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent)
        }
    }.hover\:bg-red-900\/10:hover {
         background-color: #82181a1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-red-900\/10:hover {
            background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent)
        }
    }.hover\:bg-secondary-strong:hover {
         background-color: var(--color-secondary-strong)
     }

    .hover\:bg-surface:hover {
        background-color: var(--color-surface)
    }

    .hover\:bg-surface-accent-purple:hover {
        background-color: var(--color-surface-accent-purple)
    }

    .hover\:bg-surface-elevated:hover {
        background-color: var(--color-surface-elevated)
    }

    .hover\:bg-surface-sunken:hover {
        background-color: var(--color-surface-sunken)
    }

    .hover\:bg-surface-tint-accent:hover {
        background-color: var(--color-surface-tint-accent)
    }

    .hover\:bg-surface-tint-neutral:hover, .hover\:bg-surface-tint-neutral\/50:hover {
        background-color: var(--color-surface-tint-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-surface-tint-neutral\/50:hover {
            background-color: color-mix(in oklab, var(--color-surface-tint-neutral) 50%, transparent)
        }
    }.hover\:bg-transparent:hover {
         background-color: #0000
     }

    .hover\:bg-white:hover {
        background-color: var(--color-white)
    }

    .hover\:bg-white\/10:hover {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/10:hover {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.hover\:bg-white\/15:hover {
         background-color: #ffffff26
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/15:hover {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }.hover\:bg-white\/20:hover {
         background-color: #fff3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/20:hover {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.hover\:bg-white\/30:hover {
         background-color: #ffffff4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/30:hover {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }.hover\:bg-cover:hover {
         background-size: cover
     }

    .hover\:bg-center:hover {
        background-position: 50%
    }

    .hover\:pr-\[26px\]:hover {
        padding-right: 26px
    }

    .hover\:text-\[\#72726E\]:hover {
        color: #72726e
    }

    .hover\:text-\[\#eeeeea\]:hover {
        color: #eeeeea
    }

    .hover\:text-\[\#fcfcf8\]:hover {
        color: #fcfcf8
    }

    .hover\:text-accent:hover {
        color: var(--color-accent)
    }

    .hover\:text-accent-strong:hover {
        color: var(--color-accent-strong)
    }

    .hover\:text-black:hover {
        color: var(--color-black)
    }

    .hover\:text-gray-300:hover {
        color: var(--color-gray-300)
    }

    .hover\:text-ink-accent:hover {
        color: var(--color-ink-accent)
    }

    .hover\:text-ink-accent-strong:hover {
        color: var(--color-ink-accent-strong)
    }

    .hover\:text-ink-primary:hover {
        color: var(--color-ink-primary)
    }

    .hover\:text-ink-primary-inverse-static:hover {
        color: var(--color-ink-primary-inverse-static)
    }

    .hover\:text-ink-secondary:hover {
        color: var(--color-ink-secondary)
    }

    .hover\:text-ink-secondary-strong:hover {
        color: var(--color-ink-secondary-strong)
    }

    .hover\:text-ink-tertiary:hover {
        color: var(--color-ink-tertiary)
    }

    .hover\:text-oats-green-500\/80:hover {
        color: #5b6f00cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:text-oats-green-500\/80:hover {
            color: color-mix(in oklab, var(--color-oats-green-500) 80%, transparent)
        }
    }.hover\:text-oats-red-300:hover {
         color: var(--color-oats-red-300)
     }

    .hover\:text-primary:hover {
        color: var(--color-primary)
    }

    .hover\:text-red-500:hover {
        color: var(--color-red-500)
    }

    .hover\:text-red-900\/80:hover {
        color: #82181acc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:text-red-900\/80:hover {
            color: color-mix(in oklab, var(--color-red-900) 80%, transparent)
        }
    }.hover\:text-secondary:hover {
         color: var(--color-secondary)
     }

    .hover\:text-secondary-strong:hover {
        color: var(--color-secondary-strong)
    }

    .hover\:text-white:hover {
        color: var(--color-white)
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:underline-offset-4:hover {
        text-underline-offset: 4px
    }

    .hover\:opacity-70:hover {
        opacity: .7
    }

    .hover\:opacity-80:hover {
        opacity: .8
    }

    .hover\:opacity-90:hover {
        opacity: .9
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:shadow-\[0_0_24px_rgba\(168\,85\,247\,0\.24\)\]:hover {
        --tw-shadow: 0 0 24px var(--tw-shadow-color, #a855f73d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.13\)\]:hover {
        --tw-shadow: 0 10px 24px var(--tw-shadow-color, #00000021);
        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:hover {
        --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)
    }

    .hover\:ring-2:hover {
        --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)
    }

    .hover\:ring-\[1\.5px\]:hover {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.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)
    }

    .hover\:ring-hairline:hover {
        --tw-ring-color: var(--color-hairline)
    }

    .hover\:ring-highlight:hover {
        --tw-ring-color: var(--color-highlight)
    }

    .hover\:ring-ink-accent:hover {
        --tw-ring-color: var(--color-ink-accent)
    }

    .hover\:ring-offset-2:hover {
        --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)
    }

    .hover\:ring-offset-background-elevated:hover {
        --tw-ring-offset-color: var(--color-background-elevated)
    }

    .hover\:outline-0:hover {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .hover\:outline-4:hover {
        outline-style: var(--tw-outline-style);
        outline-width: 4px
    }

    .hover\:outline-highlight-faint:hover {
        outline-color: var(--color-highlight-faint)
    }

    .hover\:brightness-105:hover {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .hover\:brightness-110:hover {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .hover\:grayscale-0: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,)
    }

    .hover\:saturate-100:hover {
        --tw-saturate: saturate(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .hover\:transition-none:hover {
        transition-property: none
    }

    .hover\:delay-500:hover {
        transition-delay: .5s
    }

    .hover\:duration-300:hover {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .hover\:ease-\[cubic-bezier\(0\.22\,1\.2\,0\.36\,1\)\]:hover {
        --tw-ease: cubic-bezier(.22, 1.2, .36, 1);
        transition-timing-function: cubic-bezier(.22, 1.2, .36, 1)
    }

    .not-disabled\:hover\:bg-fill-highlight:not(:disabled):hover, .not-aria-\[current\=page\]\:hover\:bg-fill-highlight:not([aria-current=page]):hover, .hover\:not-data-disabled\:not-data-checked\:bg-fill-highlight:hover:not([data-disabled]):not([data-checked]) {
        background-color: var(--color-fill-highlight)
    }

    .hover\:before\:bg-fill-highlight:hover:before {
        content: var(--tw-content);
        background-color: var(--color-fill-highlight)
    }

    .hover\:before\:bg-oats-blue-200\/40:hover:before {
        content: var(--tw-content);
        background-color: #b8d5ff66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hover\:before\:bg-oats-blue-200\/40:hover:before {
            background-color: color-mix(in oklab, var(--color-oats-blue-200) 40%, transparent)
        }
    }.hover\:before\:bg-oats-off-black-a6:hover:before {
         content: var(--tw-content);
         background-color: var(--color-oats-off-black-a6)
     }

    .hover\:before\:opacity-100:hover:before {
        content: var(--tw-content);
        opacity: 1
    }
}.focus\:border-accent:focus {
     border-color: var(--color-accent)
 }

    .focus\:border-hairline:focus {
        border-color: var(--border-color-hairline)
    }

    .focus\:border-ink-accent:focus {
        border-color: var(--color-ink-accent)
    }

    .focus\:border-ink-primary:focus {
        border-color: var(--color-ink-primary)
    }

    .focus\:border-ink-secondary:focus {
        border-color: var(--color-ink-secondary)
    }

    .focus\:border-ink-tertiary:focus {
        border-color: var(--color-ink-tertiary)
    }

    .focus\:border-b-ink-primary:focus {
        border-bottom-color: var(--color-ink-primary)
    }

    .focus\:bg-background:focus {
        background-color: var(--color-background)
    }

    .focus\:bg-highlight:focus {
        background-color: var(--color-highlight)
    }

    .focus\:bg-highlight-inverted:focus {
        background-color: var(--color-highlight-inverted)
    }

    .focus\:bg-highlight-inverted-secondary:focus {
        background-color: var(--color-highlight-inverted-secondary)
    }

    .focus\:bg-ink-danger\/15:focus {
        background-color: var(--color-ink-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-ink-danger\/15:focus {
            background-color: color-mix(in oklab, var(--color-ink-danger) 15%, transparent)
        }
    }.focus\:bg-ink-danger\/90:focus {
         background-color: var(--color-ink-danger)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-ink-danger\/90:focus {
            background-color: color-mix(in oklab, var(--color-ink-danger) 90%, transparent)
        }
    }.focus\:bg-red-600:focus {
         background-color: var(--color-red-600)
     }

    .focus\:bg-red-900\/15:focus {
        background-color: #82181a26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-red-900\/15:focus {
            background-color: color-mix(in oklab, var(--color-red-900) 15%, transparent)
        }
    }.focus\:bg-surface-sunken:focus {
         background-color: var(--color-surface-sunken)
     }

    .focus\:pb-6:focus {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .focus\:text-primary:focus {
        color: var(--color-primary)
    }

    .focus\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.20\)\]:focus {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0003);
        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:focus {
        --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)
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-1:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-\[1\.5px\]:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.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)
    }

    .focus\:ring-\[\#79d65e\]:focus {
        --tw-ring-color: #79d65e
    }

    .focus\:ring-accent:focus {
        --tw-ring-color: var(--color-accent)
    }

    .focus\:ring-accent\/30:focus {
        --tw-ring-color: #5b6f004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-accent\/30:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-accent) 30%, transparent)
        }
    }.focus\:ring-accent\/50:focus {
         --tw-ring-color: #5b6f0080
     }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-accent\/50:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-accent) 50%, transparent)
        }
    }.focus\:ring-border-stronger:focus {
         --tw-ring-color: var(--color-border-stronger)
     }

    .focus\:ring-fill-accent:focus {
        --tw-ring-color: var(--color-fill-accent)
    }

    .focus\:ring-inherit:focus {
        --tw-ring-color: inherit
    }

    .focus\:ring-ink-accent:focus {
        --tw-ring-color: var(--color-ink-accent)
    }

    .focus\:ring-oats-green-400:focus {
        --tw-ring-color: var(--color-oats-green-400)
    }

    .focus\:ring-oats-green-400\/20:focus {
        --tw-ring-color: #788c1533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-oats-green-400\/20:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }.focus\:ring-offset-2:focus {
         --tw-ring-offset-width: 2px;
         --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
     }

    .focus\:ring-offset-background:focus {
        --tw-ring-offset-color: var(--color-background)
    }

    .focus\:outline-0:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .focus\:outline-offset-0:focus {
        outline-offset: 0px
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    @media (hover: hover) {
        .group-hover\:focus\:bg-transparent:is(:where(.group):hover *):focus {
            background-color: #0000
        }
    }.focus\:placeholder\:text-transparent:focus::placeholder {
         color: #0000
     }

    .focus-visible\:pointer-events-auto:focus-visible {
        pointer-events: auto
    }

    .focus-visible\:left-\[var\(--event-column-left\)\]:focus-visible {
        left: var(--event-column-left)
    }

    .focus-visible\:z-30:focus-visible {
        z-index: 30
    }

    .focus-visible\:z-\[1\]:focus-visible {
        z-index: 1
    }

    .focus-visible\:w-\[var\(--event-column-width\)\]:focus-visible {
        width: var(--event-column-width)
    }

    .focus-visible\:rounded:focus-visible {
        border-radius: .25rem
    }

    .focus-visible\:rounded-2xl:focus-visible {
        border-radius: var(--radius-2xl)
    }

    .focus-visible\:rounded-xl:focus-visible {
        border-radius: var(--radius-xl)
    }

    .focus-visible\:rounded-xs:focus-visible {
        border-radius: var(--radius-xs)
    }

    .focus-visible\:border-accent:focus-visible {
        border-color: var(--color-accent)
    }

    .focus-visible\:bg-fill-highlight:focus-visible {
        background-color: var(--color-fill-highlight)
    }

    .focus-visible\:bg-ink-accent-strong:focus-visible {
        background-color: var(--color-ink-accent-strong)
    }

    .focus-visible\:bg-oats-green-100\/70:focus-visible {
        background-color: #e5eacdb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:bg-oats-green-100\/70:focus-visible {
            background-color: color-mix(in oklab, var(--color-oats-green-100) 70%, transparent)
        }
    }.focus-visible\:bg-oats-off-black-a6:focus-visible {
         background-color: var(--color-oats-off-black-a6)
     }

    .focus-visible\:bg-oats-off-white-a15:focus-visible {
        background-color: var(--color-oats-off-white-a15)
    }

    .focus-visible\:bg-surface-tint-neutral:focus-visible {
        background-color: var(--color-surface-tint-neutral)
    }

    .focus-visible\:bg-transparent:focus-visible {
        background-color: #0000
    }

    .focus-visible\:text-ink-secondary-strong:focus-visible {
        color: var(--color-ink-secondary-strong)
    }

    .focus-visible\:opacity-100:focus-visible {
        opacity: 1
    }

    .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-1:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-3:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-background-accent:focus-visible {
        --tw-ring-color: var(--color-background-accent)
    }

    .focus-visible\:ring-fill-primary:focus-visible {
        --tw-ring-color: var(--color-fill-primary)
    }

    .focus-visible\:ring-highlight:focus-visible {
        --tw-ring-color: var(--color-highlight)
    }

    .focus-visible\:ring-ink-primary:focus-visible, .focus-visible\:ring-ink-primary\/15:focus-visible {
        --tw-ring-color: var(--color-ink-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-ink-primary\/15:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-ink-primary) 15%, transparent)
        }
    }.focus-visible\:ring-ink-tertiary:focus-visible {
         --tw-ring-color: var(--color-ink-tertiary)
     }

    .focus-visible\:ring-oats-green-400:focus-visible {
        --tw-ring-color: var(--color-oats-green-400)
    }

    .focus-visible\:ring-white\/40:focus-visible {
        --tw-ring-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/40:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }.focus-visible\:ring-offset-1:focus-visible {
         --tw-ring-offset-width: 1px;
         --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
     }

    .focus-visible\:ring-focus-ring:focus-visible {
        outline-color: var(--color-focus)
    }

    .focus-visible\:ring-focus-ring:focus-visible:focus-visible {
        outline: 1.5px solid var(--color-focus);
        outline-offset: 1px
    }

    .focus-visible\:outline:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:-outline-offset-2:focus-visible {
        outline-offset: calc(2px * -1)
    }

    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
    }

    .focus-visible\:outline-offset-4:focus-visible {
        outline-offset: 4px
    }

    .focus-visible\:outline-ink-accent:focus-visible {
        outline-color: var(--color-ink-accent)
    }

    .focus-visible\:outline-ink-primary:focus-visible {
        outline-color: var(--color-ink-primary)
    }

    .focus-visible\:outline-ink-secondary:focus-visible {
        outline-color: var(--color-ink-secondary)
    }

    .focus-visible\:outline-ink-tertiary:focus-visible {
        outline-color: var(--color-ink-tertiary)
    }

    .focus-visible\:outline-oats-green-500:focus-visible {
        outline-color: var(--color-oats-green-500)
    }

    .focus-visible\:saturate-100:focus-visible {
        --tw-saturate: saturate(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .focus-visible\:duration-300:focus-visible {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .focus-visible\:ease-\[cubic-bezier\(0\.22\,1\.2\,0\.36\,1\)\]:focus-visible {
        --tw-ease: cubic-bezier(.22, 1.2, .36, 1);
        transition-timing-function: cubic-bezier(.22, 1.2, .36, 1)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:before\:bg-fill-highlight:focus-visible:before {
        content: var(--tw-content);
        background-color: var(--color-fill-highlight)
    }

    .focus-visible\:before\:bg-oats-off-black-a6:focus-visible:before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-black-a6)
    }

    .focus-visible\:before\:outline:focus-visible:before, .focus-visible\:before\:outline-1:focus-visible:before {
        content: var(--tw-content);
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:before\:outline-offset-1:focus-visible:before {
        content: var(--tw-content);
        outline-offset: 1px
    }

    .focus-visible\:before\:outline-focus:focus-visible:before {
        content: var(--tw-content);
        outline-color: var(--color-focus)
    }

    .active\:scale-90:active {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .active\:scale-\[0\.96\]:active {
        scale: .96
    }

    .active\:scale-\[0\.99\]:active {
        scale: .99
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    .active\:bg-highlight:active {
        background-color: var(--color-highlight)
    }

    .active\:bg-highlight-secondary:active {
        background-color: var(--color-highlight-secondary)
    }

    .active\:bg-ink-danger\/15:active {
        background-color: var(--color-ink-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-ink-danger\/15:active {
            background-color: color-mix(in oklab, var(--color-ink-danger) 15%, transparent)
        }
    }.active\:bg-ink-danger\/85:active {
         background-color: var(--color-ink-danger)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-ink-danger\/85:active {
            background-color: color-mix(in oklab, var(--color-ink-danger) 85%, transparent)
        }
    }.active\:bg-ink-primary-inverse\/50:active {
         background-color: var(--color-ink-primary-inverse)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-ink-primary-inverse\/50:active {
            background-color: color-mix(in oklab, var(--color-ink-primary-inverse) 50%, transparent)
        }
    }.active\:bg-ink-primary\/35:active {
         background-color: var(--color-ink-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-ink-primary\/35:active {
            background-color: color-mix(in oklab, var(--color-ink-primary) 35%, transparent)
        }
    }.active\:bg-oats-green-300:active {
         background-color: var(--color-oats-green-300)
     }

    .active\:bg-oats-neutral-100\/5:active {
        background-color: #f7f7f20d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-oats-neutral-100\/5:active {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 5%, transparent)
        }
    }.active\:bg-oats-red-300\/10:active {
         background-color: #e95d3d1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-oats-red-300\/10:active {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 10%, transparent)
        }
    }.active\:bg-red-900\/15:active {
         background-color: #82181a26
     }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-red-900\/15:active {
            background-color: color-mix(in oklab, var(--color-red-900) 15%, transparent)
        }
    }.active\:bg-surface-tint-neutral:active {
         background-color: var(--color-surface-tint-neutral)
     }

    .active\:bg-white\/5:active {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/5:active {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }.active\:text-ink-primary:active {
         color: var(--color-ink-primary)
     }

    .active\:text-ink-primary-inverse:active {
        color: var(--color-ink-primary-inverse)
    }

    .active\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.10\)\]:active {
        --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    @media (hover: hover) {
        .group-hover\:active\:bg-transparent:is(:where(.group):hover *):active {
            background-color: #0000
        }

        .enabled\:hover\:bg-fill-soft:enabled:hover {
            background-color: var(--color-fill-soft)
        }

        .enabled\:hover\:bg-highlight:enabled:hover {
            background-color: var(--color-highlight)
        }

        .enabled\:hover\:bg-oats-off-white-a6:enabled:hover {
            background-color: var(--color-oats-off-white-a6)
        }

        .enabled\:hover\:bg-oats-yellow-200\/30:enabled:hover {
            background-color: #febe294d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .enabled\:hover\:bg-oats-yellow-200\/30:enabled:hover {
                background-color: color-mix(in oklab, var(--color-oats-yellow-200) 30%, transparent)
            }
        }.enabled\:hover\:bg-transparent:enabled:hover {
             background-color: #0000
         }

        .enabled\:hover\:text-ink-accent-strong:enabled:hover {
            color: var(--color-ink-accent-strong)
        }

        .enabled\:hover\:text-ink-primary:enabled:hover {
            color: var(--color-ink-primary)
        }

        .enabled\:hover\:text-ink-primary-inverse-static:enabled:hover {
            color: var(--color-ink-primary-inverse-static)
        }

        .enabled\:hover\:text-primary:enabled:hover {
            color: var(--color-primary)
        }

        .enabled\:hover\:underline:enabled:hover {
            text-decoration-line: underline
        }
    }.disabled\:pointer-events-none:disabled {
         pointer-events: none
     }

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:cursor-wait:disabled {
        cursor: wait
    }

    .disabled\:border-ink-accent-strong\/70:disabled {
        border-color: var(--color-ink-accent-strong)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:border-ink-accent-strong\/70:disabled {
            border-color: color-mix(in oklab, var(--color-ink-accent-strong) 70%, transparent)
        }
    }.disabled\:bg-fill-accent:disabled {
         background-color: var(--color-fill-accent)
     }

    .disabled\:bg-fill-accent-highlight:disabled {
        background-color: var(--color-fill-accent-highlight)
    }

    .disabled\:bg-fill-disabled:disabled {
        background-color: var(--color-fill-disabled)
    }

    .disabled\:bg-fill-highlight:disabled {
        background-color: var(--color-fill-highlight)
    }

    .disabled\:bg-fill-highlight-strong:disabled {
        background-color: var(--color-fill-highlight-strong)
    }

    .disabled\:bg-fill-primary:disabled {
        background-color: var(--color-fill-primary)
    }

    .disabled\:bg-highlight-secondary:disabled {
        background-color: var(--color-highlight-secondary)
    }

    .disabled\:bg-surface:disabled {
        background-color: var(--color-surface)
    }

    .disabled\:bg-surface-elevated:disabled {
        background-color: var(--color-surface-elevated)
    }

    .disabled\:bg-surface-sunken:disabled {
        background-color: var(--color-surface-sunken)
    }

    .disabled\:bg-transparent:disabled {
        background-color: #0000
    }

    .disabled\:text-ink-accent-strong\/50:disabled {
        color: var(--color-ink-accent-strong)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-ink-accent-strong\/50:disabled {
            color: color-mix(in oklab, var(--color-ink-accent-strong) 50%, transparent)
        }
    }.disabled\:text-ink-accent-strong\/70:disabled {
         color: var(--color-ink-accent-strong)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-ink-accent-strong\/70:disabled {
            color: color-mix(in oklab, var(--color-ink-accent-strong) 70%, transparent)
        }
    }.disabled\:text-ink-primary-inverse:disabled {
         color: var(--color-ink-primary-inverse)
     }

    .disabled\:text-ink-primary-inverse-static:disabled {
        color: var(--color-ink-primary-inverse-static)
    }

    .disabled\:text-ink-primary-inverse\/50:disabled {
        color: var(--color-ink-primary-inverse)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-ink-primary-inverse\/50:disabled {
            color: color-mix(in oklab, var(--color-ink-primary-inverse) 50%, transparent)
        }
    }.disabled\:text-ink-secondary:disabled {
         color: var(--color-ink-secondary)
     }

    .disabled\:text-ink-secondary-static:disabled {
        color: var(--color-ink-secondary-static)
    }

    .disabled\:text-ink-tertiary:disabled {
        color: var(--color-ink-tertiary)
    }

    .disabled\:text-ink-tertiary-static:disabled {
        color: var(--color-ink-tertiary-static)
    }

    .disabled\:no-underline:disabled {
        text-decoration-line: none
    }

    .disabled\:opacity-25:disabled {
        opacity: .25
    }

    .disabled\:opacity-30:disabled {
        opacity: .3
    }

    .disabled\:opacity-35:disabled {
        opacity: .35
    }

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

    .disabled\:opacity-65:disabled {
        opacity: .65
    }

    .disabled\:opacity-70:disabled {
        opacity: .7
    }

    .disabled\:opacity-100:disabled {
        opacity: 1
    }

    .disabled\:ring-ink-accent-strong\/70:disabled {
        --tw-ring-color: var(--color-ink-accent-strong)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:ring-ink-accent-strong\/70:disabled {
            --tw-ring-color: color-mix(in oklab, var(--color-ink-accent-strong) 70%, transparent)
        }
    }@media (hover: hover) {
    .disabled\:hover\:bg-fill-accent:disabled:hover {
        background-color: var(--color-fill-accent)
    }

    .disabled\:hover\:bg-fill-soft:disabled:hover {
        background-color: var(--color-fill-soft)
    }

    .disabled\:hover\:bg-fill-soft-opaque:disabled:hover {
        background-color: var(--color-fill-soft-opaque)
    }

    .disabled\:hover\:bg-surface:disabled:hover {
        background-color: var(--color-surface)
    }

    .disabled\:hover\:bg-transparent:disabled:hover {
        background-color: #0000
    }

    .disabled\:hover\:text-ink-secondary:disabled:hover {
        color: var(--color-ink-secondary)
    }

    .disabled\:hover\:text-ink-tertiary:disabled:hover {
        color: var(--color-ink-tertiary)
    }

    .disabled\:hover\:opacity-100:disabled:hover {
        opacity: 1
    }

    .disabled\:hover\:before\:bg-transparent:disabled:hover:before {
        content: var(--tw-content);
        background-color: #0000
    }
}.disabled\:focus-visible\:before\:bg-transparent:disabled:focus-visible:before {
     content: var(--tw-content);
     background-color: #0000
 }

    .disabled\:active\:scale-100:disabled:active {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    :where([data-panel-open]) .in-data-panel-open\:rotate-90 {
        rotate: 90deg
    }

    :where([data-popup-open]) .in-data-popup-open\:-rotate-180 {
        rotate: -180deg
    }

    :where([data-resize-hover]) .in-data-resize-hover\:opacity-100 {
        opacity: 1
    }

    :where([data-resize-hover]) .in-data-resize-hover\:before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
    }

    :where([data-toolbar-fade-content]) .in-data-toolbar-fade-content\:absolute {
        position: absolute
    }

    :where([data-toolbar-fade-content]) .in-data-toolbar-fade-content\:inset-x-0 {
        inset-inline: calc(var(--spacing) * 0)
    }

    :where([data-toolbar-fade-content]) .in-data-toolbar-fade-content\:top-0 {
        top: calc(var(--spacing) * 0)
    }

    :where([data-toolbar-fade-content]) .in-data-toolbar-fade-content\:hidden {
        display: none
    }

    :where([data-toolbar-fade-content]) .in-data-toolbar-fade-content\:bg-transparent {
        background-color: #0000
    }

    :where(.bg-background-elevated) .in-\[\.bg-background-elevated\]\:from-background-elevated {
        --tw-gradient-from: var(--color-background-elevated);
        --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))
    }

    :where(.bg-surface) .in-\[\.bg-surface\]\:from-surface {
        --tw-gradient-from: var(--color-surface);
        --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))
    }

    :where(.bg-surface-elevated) .in-\[\.bg-surface-elevated\]\:from-surface-elevated {
        --tw-gradient-from: var(--color-surface-elevated);
        --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))
    }

    :where(.bg-surface-sunken) .in-\[\.bg-surface-sunken\]\:from-surface-sunken {
        --tw-gradient-from: var(--color-surface-sunken);
        --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))
    }

    :where(.bg-white) .in-\[\.bg-white\]\:from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .has-focus-visible\:bg-fill-accent-highlight:has(:focus-visible) {
        background-color: var(--color-fill-accent-highlight)
    }

    .has-focus-visible\:bg-fill-highlight:has(:focus-visible) {
        background-color: var(--color-fill-highlight)
    }

    .has-focus-visible\:bg-highlight-faint:has(:focus-visible) {
        background-color: var(--color-highlight-faint)
    }

    .has-focus-visible\:bg-transparent:has(:focus-visible) {
        background-color: #0000
    }

    .has-focus-visible\:before\:opacity-100:has(:focus-visible):before {
        content: var(--tw-content);
        opacity: 1
    }

    .has-aria-\[current\=page\]\:bg-fill-highlight:has([aria-current=page]) {
        background-color: var(--color-fill-highlight)
    }

    .has-data-popup-open\:bg-fill-accent-highlight:has([data-popup-open]) {
        background-color: var(--color-fill-accent-highlight)
    }

    .has-data-popup-open\:bg-transparent:has([data-popup-open]) {
        background-color: #0000
    }

    .has-data-under-toolbar\:pt-0:has([data-under-toolbar]) {
        padding-top: calc(var(--spacing) * 0)
    }

    .has-\[\.oats-avatar\]\:pl-0\.5:has(.oats-avatar) {
        padding-left: calc(var(--spacing) * .5)
    }

    .has-\[\:focus-visible\]\:ring-1:has(:focus-visible) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.has-\[\:focus-visible\]\:outline:has(:focus-visible),.has-\[\:focus-visible\]\:outline-1:has(:focus-visible)) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .has-\[\:focus-visible\]\:before\:bg-oats-off-black-a6:has(:focus-visible):before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-black-a6)
    }

    .has-\[\[data-focus-ring-target\]\:focus-visible\]\:bg-fill-highlight:has([data-focus-ring-target]:focus-visible) {
        background-color: var(--color-fill-highlight)
    }

    .has-\[\[data-slot\=attendee-chip-remove\]\]\:pr-0\.5:has([data-slot=attendee-chip-remove]) {
        padding-right: calc(var(--spacing) * .5)
    }

    .has-\[\[data-slot\=pill-banner-icon\]\]\:pl-3:has([data-slot=pill-banner-icon]) {
        padding-left: calc(var(--spacing) * 3)
    }

    .has-\[\[data-slot\=settings-row-description\]\]\:items-center:has([data-slot=settings-row-description]) {
        align-items: center
    }

    .has-\[\[data-slot\=settings-row-description\]\]\:items-start:has([data-slot=settings-row-description]) {
        align-items: flex-start
    }

    :is(.has-\[\[data-space-menu\]\[data-menu-exiting\]\]\:bg-fill-highlight:has([data-space-menu][data-menu-exiting]),.has-\[\[data-space-menu\]\[data-popup-open\]\]\:bg-fill-highlight:has([data-space-menu][data-popup-open])) {
        background-color: var(--color-fill-highlight)
    }

    .has-\[input\:focus\]\:after\:opacity-100:has(:is(input:focus)):after {
        content: var(--tw-content);
        opacity: 1
    }

    .has-\[\>\*\]\:mt-4:has(>*) {
        margin-top: calc(var(--spacing) * 4)
    }

    :is(.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]),.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group])) {
        gap: calc(var(--spacing) * 3)
    }

    .has-\[\>svg\]\:pl-1:has(>svg) {
        padding-left: calc(var(--spacing) * 1)
    }

    .has-\[\>svg\]\:pl-1\.5:has(>svg) {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .has-\[\>svg\]\:pl-2:has(>svg) {
        padding-left: calc(var(--spacing) * 2)
    }

    .has-\[\>svg\]\:pl-\[9px\]:has(>svg) {
        padding-left: 9px
    }

    .aria-disabled\:opacity-50[aria-disabled=true] {
        opacity: .5
    }

    .aria-pressed\:bg-fill-accent-highlight[aria-pressed=true] {
        background-color: var(--color-fill-accent-highlight)
    }

    .aria-pressed\:bg-fill-highlight[aria-pressed=true] {
        background-color: var(--color-fill-highlight)
    }

    .aria-pressed\:text-ink-accent-strong[aria-pressed=true] {
        color: var(--color-ink-accent-strong)
    }

    .aria-pressed\:text-ink-primary[aria-pressed=true] {
        color: var(--color-ink-primary)
    }

    .aria-selected\:bg-fill-primary[aria-selected=true] {
        background-color: var(--color-fill-primary)
    }

    .aria-selected\:text-ink-primary-inverse[aria-selected=true] {
        color: var(--color-ink-primary-inverse)
    }

    .aria-\[current\=page\]\:bg-fill-highlight[aria-current=page], .data-active\:bg-fill-highlight[data-active] {
        background-color: var(--color-fill-highlight)
    }

    .data-active\:bg-highlight[data-active] {
        background-color: var(--color-highlight)
    }

    .data-active\:before\:flex[data-active]:before {
        content: var(--tw-content);
        display: flex
    }

    .data-active\:before\:opacity-50[data-active]:before {
        content: var(--tw-content);
        opacity: .5
    }

    @media (hover: hover) {
        .data-active\:hover\:text-ink-primary[data-active]:hover {
            color: var(--color-ink-primary)
        }
    }.data-behind\:pointer-events-none[data-behind] {
         pointer-events: none
     }

    .data-behind\:opacity-0[data-behind] {
        opacity: 0
    }

    .data-checked\:bg-fill-highlight[data-checked] {
        background-color: var(--color-fill-highlight)
    }

    @media (hover: hover) {
        .data-checked\:hover\:bg-fill-highlight[data-checked]:hover {
            background-color: var(--color-fill-highlight)
        }
    }.data-closed\:scale-100[data-closed] {
         --tw-scale-x: 100%;
         --tw-scale-y: 100%;
         --tw-scale-z: 100%;
         scale: var(--tw-scale-x) var(--tw-scale-y)
     }

    .data-closed\:opacity-0[data-closed] {
        opacity: 0
    }

    .data-closed\:duration-0[data-closed] {
        --tw-duration: 0s;
        transition-duration: 0s
    }

    .data-disabled\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-disabled\:cursor-not-allowed[data-disabled] {
        cursor: not-allowed
    }

    .data-disabled\:text-ink-tertiary[data-disabled] {
        color: var(--color-ink-tertiary)
    }

    .data-disabled\:opacity-30[data-disabled] {
        opacity: .3
    }

    .data-disabled\:opacity-40[data-disabled] {
        opacity: .4
    }

    .data-disabled\:opacity-100[data-disabled] {
        opacity: 1
    }

    @media (hover: hover) {
        .data-disabled\:hover\:bg-transparent[data-disabled]:hover {
            background-color: #0000
        }
    }.data-disabled\:data-checked\:bg-fill-highlight[data-disabled][data-checked], .data-drop-target\:bg-fill-highlight[data-drop-target] {
         background-color: var(--color-fill-highlight)
     }

    .data-ending-style\:mt-0[data-ending-style] {
        margin-top: calc(var(--spacing) * 0)
    }

    .data-ending-style\:h-0[data-ending-style] {
        height: calc(var(--spacing) * 0)
    }

    .data-ending-style\:-translate-y-0\.5[data-ending-style] {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-ending-style\:translate-y-6[data-ending-style] {
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-ending-style\:scale-90[data-ending-style] {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-ending-style\:scale-95[data-ending-style] {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-ending-style\:scale-100[data-ending-style] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-ending-style\:scale-\[0\.98\][data-ending-style] {
        scale: .98
    }

    .data-ending-style\:opacity-0[data-ending-style] {
        opacity: 0
    }

    .data-ending-style\:duration-150[data-ending-style] {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .data-expanded\:pointer-events-auto[data-expanded] {
        pointer-events: auto
    }

    .data-expanded\:h-\(--toast-height\)[data-expanded] {
        height: var(--toast-height)
    }

    .data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--offset-y\)\)\][data-expanded] {
        transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y))
    }

    .data-expanded\:opacity-100[data-expanded] {
        opacity: 1
    }

    .data-highlighted\:bg-fill-highlight[data-highlighted] {
        background-color: var(--color-fill-highlight)
    }

    .data-highlighted\:bg-surface[data-highlighted] {
        background-color: var(--color-surface)
    }

    .data-highlighted\:bg-transparent[data-highlighted] {
        background-color: #0000
    }

    .data-limited\:opacity-0[data-limited] {
        opacity: 0
    }

    .data-menu-exiting\:pointer-events-auto[data-menu-exiting] {
        pointer-events: auto
    }

    .data-menu-exiting\:opacity-100[data-menu-exiting] {
        opacity: 1
    }

    .data-open\:translate-y-\[calc\(-50\%-200px\)\][data-open] {
        --tw-translate-y: calc(-50% - 200px);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-open\:scale-30[data-open] {
        --tw-scale-x: 30%;
        --tw-scale-y: 30%;
        --tw-scale-z: 30%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-open\:scale-100[data-open] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-open\:bg-surface-tint-accent\/50[data-open] {
        background-color: var(--color-surface-tint-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-open\:bg-surface-tint-accent\/50[data-open] {
            background-color: color-mix(in oklab, var(--color-surface-tint-accent) 50%, transparent)
        }
    }.data-open\:bg-surface-tint-neutral\/50[data-open] {
         background-color: var(--color-surface-tint-neutral)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .data-open\:bg-surface-tint-neutral\/50[data-open] {
            background-color: color-mix(in oklab, var(--color-surface-tint-neutral) 50%, transparent)
        }
    }.data-open\:opacity-0[data-open] {
         opacity: 0
     }

    .data-open\:opacity-100[data-open] {
        opacity: 1
    }

    @media (hover: hover) {
        .data-open\:hover\:bg-surface-tint-accent\/50[data-open]:hover {
            background-color: var(--color-surface-tint-accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .data-open\:hover\:bg-surface-tint-accent\/50[data-open]:hover {
                background-color: color-mix(in oklab, var(--color-surface-tint-accent) 50%, transparent)
            }
        }.data-open\:hover\:bg-surface-tint-neutral\/50[data-open]:hover {
             background-color: var(--color-surface-tint-neutral)
         }

        @supports (color:color-mix(in lab, red, red)) {
            .data-open\:hover\:bg-surface-tint-neutral\/50[data-open]:hover {
                background-color: color-mix(in oklab, var(--color-surface-tint-neutral) 50%, transparent)
            }
        }
    }.data-popup-open\:pointer-events-auto[data-popup-open] {
         pointer-events: auto
     }

    .data-popup-open\:inline-flex[data-popup-open] {
        display: inline-flex
    }

    .data-popup-open\:bg-\[\#0842a0\][data-popup-open] {
        background-color: #0842a0
    }

    .data-popup-open\:bg-\[\#148567\][data-popup-open] {
        background-color: #148567
    }

    .data-popup-open\:bg-fill-accent-highlight[data-popup-open] {
        background-color: var(--color-fill-accent-highlight)
    }

    .data-popup-open\:bg-fill-accent-highlight-strong[data-popup-open] {
        background-color: var(--color-fill-accent-highlight-strong)
    }

    .data-popup-open\:bg-fill-accent-hover[data-popup-open] {
        background-color: var(--color-fill-accent-hover)
    }

    .data-popup-open\:bg-fill-danger-hover[data-popup-open] {
        background-color: var(--color-fill-danger-hover)
    }

    .data-popup-open\:bg-fill-highlight[data-popup-open] {
        background-color: var(--color-fill-highlight)
    }

    .data-popup-open\:bg-fill-primary-hover[data-popup-open] {
        background-color: var(--color-fill-primary-hover)
    }

    .data-popup-open\:bg-fill-soft[data-popup-open] {
        background-color: var(--color-fill-soft)
    }

    .data-popup-open\:bg-fill-soft-hover[data-popup-open] {
        background-color: var(--color-fill-soft-hover)
    }

    .data-popup-open\:bg-fill-soft-opaque-hover[data-popup-open] {
        background-color: var(--color-fill-soft-opaque-hover)
    }

    .data-popup-open\:bg-highlight[data-popup-open] {
        background-color: var(--color-highlight)
    }

    .data-popup-open\:bg-highlight-faint[data-popup-open] {
        background-color: var(--color-highlight-faint)
    }

    .data-popup-open\:bg-oats-off-black-a6[data-popup-open] {
        background-color: var(--color-oats-off-black-a6)
    }

    .data-popup-open\:bg-surface-elevated[data-popup-open] {
        background-color: var(--color-surface-elevated)
    }

    .data-popup-open\:bg-surface-sunken[data-popup-open] {
        background-color: var(--color-surface-sunken)
    }

    .data-popup-open\:bg-transparent[data-popup-open] {
        background-color: #0000
    }

    .data-popup-open\:text-ink-primary[data-popup-open] {
        color: var(--color-ink-primary)
    }

    .data-popup-open\:text-ink-secondary-strong[data-popup-open] {
        color: var(--color-ink-secondary-strong)
    }

    .data-popup-open\:opacity-100[data-popup-open] {
        opacity: 1
    }

    .data-popup-open\:before\:bg-oats-off-black-a6[data-popup-open]:before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-black-a6)
    }

    @media (hover: hover) {
        .data-readonly\:hover\:bg-transparent[data-readonly]:hover {
            background-color: #0000
        }
    }.data-readonly\:data-checked\:bg-fill-highlight[data-readonly][data-checked] {
         background-color: var(--color-fill-highlight)
     }

    .data-starting-style\:mt-0[data-starting-style] {
        margin-top: calc(var(--spacing) * 0)
    }

    .data-starting-style\:h-0[data-starting-style] {
        height: calc(var(--spacing) * 0)
    }

    .data-starting-style\:-translate-y-0\.5[data-starting-style] {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-starting-style\:translate-y-6[data-starting-style] {
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-starting-style\:scale-90[data-starting-style] {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-starting-style\:scale-95[data-starting-style] {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-starting-style\:scale-100[data-starting-style] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-starting-style\:scale-\[0\.98\][data-starting-style] {
        scale: .98
    }

    .data-starting-style\:transform-\[translateY\(150\%\)\][data-starting-style] {
        transform: translateY(150%)
    }

    .data-starting-style\:opacity-0[data-starting-style] {
        opacity: 0
    }

    .data-starting-style\:opacity-100[data-starting-style] {
        opacity: 1
    }

    .data-\[active\]\:bg-fill-highlight[data-active] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[active\]\:bg-fill-soft-opaque[data-active] {
        background-color: var(--color-fill-soft-opaque)
    }

    .data-\[active\]\:bg-oats-off-black-a6[data-active] {
        background-color: var(--color-oats-off-black-a6)
    }

    .data-\[active\]\:bg-surface-tint-neutral[data-active] {
        background-color: var(--color-surface-tint-neutral)
    }

    .data-\[active\]\:text-ink-primary[data-active] {
        color: var(--color-ink-primary)
    }

    .data-\[active\]\:text-ink-secondary-strong[data-active] {
        color: var(--color-ink-secondary-strong)
    }

    .data-\[active\]\:before\:block[data-active]:before {
        content: var(--tw-content);
        display: block
    }

    .data-\[checked\]\:translate-x-\[12px\][data-checked] {
        --tw-translate-x: 12px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[checked\]\:translate-x-\[14px\][data-checked] {
        --tw-translate-x: 14px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[checked\]\:border-transparent[data-checked] {
        border-color: #0000
    }

    .data-\[checked\]\:bg-fill-accent[data-checked] {
        background-color: var(--color-fill-accent)
    }

    .data-\[checked\]\:bg-fill-highlight[data-checked] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[checked\]\:bg-fill-primary[data-checked] {
        background-color: var(--color-fill-primary)
    }

    .data-\[checked\]\:bg-\[linear-gradient\(var\(--color-fill-highlight\)\,var\(--color-fill-highlight\)\)\][data-checked] {
        background-image: linear-gradient(var(--color-fill-highlight), var(--color-fill-highlight))
    }

    .data-\[checked\]\:ring-\[1\.5px\][data-checked] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.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)
    }

    .data-\[checked\]\:ring-focus[data-checked] {
        --tw-ring-color: var(--color-focus)
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
        cursor: not-allowed
    }

    .data-\[disabled\]\:bg-surface-sunken[data-disabled] {
        background-color: var(--color-surface-sunken)
    }

    .data-\[disabled\]\:text-ink-tertiary[data-disabled] {
        color: var(--color-ink-tertiary)
    }

    .data-\[disabled\]\:opacity-40[data-disabled] {
        opacity: .4
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[disabled\]\:data-\[checked\]\:border-hairline[data-disabled][data-checked] {
        border-color: var(--border-color-hairline)
    }

    .data-\[disabled\]\:data-\[checked\]\:bg-fill-highlight[data-disabled][data-checked] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[empty\]\:grid-rows-\[0fr\][data-empty] {
        grid-template-rows:0fr
    }

    .data-\[empty\]\:opacity-0[data-empty] {
        opacity: 0
    }

    .data-\[ending-style\]\:scale-95[data-ending-style] {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-\[ending-style\]\:scale-100[data-ending-style] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-\[ending-style\]\:scale-\[0\.98\][data-ending-style] {
        scale: .98
    }

    .data-\[ending-style\]\:opacity-0[data-ending-style] {
        opacity: 0
    }

    .data-\[ending-style\]\:opacity-100[data-ending-style] {
        opacity: 1
    }

    .data-\[focused\]\:ring-0[data-focused] {
        --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)
    }

    .data-\[focused\]\:ring-1[data-focused] {
        --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)
    }

    .data-\[hidden\=true\]\:pointer-events-none[data-hidden=true] {
        pointer-events: none
    }

    .data-\[highlighted\]\:bg-highlight[data-highlighted] {
        background-color: var(--color-highlight)
    }

    .data-\[highlighted\]\:bg-oats-off-black-a6[data-highlighted] {
        background-color: var(--color-oats-off-black-a6)
    }

    .data-\[highlighted\]\:bg-oats-red-50[data-highlighted] {
        background-color: var(--color-oats-red-50)
    }

    .data-\[checked\]\:data-\[highlighted\]\:bg-fill-highlight[data-checked][data-highlighted] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[indeterminate\]\:border-transparent[data-indeterminate] {
        border-color: #0000
    }

    .data-\[indeterminate\]\:bg-fill-accent[data-indeterminate] {
        background-color: var(--color-fill-accent)
    }

    .data-\[indeterminate\]\:bg-fill-primary[data-indeterminate] {
        background-color: var(--color-fill-primary)
    }

    .data-\[disabled\]\:data-\[indeterminate\]\:border-hairline[data-disabled][data-indeterminate] {
        border-color: var(--border-color-hairline)
    }

    .data-\[disabled\]\:data-\[indeterminate\]\:bg-fill-highlight[data-disabled][data-indeterminate] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[instant\]\:duration-0[data-instant] {
        --tw-duration: 0s;
        transition-duration: 0s
    }

    .data-\[invalid\]\:ring-1[data-invalid] {
        --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)
    }

    .data-\[invalid\]\:ring-oats-red-400[data-invalid] {
        --tw-ring-color: var(--color-oats-red-400)
    }

    .data-\[invalid\=true\]\:text-red-400[data-invalid=true] {
        color: var(--color-red-400)
    }

    .data-\[nested-dialog-open\]\:opacity-0[data-nested-dialog-open] {
        opacity: 0
    }

    .data-\[placeholder\]\:text-ink-tertiary[data-placeholder] {
        color: var(--color-ink-tertiary)
    }

    .data-\[popup-open\]\:bg-fill-highlight[data-popup-open] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[popup-open\]\:bg-highlight[data-popup-open] {
        background-color: var(--color-highlight)
    }

    .data-\[popup-open\]\:bg-oats-yellow-200\/30[data-popup-open] {
        background-color: #febe294d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[popup-open\]\:bg-oats-yellow-200\/30[data-popup-open] {
            background-color: color-mix(in oklab, var(--color-oats-yellow-200) 30%, transparent)
        }
    }.data-\[popup-open\]\:ring-2[data-popup-open] {
         --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)
     }

    .data-\[popup-open\]\:ring-focus[data-popup-open] {
        --tw-ring-color: var(--color-focus)
    }

    .enabled\:data-\[popup-open\]\:bg-oats-off-white-a6:enabled[data-popup-open] {
        background-color: var(--color-oats-off-white-a6)
    }

    .enabled\:data-\[popup-open\]\:text-ink-primary-inverse-static:enabled[data-popup-open] {
        color: var(--color-ink-primary-inverse-static)
    }

    .data-\[selected\=true\]\:bg-fill-highlight[data-selected=true] {
        background-color: var(--color-fill-highlight)
    }

    .data-\[selected\=true\]\:bg-highlight[data-selected=true] {
        background-color: var(--color-highlight)
    }

    .data-\[selected\=true\]\:bg-highlight-primary[data-selected=true] {
        background-color: var(--color-highlight-primary)
    }

    .data-\[selected\=true\]\:text-accent[data-selected=true] {
        color: var(--color-accent)
    }

    .data-\[selected\=true\]\:text-primary[data-selected=true] {
        color: var(--color-primary)
    }

    .data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom] {
        top: -8px
    }

    .data-\[side\=left\]\:right-\[-13px\][data-side=left] {
        right: -13px
    }

    .data-\[side\=left\]\:rotate-90[data-side=left] {
        rotate: 90deg
    }

    .data-\[side\=right\]\:left-\[-13px\][data-side=right] {
        left: -13px
    }

    .data-\[side\=right\]\:translate-x-\[2px\][data-side=right] {
        --tw-translate-x: 2px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=right\]\:-rotate-90[data-side=right] {
        rotate: -90deg
    }

    .data-\[side\=top\]\:bottom-\[-8px\][data-side=top] {
        bottom: -8px
    }

    .data-\[side\=top\]\:rotate-180[data-side=top] {
        rotate: 180deg
    }

    .data-\[size\=sm\]\:max-w-xs[data-size=sm] {
        max-width: var(--container-xs)
    }

    .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] {
        gap: calc(var(--spacing) * 3)
    }

    :is(.\*\:data-\[slot\=field-group\]\:gap-1>*)[data-slot=field-group] {
        gap: calc(var(--spacing) * 1)
    }

    :is(.\*\:data-\[slot\=message-scroller-viewport\]\:scroll-pt-\(--toolbar-inset\)>*)[data-slot=message-scroller-viewport] {
        scroll-padding-top: var(--toolbar-inset)
    }

    :is(.\*\*\:data-\[slot\=toast-description\]\:text-inherit *)[data-slot=toast-description] {
        color: inherit
    }

    :is(.\*\*\:data-\[slot\=toast-description\]\:opacity-70 *)[data-slot=toast-description] {
        opacity: .7
    }

    :is(.\*\*\:data-\[slot\=toast-title\]\:text-xs *)[data-slot=toast-title] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
    }

    :is(.\*\*\:data-\[slot\=toast-title\]\:font-normal *)[data-slot=toast-title] {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    :is(.\*\*\:data-\[slot\=toast-title\]\:text-inherit *)[data-slot=toast-title] {
        color: inherit
    }

    .data-\[starting-style\]\:scale-95[data-starting-style] {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-\[starting-style\]\:scale-100[data-starting-style] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-\[starting-style\]\:scale-\[0\.98\][data-starting-style] {
        scale: .98
    }

    .data-\[starting-style\]\:opacity-0[data-starting-style] {
        opacity: 0
    }

    .data-\[starting-style\]\:opacity-100[data-starting-style] {
        opacity: 1
    }

    .data-\[state\=open\]\:bg-highlight-primary[data-state=open] {
        background-color: var(--color-highlight-primary)
    }

    .data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down], .data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down] {
        transform: translateY(calc(var(--toast-swipe-movement-y) + 150%))
    }

    .data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left], .data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left] {
        transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))
    }

    .data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right], .data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right] {
        transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))
    }

    .data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up], .data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up] {
        transform: translateY(calc(var(--toast-swipe-movement-y) - 150%))
    }

    .data-\[unchecked\]\:invisible[data-unchecked] {
        visibility: hidden
    }

    .data-\[unchecked\]\:visible[data-unchecked] {
        visibility: visible
    }

    .nth-last-2\:-mt-1:nth-last-child(2) {
        margin-top: calc(var(--spacing) * -1)
    }

    @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
        .supports-backdrop-filter\:backdrop-blur-\[1\.5px\] {
            --tw-backdrop-blur: blur(1.5px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
            backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
        }

        .supports-backdrop-filter\:backdrop-blur-md {
            --tw-backdrop-blur: blur(var(--blur-md));
            -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
            backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
        }

        .supports-backdrop-filter\: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,)
        }

        .supports-backdrop-filter\:backdrop-saturate-0 {
            --tw-backdrop-saturate: saturate(0%);
            -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,)
        }

        .supports-backdrop-filter\:backdrop-saturate-100 {
            --tw-backdrop-saturate: saturate(100%);
            -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,)
        }
    }@supports (anchor-name:--x) {
    .supports-\[anchor-name\:--x\]\:bottom-\[calc\(anchor\(--floating-chat_top\,72px\)\+14px\)\] {
        bottom: calc(anchor(--floating-chat top, 72px) + 14px)
    }

    .supports-\[anchor-name\:--x\]\:bottom-\[min\(anchor\(--floating-chat_top\,72px\)\,calc\(100\%-108px\)\)\] {
        bottom: min(anchor(--floating-chat top, 72px), calc(100% - 108px))
    }

    .supports-\[anchor-name\:--x\]\:bottom-\[min\(calc\(anchor\(--floating-chat_top\,8px\)\+16px\)\,calc\(100\%-45px\)\)\] {
        bottom: min(calc(anchor(--floating-chat top, 8px) + 16px), calc(100% - 45px))
    }

    .supports-\[anchor-name\:--x\]\:left-\[calc\(50\%-anchor-size\(--multi-chat-sidebar_width\,0px\)\/2\)\] {
        left: calc(50% - anchor-size(--multi-chat-sidebar width, 0px) / 2)
    }
}@supports (height:100cqh) {
    .supports-\[height\:100cqh\]\:h-\[100cqh\] {
        height: 100cqh
    }
}@supports (height:100svh) {
    .supports-\[height\:100svh\]\:h-\[100svh\] {
        height: 100svh
    }
}@media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[oats-marquee_1s_linear_infinite\] {
        animation: 1s linear infinite oats-marquee
    }

    .motion-safe\:animate-\[pulse_2\.8s_ease-in-out_infinite\] {
        animation: 2.8s ease-in-out infinite pulse
    }

    .motion-safe\:animate-\[sparklesIconSlow_2\.25s_0\.1s_linear_infinite\] {
        animation: 2.25s linear .1s infinite sparklesIconSlow
    }

    .motion-safe\:animate-nudge {
        animation: var(--animate-nudge)
    }

    .motion-safe\:animate-oats-typing-dot {
        animation: var(--animate-oats-typing-dot)
    }

    .motion-safe\:animate-pulse {
        animation: var(--animate-pulse)
    }

    .motion-safe\:animate-slideUpAndFade {
        animation: var(--animate-slideUpAndFade)
    }

    .motion-safe\:animate-spin {
        animation: var(--animate-spin)
    }

    .motion-safe\:\[animation-duration\:2s\] {
        animation-duration: 2s
    }

    @media (hover: hover) {
        .motion-safe\:group-hover\/logos\:translate-x-\[var\(--logo-spread\)\]:is(:where(.group\/logos):hover *) {
            --tw-translate-x: var(--logo-spread);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:w-full {
        width: 100%
    }

    .motion-reduce\:animate-none {
        animation: none
    }

    .motion-reduce\:opacity-100 {
        opacity: 1
    }

    .motion-reduce\:transition-none {
        transition-property: none
    }

    .motion-reduce\:delay-0 {
        transition-delay: 0s
    }

    .motion-reduce\:duration-0 {
        --tw-duration: 0s;
        transition-duration: 0s
    }

    .motion-reduce\:before\:transition-none:before {
        content: var(--tw-content);
        transition-property: none
    }
}@media not all and (min-width: 600px) {
    .max-\[600px\]\:h-14 {
        height: calc(var(--spacing) * 14)
    }

    .max-\[600px\]\:min-h-16 {
        min-height: calc(var(--spacing) * 16)
    }

    .max-\[600px\]\:w-\[52px\] {
        width: 52px
    }

    .max-\[600px\]\:object-\[30\%_top\] {
        object-position: 30% top
    }
}@media not all and (min-width: 64rem) {
    .max-lg\:hidden {
        display: none
    }
}@media not all and (min-width: 48rem) {
    .max-md\:hidden {
        display: none
    }
}@media not all and (min-width: 40rem) {
    .max-sm\:hidden {
        display: none
    }
}@media (min-width: 560px) {
    .min-\[560px\]\:my-auto {
        margin-block: auto
    }

    .min-\[560px\]\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .min-\[560px\]\:px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }
}@media (min-width: 768px) {
    .min-\[768px\]\:gap-2 {
        gap: calc(var(--spacing) * 2)
    }
}@media (min-width: 35rem) {
    .min-\[35rem\]\:block {
        display: block
    }

    .min-\[35rem\]\:w-60 {
        width: calc(var(--spacing) * 60)
    }

    .min-\[35rem\]\:w-fit {
        width: fit-content
    }

    .min-\[35rem\]\:flex-row {
        flex-direction: row
    }

    .min-\[35rem\]\:items-stretch {
        align-items: stretch
    }
}@media (min-width: 40rem) {
    .sm\:left-8 {
        left: calc(var(--spacing) * 8)
    }

    .sm\:mx-8 {
        margin-inline: calc(var(--spacing) * 8)
    }

    .sm\:ms-0 {
        margin-inline-start: calc(var(--spacing) * 0)
    }

    .sm\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16)
    }

    .sm\:h-8 {
        height: calc(var(--spacing) * 8)
    }

    .sm\:h-12 {
        height: calc(var(--spacing) * 12)
    }

    .sm\:h-14 {
        height: calc(var(--spacing) * 14)
    }

    .sm\:h-16 {
        height: calc(var(--spacing) * 16)
    }

    .sm\:h-20 {
        height: calc(var(--spacing) * 20)
    }

    .sm\:h-\[70px\] {
        height: 70px
    }

    .sm\:h-\[720px\] {
        height: 720px
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:min-h-0 {
        min-height: calc(var(--spacing) * 0)
    }

    .sm\:min-h-32 {
        min-height: calc(var(--spacing) * 32)
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-16 {
        width: calc(var(--spacing) * 16)
    }

    .sm\:w-40 {
        width: calc(var(--spacing) * 40)
    }

    .sm\:w-44 {
        width: calc(var(--spacing) * 44)
    }

    .sm\:w-\[520px\] {
        width: 520px
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:max-w-2xl {
        max-width: var(--container-2xl)
    }

    .sm\:max-w-3xl {
        max-width: var(--container-3xl)
    }

    .sm\:max-w-5xl {
        max-width: var(--container-5xl)
    }

    .sm\:max-w-6xl {
        max-width: var(--container-6xl)
    }

    .sm\:max-w-56 {
        max-width: calc(var(--spacing) * 56)
    }

    .sm\:max-w-\[380px\] {
        max-width: 380px
    }

    .sm\:max-w-\[402px\] {
        max-width: 402px
    }

    .sm\:max-w-\[440px\] {
        max-width: 440px
    }

    .sm\:max-w-\[450px\] {
        max-width: 450px
    }

    .sm\:max-w-\[480px\] {
        max-width: 480px
    }

    .sm\:max-w-\[500px\] {
        max-width: 500px
    }

    .sm\:max-w-\[520px\] {
        max-width: 520px
    }

    .sm\:max-w-\[578px\] {
        max-width: 578px
    }

    .sm\:max-w-\[640px\] {
        max-width: 640px
    }

    .sm\:max-w-\[690px\] {
        max-width: 690px
    }

    .sm\:max-w-\[720px\] {
        max-width: 720px
    }

    .sm\:max-w-lg {
        max-width: var(--container-lg)
    }

    .sm\:max-w-md {
        max-width: var(--container-md)
    }

    .sm\:max-w-none {
        max-width: none
    }

    .sm\:max-w-sm {
        max-width: var(--container-sm)
    }

    .sm\:max-w-xl {
        max-width: var(--container-xl)
    }

    .sm\:min-w-24 {
        min-width: calc(var(--spacing) * 24)
    }

    .sm\:min-w-28 {
        min-width: calc(var(--spacing) * 28)
    }

    .sm\:flex-1 {
        flex: 1
    }

    .sm\:flex-initial {
        flex: 0 auto
    }

    .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-6 {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .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-6 {
        gap: calc(var(--spacing) * 6)
    }

    .sm\:gap-10 {
        gap: calc(var(--spacing) * 10)
    }

    .sm\:overflow-visible {
        overflow: visible
    }

    .sm\:rounded-\[40px\] {
        border-radius: 40px
    }

    .sm\:rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .sm\:p-5 {
        padding: calc(var(--spacing) * 5)
    }

    .sm\:p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .sm\:p-8 {
        padding: calc(var(--spacing) * 8)
    }

    .sm\:p-10 {
        padding: calc(var(--spacing) * 10)
    }

    .sm\:px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }

    .sm\:px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .sm\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .sm\:px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }

    .sm\:px-12 {
        padding-inline: calc(var(--spacing) * 12)
    }

    .sm\:py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .sm\:py-12 {
        padding-block: calc(var(--spacing) * 12)
    }

    .sm\:py-16 {
        padding-block: calc(var(--spacing) * 16)
    }

    .sm\:py-20 {
        padding-block: calc(var(--spacing) * 20)
    }

    .sm\:py-24 {
        padding-block: calc(var(--spacing) * 24)
    }

    .sm\:pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }

    .sm\:pt-8 {
        padding-top: calc(var(--spacing) * 8)
    }

    .sm\:pt-10 {
        padding-top: calc(var(--spacing) * 10)
    }

    .sm\:pt-24 {
        padding-top: calc(var(--spacing) * 24)
    }

    .sm\:pb-0 {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .sm\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .sm\:pb-12 {
        padding-bottom: calc(var(--spacing) * 12)
    }

    .sm\:pb-24 {
        padding-bottom: calc(var(--spacing) * 24)
    }

    .sm\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-h2 {
        font-family: var(--font-display);
        letter-spacing: 0;
        font-size: 28px;
        font-weight: 400;
        line-height: 32px
    }

    .sm\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
    }

    .sm\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .sm\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .sm\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .sm\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .sm\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .sm\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .sm\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .sm\:text-\[28px\] {
        font-size: 28px
    }

    .sm\:leading-\[46px\] {
        --tw-leading: 46px;
        line-height: 46px
    }

    .sm\:text-pretty {
        text-wrap: pretty
    }

    .sm\:opacity-0 {
        opacity: 0
    }

    .sm\:group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
        opacity: 1
    }

    @media (hover: hover) {
        .sm\:group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
            opacity: 1
        }
    }.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *) {
         place-items: start
     }

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *) {
        text-align: left
    }

    .data-\[size\=default\]\:sm\:max-w-none[data-size=default] {
        max-width: none
    }

    .data-\[size\=default\]\:sm\:max-w-sm[data-size=default] {
        max-width: var(--container-sm)
    }
}@media (min-width: 48rem) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:-my-1 {
        margin-block: calc(var(--spacing) * -1)
    }

    .md\:-mr-2 {
        margin-right: calc(var(--spacing) * -2)
    }

    .md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .md\:ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:size-20 {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20)
    }

    .md\:h-auto {
        height: auto
    }

    .md\:min-h-\[341px\] {
        min-height: 341px
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[640px\] {
        width: 640px
    }

    .md\:max-w-48 {
        max-width: calc(var(--spacing) * 48)
    }

    .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-8 {
        grid-template-columns:repeat(8, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

    .md\:items-stretch {
        align-items: stretch
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-2 {
        gap: calc(var(--spacing) * 2)
    }

    .md\:gap-4 {
        gap: calc(var(--spacing) * 4)
    }

    .md\:gap-6 {
        gap: calc(var(--spacing) * 6)
    }

    .md\:gap-8 {
        gap: calc(var(--spacing) * 8)
    }

    .md\:bg-center {
        background-position: 50%
    }

    .md\:px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .md\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .md\:px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }

    .md\:px-16 {
        padding-inline: calc(var(--spacing) * 16)
    }

    .md\:py-6 {
        padding-block: calc(var(--spacing) * 6)
    }

    .md\:pt-12 {
        padding-top: calc(var(--spacing) * 12)
    }

    .md\:pb-0\.5 {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .md\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .md\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .md\:text-\[52px\] {
        font-size: 52px
    }

    .md\:leading-\[58px\] {
        --tw-leading: 58px;
        line-height: 58px
    }

    .md\:text-balance {
        text-wrap: balance
    }

    .md\:text-pretty {
        text-wrap: pretty
    }
}@media (min-width: 64rem) {
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-6 {
        height: calc(var(--spacing) * 6)
    }

    .lg\:h-14 {
        height: calc(var(--spacing) * 14)
    }

    .lg\:h-\[110px\] {
        height: 110px
    }

    .lg\:w-72 {
        width: calc(var(--spacing) * 72)
    }

    .lg\:max-w-lg {
        max-width: var(--container-lg)
    }

    .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-6 {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-10 {
        grid-template-columns:repeat(10, minmax(0, 1fr))
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:gap-4 {
        gap: calc(var(--spacing) * 4)
    }

    .lg\:rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .lg\:rounded-none {
        border-radius: 0
    }

    .lg\:border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .lg\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .lg\:border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .lg\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .lg\:px-24 {
        padding-inline: calc(var(--spacing) * 24)
    }

    .lg\:py-16 {
        padding-block: calc(var(--spacing) * 16)
    }

    .lg\:pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }

    .lg\:pt-14 {
        padding-top: calc(var(--spacing) * 14)
    }

    .lg\:pt-18 {
        padding-top: calc(var(--spacing) * 18)
    }

    .lg\:pt-24 {
        padding-top: calc(var(--spacing) * 24)
    }

    .lg\:pr-8 {
        padding-right: calc(var(--spacing) * 8)
    }

    .lg\:pb-8 {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .lg\:pl-4 {
        padding-left: calc(var(--spacing) * 4)
    }

    .lg\:pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }

    .lg\:pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .lg\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .lg\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .lg\:ring {
        --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)
    }

    .lg\:ring-oats-green-500\/40 {
        --tw-ring-color: #5b6f0066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .lg\:ring-oats-green-500\/40 {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-500) 40%, transparent)
        }
    }.lg\:ring-inset {
         --tw-ring-inset: inset
     }
}@media (min-width: 80rem) {
    .xl\:sticky {
        position: sticky
    }

    .xl\:top-0 {
        top: calc(var(--spacing) * 0)
    }

    .xl\:h-fit {
        height: fit-content
    }

    .xl\:w-\[calc\(100\%\+3rem\)\] {
        width: calc(100% + 3rem)
    }

    .xl\:max-w-xl {
        max-width: var(--container-xl)
    }

    .xl\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-12 {
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }

    .xl\:grid-cols-\[minmax\(320px\,38\%\)_1fr\] {
        grid-template-columns:minmax(320px, 38%) 1fr
    }

    .xl\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .xl\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }
}@container app-layout not (min-width:1040px) {
    .\@max-\[1040px\]\/app-layout\:absolute {
        position: absolute
    }

    .\@max-\[1040px\]\/app-layout\:inset-y-0 {
        inset-block: calc(var(--spacing) * 0)
    }

    .\@max-\[1040px\]\/app-layout\:right-0 {
        right: calc(var(--spacing) * 0)
    }

    .\@max-\[1040px\]\/app-layout\:z-\[calc\(var\(--z-index-toolbar\)\+1\)\] {
        z-index: calc(var(--z-index-toolbar) + 1)
    }

    .\@max-\[1040px\]\/app-layout\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}@container not (min-width:700px) {
    .\@max-\[700px\]\:left-7\.5 {
        left: calc(var(--spacing) * 7.5)
    }

    .\@max-\[700px\]\:scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .\@max-\[700px\]\:pl-3\.5 {
        padding-left: calc(var(--spacing) * 3.5)
    }
}@container tabs not (min-width:522px) {
    .\@max-\[522px\]\/tabs\:hidden {
        display: none
    }

    .\@max-\[522px\]\/tabs\:size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\@max-\[522px\]\/tabs\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }
}@container chat (min-width:1px) {
    .\@min-\[1px\]\/chat\:text-editor-sm {
        font-size: var(--text-editor-sm)
    }
}@container (min-width:168px) {
    @media (hover: hover) {
        .\@\[168px\]\:group-hover\/product-announcement-card\:translate-x-1:is(:where(.group\/product-announcement-card):hover *) {
            --tw-translate-x: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .\@\[168px\]\:group-hover\/product-announcement-card\:translate-x-2:is(:where(.group\/product-announcement-card):hover *) {
            --tw-translate-x: calc(var(--spacing) * 2);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}@container speaker-picker (min-width:240px) {
    .\@min-\[240px\]\/speaker-picker\:grid {
        display: grid
    }
}@container speaker-picker (min-width:360px) {
    .\@min-\[360px\]\/speaker-picker\:max-w-\[45\%\] {
        max-width: 45%
    }

    .\@min-\[360px\]\/speaker-picker\:flex-1 {
        flex: 1
    }

    .\@min-\[360px\]\/speaker-picker\:flex-row {
        flex-direction: row
    }

    .\@min-\[360px\]\/speaker-picker\:items-baseline {
        align-items: baseline
    }

    .\@min-\[360px\]\/speaker-picker\:gap-2 {
        gap: calc(var(--spacing) * 2)
    }
}@container (min-width:560px) {
    .\@min-\[560px\]\:flex-col {
        flex-direction: column
    }

    .\@min-\[560px\]\:flex-row {
        flex-direction: row
    }

    .\@min-\[560px\]\:items-center {
        align-items: center
    }

    .\@min-\[560px\]\:gap-1 {
        gap: calc(var(--spacing) * 1)
    }
}@container (min-width:672px) {
    .\@\[672px\]\:flex {
        display: flex
    }
}@container view (min-width:1014px) {
    .\@5xl\/view\:relative {
        position: relative
    }

    .\@5xl\/view\:h-auto {
        height: auto
    }

    .\@5xl\/view\:w-96 {
        width: calc(var(--spacing) * 96)
    }
}@container chat (min-width:1014px) {
    .\@5xl\/chat\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}@container view (min-width:1014px) {
    .\@5xl\/view\:rounded-none {
        border-radius: 0
    }

    .\@5xl\/view\:py-0 {
        padding-block: calc(var(--spacing) * 0)
    }

    .\@5xl\/view\: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)
    }
}@container (min-width:24rem) {
    .\@sm\:hidden {
        display: none
    }

    .\@sm\:inline-flex {
        display: inline-flex
    }

    .\@sm\:w-px {
        width: 1px
    }

    .\@sm\:flex-row {
        flex-direction: row
    }

    .\@sm\:self-stretch {
        align-self: stretch
    }

    .\@sm\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .\@sm\:border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .\@sm\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .\@sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }
}@container (min-width:28rem) {
    .\@md\:m-2 {
        margin: calc(var(--spacing) * 2)
    }

    .\@md\:mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }
}@container view (min-width:28rem) {
    .\@md\/view\:inline {
        display: inline
    }
}@container (min-width:28rem) {
    .\@md\:block {
        display: block
    }

    .\@md\:aspect-auto {
        aspect-ratio: auto
    }

    .\@md\:min-h-\[124px\] {
        min-height: 124px
    }

    .\@md\:w-\[182px\] {
        width: 182px
    }

    .\@md\:w-\[280px\] {
        width: 280px
    }
}@container chat (min-width:28rem) {
    .\@md\/chat\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .\@md\/chat\:flex-row {
        flex-direction: row
    }
}@container tabs (min-width:28rem) {
    .\@md\/tabs\:flex-row {
        flex-direction: row
    }
}@container (min-width:28rem) {
    .\@md\:flex-row {
        flex-direction: row
    }
}@container chat (min-width:28rem) {
    .\@md\/chat\:items-center {
        align-items: center
    }
}@container tabs (min-width:28rem) {
    .\@md\/tabs\:items-center {
        align-items: center
    }
}@container (min-width:28rem) {
    .\@md\:items-center {
        align-items: center
    }

    .\@md\:self-stretch {
        align-self: stretch
    }

    .\@md\:rounded-lg {
        border-radius: var(--radius-lg)
    }

    .\@md\:object-center {
        object-position: center
    }

    .\@md\:p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .\@md\:p-4 {
        padding: calc(var(--spacing) * 4)
    }

    .\@md\:p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .\@md\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .\@md\:pl-4 {
        padding-left: calc(var(--spacing) * 4)
    }
}@container (min-width:32rem) {
    .\@lg\:w-48 {
        width: calc(var(--spacing) * 48)
    }

    .\@lg\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .\@lg\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .\@lg\:border-l-0\.5 {
        border-left-style: var(--tw-border-style);
        border-left-width: var(--border-width-0_5)
    }
}@container chat (min-width:32rem) {
    .\@lg\/chat\:p-4 {
        padding: calc(var(--spacing) * 4)
    }

    .\@lg\/chat\:px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .\@lg\/chat\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .\@lg\/chat\:py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

    .\@lg\/chat\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .\@lg\/chat\:pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .\@lg\/chat\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
    }
}@container (min-width:36rem) {
    .\@xl\:absolute {
        position: absolute
    }
}@container view (min-width:36rem) {
    .\@min-\[36rem\]\/view\:hidden {
        display: none
    }
}@container (min-width:36rem) {
    .\@xl\:block {
        display: block
    }

    .\@xl\:flex {
        display: flex
    }

    .\@xl\:hidden {
        display: none
    }

    .\@xl\:inline {
        display: inline
    }

    .\@xl\:size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14)
    }

    .\@xl\:h-full {
        height: 100%
    }

    .\@xl\:w-\[36\%\] {
        width: 36%
    }

    .\@xl\:w-\[60\%\] {
        width: 60%
    }

    .\@xl\:w-\[148px\] {
        width: 148px
    }

    .\@xl\:w-\[152px\] {
        width: 152px
    }
}@container view (min-width:36rem) {
    .\@min-\[36rem\]\/view\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}@container crm-home-banner (min-width:36rem) {
    .\@xl\/crm-home-banner\:flex-row {
        flex-direction: row
    }
}@container crm-opt-in (min-width:36rem) {
    .\@xl\/crm-opt-in\:flex-row {
        flex-direction: row
    }
}@container customer-calls-integration (min-width:36rem) {
    .\@xl\/customer-calls-integration\:flex-col {
        flex-direction: column
    }

    .\@xl\/customer-calls-integration\:flex-row {
        flex-direction: row
    }
}@container crm-home-banner (min-width:36rem) {
    .\@xl\/crm-home-banner\:items-center {
        align-items: center
    }
}@container crm-opt-in (min-width:36rem) {
    .\@xl\/crm-opt-in\:items-center {
        align-items: center
    }
}@container customer-calls-integration (min-width:36rem) {
    .\@xl\/customer-calls-integration\:items-center {
        align-items: center
    }
}@container (min-width:36rem) {
    .\@xl\:items-center {
        align-items: center
    }
}@container crm-home-banner (min-width:36rem) {
    .\@xl\/crm-home-banner\:gap-3 {
        gap: calc(var(--spacing) * 3)
    }
}@container crm-opt-in (min-width:36rem) {
    .\@xl\/crm-opt-in\:gap-3 {
        gap: calc(var(--spacing) * 3)
    }
}@container crm-home-banner (min-width:36rem) {
    .\@xl\/crm-home-banner\:self-center {
        align-self: center
    }
}@container crm-opt-in (min-width:36rem) {
    .\@xl\/crm-opt-in\:self-center {
        align-self: center
    }
}@container (min-width:36rem) {
    .\@xl\:border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }
}@container crm-home-banner (min-width:36rem) {
    .\@xl\/crm-home-banner\:py-0 {
        padding-block: calc(var(--spacing) * 0)
    }

    .\@xl\/crm-home-banner\:py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .\@xl\/crm-home-banner\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }
}@container crm-opt-in (min-width:36rem) {
    .\@xl\/crm-opt-in\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }
}@container customer-calls-integration (min-width:36rem) {
    .\@xl\/customer-calls-integration\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }
}@container (min-width:36rem) {
    .\@xl\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }

    .\@xl\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }
}@container recipes (min-width:42rem) {
    .\@2xl\/recipes\:flex-row {
        flex-direction: row
    }

    .\@2xl\/recipes\:items-center {
        align-items: center
    }

    .\@2xl\/recipes\:justify-end {
        justify-content: flex-end
    }
}@container chat (min-width:48rem) {
    .\@3xl\/chat\:prose-base {
        font-size: 1rem;
        line-height: 1.75
    }

    .\@3xl\/chat\:prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .\@3xl\/chat\:prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        font-size: 1.25em;
        line-height: 1.6
    }

    .\@3xl\/chat\:prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em
    }

    .\@3xl\/chat\:prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: .888889em;
        font-size: 2.25em;
        line-height: 1.11111
    }

    .\@3xl\/chat\:prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 1em;
        font-size: 1.5em;
        line-height: 1.33333
    }

    .\@3xl\/chat\:prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.6em;
        margin-bottom: .6em;
        font-size: 1.25em;
        line-height: 1.6
    }

    .\@3xl\/chat\:prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .\@3xl\/chat\:prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\@3xl\/chat\:prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .\@3xl\/chat\:prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\@3xl\/chat\:prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        border-radius: .3125rem;
        padding-inline-start: .375em;
        font-size: .875em
    }

    .\@3xl\/chat\:prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em
    }

    .\@3xl\/chat\:prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .9em
    }

    .\@3xl\/chat\:prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        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;
        line-height: 1.71429
    }

    .\@3xl\/chat\:prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em
    }

    .\@3xl\/chat\:prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .\@3xl\/chat\:prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .\@3xl\/chat\:prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .\@3xl\/chat\:prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .\@3xl\/chat\:prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .\@3xl\/chat\:prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)), .\@3xl\/chat\:prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .\@3xl\/chat\:prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.71429
    }

    .\@3xl\/chat\:prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em
    }

    .\@3xl\/chat\:prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .\@3xl\/chat\:prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .\@3xl\/chat\:prose-base :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
    }

    .\@3xl\/chat\:prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .\@3xl\/chat\:prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .\@3xl\/chat\:prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\@3xl\/chat\:prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .\@3xl\/chat\:prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .857143em;
        font-size: .875em;
        line-height: 1.42857
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .\@3xl\/chat\:prose-base :where(.\@3xl\/chat\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0
    }
}@container view (min-width:48rem) {
    .\@min-\[48rem\]\/view\:px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }

    .\@3xl\/view\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }
}@container chat (min-width:48rem) {
    .\@3xl\/chat\:text-editor {
        font-size: var(--text-editor)
    }
}@container view (min-width:56rem) {
    .\@min-\[56rem\]\/view\:flex {
        display: flex
    }

    .\@min-\[56rem\]\/view\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .\@min-\[56rem\]\/view\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,2fr\)\] {
        grid-template-columns:minmax(0, 1.3fr) minmax(0, 2fr)
    }

    .\@min-\[56rem\]\/view\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
        grid-template-columns:minmax(0, 3fr) minmax(0, 2fr)
    }
}.dark\:block:is(.dark *) {
     display: block
 }

    .dark\:hidden:is(.dark *) {
        display: none
    }

    .dark\:border:is(.dark *) {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .dark\:border-\[\#424242\]:is(.dark *) {
        border-color: #424242
    }

    .dark\:border-background:is(.dark *) {
        border-color: var(--color-background)
    }

    .dark\:border-background-tertiary:is(.dark *) {
        border-color: var(--color-background-tertiary)
    }

    .dark\:border-blue-500\/30:is(.dark *) {
        border-color: #3080ff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-blue-500\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent)
        }
    }.dark\:border-border-strong:is(.dark *) {
         border-color: var(--color-border-strong)
     }

    .dark\:border-hairline:is(.dark *), .dark\:border-hairline\/50:is(.dark *) {
        border-color: var(--border-color-hairline)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-hairline\/50:is(.dark *) {
            border-color: color-mix(in oklab, var(--border-color-hairline) 50%, transparent)
        }
    }.dark\:border-ink-secondary:is(.dark *) {
         border-color: var(--color-ink-secondary)
     }

    .dark\:border-oats-blue-200:is(.dark *) {
        border-color: var(--color-oats-blue-200)
    }

    .dark\:border-oats-blue-300\/30:is(.dark *) {
        border-color: #4691e24d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-blue-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-blue-300) 30%, transparent)
        }
    }.dark\:border-oats-blue-800:is(.dark *) {
         border-color: var(--color-oats-blue-800)
     }

    .dark\:border-oats-gold-200:is(.dark *) {
        border-color: var(--color-oats-gold-200)
    }

    .dark\:border-oats-gold-300\/30:is(.dark *) {
        border-color: #b89f564d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-gold-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-gold-300) 30%, transparent)
        }
    }.dark\:border-oats-green-300:is(.dark *) {
         border-color: var(--color-oats-green-300)
     }

    .dark\:border-oats-green-400:is(.dark *) {
        border-color: var(--color-oats-green-400)
    }

    .dark\:border-oats-green-400\/30:is(.dark *) {
        border-color: #788c154d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-green-400\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-green-400) 30%, transparent)
        }
    }.dark\:border-oats-neutral-100\/30:is(.dark *) {
         border-color: #f7f7f24d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-neutral-100\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-neutral-100) 30%, transparent)
        }
    }.dark\:border-oats-neutral-400\/30:is(.dark *) {
         border-color: #acada84d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-neutral-400\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-neutral-400) 30%, transparent)
        }
    }.dark\:border-oats-neutral-500:is(.dark *) {
         border-color: var(--color-oats-neutral-500)
     }

    .dark\:border-oats-neutral-600:is(.dark *) {
        border-color: var(--color-oats-neutral-600)
    }

    .dark\:border-oats-off-white-a20:is(.dark *) {
        border-color: var(--color-oats-off-white-a20)
    }

    .dark\:border-oats-pink-200:is(.dark *) {
        border-color: var(--color-oats-pink-200)
    }

    .dark\:border-oats-purple-200:is(.dark *) {
        border-color: var(--color-oats-purple-200)
    }

    .dark\:border-oats-purple-300\/30:is(.dark *) {
        border-color: #a191ce4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-purple-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-purple-300) 30%, transparent)
        }
    }.dark\:border-oats-red-200:is(.dark *) {
         border-color: var(--color-oats-red-200)
     }

    .dark\:border-oats-red-300\/30:is(.dark *) {
        border-color: #e95d3d4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-red-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-red-300) 30%, transparent)
        }
    }.dark\:border-oats-yellow-50\/30:is(.dark *) {
         border-color: #fff4d24d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-yellow-50\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-yellow-50) 30%, transparent)
        }
    }.dark\:border-oats-yellow-300\/30:is(.dark *) {
         border-color: #ed92124d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-oats-yellow-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-oats-yellow-300) 30%, transparent)
        }
    }.dark\:border-red-300\/30:is(.dark *) {
         border-color: #ffa3a34d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-red-300\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-red-300) 30%, transparent)
        }
    }.dark\:border-tertiary:is(.dark *) {
         border-color: var(--color-tertiary)
     }

    .dark\:border-white\/10:is(.dark *) {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/10:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.dark\:border-white\/15:is(.dark *) {
         border-color: #ffffff26
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/15:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }.dark\:border-white\/20:is(.dark *) {
         border-color: #fff3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/20:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.dark\:border-white\/25:is(.dark *) {
         border-color: #ffffff40
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/25:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }.dark\:border-white\/30:is(.dark *) {
         border-color: #ffffff4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }.dark\:border-white\/\[0\.08\]:is(.dark *) {
         border-color: #ffffff14
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/\[0\.08\]:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }.dark\:bg-\(--speaker-bubble\)\/15:is(.dark *) {
         background-color: var(--speaker-bubble)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-\(--speaker-bubble\)\/15:is(.dark *) {
            background-color: color-mix(in oklab, var(--speaker-bubble) 15%, transparent)
        }
    }.dark\:bg-\[\#3e49b8\]:is(.dark *) {
         background-color: #3e49b8
     }

    .dark\:bg-\[\#564391\]:is(.dark *) {
        background-color: #564391
    }

    .dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-gold-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
        background-color: #383429
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-gold-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
            background-color: color-mix(in srgb, var(--color-oats-gold-300) 15%, var(--color-oats-neutral-900))
        }
    }.dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-pink-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
         background-color: #42323e
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-pink-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
            background-color: color-mix(in srgb, var(--color-oats-pink-300) 15%, var(--color-oats-neutral-900))
        }
    }.dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-red-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
         background-color: #3f2a25
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-\[color-mix\(in_srgb\,var\(--color-oats-red-300\)_15\%\,var\(--color-oats-neutral-900\)\)\]:is(.dark *) {
            background-color: color-mix(in srgb, var(--color-oats-red-300) 15%, var(--color-oats-neutral-900))
        }
    }.dark\:bg-\[rgba\(24\,24\,24\,0\.94\)\]:is(.dark *) {
         background-color: #181818f0
     }

    .dark\:bg-amber-500:is(.dark *) {
        background-color: var(--color-amber-500)
    }

    .dark\:bg-amber-900\/20:is(.dark *) {
        background-color: #7b330633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-amber-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent)
        }
    }.dark\:bg-background:is(.dark *) {
         background-color: var(--color-background)
     }

    .dark\:bg-background-elevated:is(.dark *) {
        background-color: var(--color-background-elevated)
    }

    .dark\:bg-background-elevated-secondary:is(.dark *) {
        background-color: var(--color-background-elevated-secondary)
    }

    .dark\:bg-background-secondary:is(.dark *) {
        background-color: var(--color-background-secondary)
    }

    .dark\:bg-background-tertiary:is(.dark *) {
        background-color: var(--color-background-tertiary)
    }

    .dark\:bg-black\/70:is(.dark *) {
        background-color: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-black\/70:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
    }.dark\:bg-blue-900\/20:is(.dark *) {
         background-color: #1c398e33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-blue-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent)
        }
    }.dark\:bg-emerald-500:is(.dark *) {
         background-color: var(--color-emerald-500)
     }

    .dark\:bg-emerald-900\/20:is(.dark *) {
        background-color: #004e3b33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-emerald-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent)
        }
    }.dark\:bg-emerald-950\/40:is(.dark *) {
         background-color: #002c2266
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-emerald-950\/40:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent)
        }
    }.dark\:bg-fill-highlight:is(.dark *) {
         background-color: var(--color-fill-highlight)
     }

    .dark\:bg-fill-neutral:is(.dark *) {
        background-color: var(--color-fill-neutral)
    }

    .dark\:bg-fill-soft:is(.dark *) {
        background-color: var(--color-fill-soft)
    }

    .dark\:bg-fill-soft-opaque:is(.dark *) {
        background-color: var(--color-fill-soft-opaque)
    }

    .dark\:bg-gray-700:is(.dark *) {
        background-color: var(--color-gray-700)
    }

    .dark\:bg-highlight:is(.dark *) {
        background-color: var(--color-highlight)
    }

    .dark\:bg-highlight-faint:is(.dark *) {
        background-color: var(--color-highlight-faint)
    }

    .dark\:bg-ink-primary-inverse-static:is(.dark *) {
        background-color: var(--color-ink-primary-inverse-static)
    }

    .dark\:bg-lime-100\/20:is(.dark *) {
        background-color: #ecfcca33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-lime-100\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-lime-100) 20%, transparent)
        }
    }.dark\:bg-lime-900\/30:is(.dark *) {
         background-color: #35530e4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-lime-900\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-lime-900) 30%, transparent)
        }
    }.dark\:bg-neutral-600:is(.dark *) {
         background-color: var(--color-neutral-600)
     }

    .dark\:bg-neutral-700\/95:is(.dark *) {
        background-color: #404040f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-neutral-700\/95:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 95%, transparent)
        }
    }.dark\:bg-neutral-800\/95:is(.dark *) {
         background-color: #262626f2
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-neutral-800\/95:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 95%, transparent)
        }
    }.dark\:bg-neutral-900\/90:is(.dark *) {
         background-color: #171717e6
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-neutral-900\/90:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent)
        }
    }.dark\:bg-oats-black\/60:is(.dark *) {
         background-color: #0009
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-black\/60:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-black) 60%, transparent)
        }
    }.dark\:bg-oats-blue-200:is(.dark *) {
         background-color: var(--color-oats-blue-200)
     }

    .dark\:bg-oats-blue-200\/20:is(.dark *) {
        background-color: #b8d5ff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-blue-200\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-blue-200) 20%, transparent)
        }
    }.dark\:bg-oats-blue-300:is(.dark *) {
         background-color: var(--color-oats-blue-300)
     }

    .dark\:bg-oats-blue-300\/20:is(.dark *) {
        background-color: #4691e233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-blue-300\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-blue-300) 20%, transparent)
        }
    }.dark\:bg-oats-blue-400:is(.dark *) {
         background-color: var(--color-oats-blue-400)
     }

    .dark\:bg-oats-gold-200:is(.dark *) {
        background-color: var(--color-oats-gold-200)
    }

    .dark\:bg-oats-gold-300:is(.dark *) {
        background-color: var(--color-oats-gold-300)
    }

    .dark\:bg-oats-gold-300\/20:is(.dark *) {
        background-color: #b89f5633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-gold-300\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-gold-300) 20%, transparent)
        }
    }.dark\:bg-oats-gold-400:is(.dark *) {
         background-color: var(--color-oats-gold-400)
     }

    .dark\:bg-oats-green-200:is(.dark *) {
        background-color: var(--color-oats-green-200)
    }

    .dark\:bg-oats-green-200\/20:is(.dark *) {
        background-color: #d1e04333
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-green-200\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-green-200) 20%, transparent)
        }
    }.dark\:bg-oats-green-300:is(.dark *) {
         background-color: var(--color-oats-green-300)
     }

    .dark\:bg-oats-green-400:is(.dark *) {
        background-color: var(--color-oats-green-400)
    }

    .dark\:bg-oats-green-400\/10:is(.dark *) {
        background-color: #788c151a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-green-400\/10:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-green-400) 10%, transparent)
        }
    }.dark\:bg-oats-green-400\/20:is(.dark *) {
         background-color: #788c1533
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-green-400\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
        }
    }.dark\:bg-oats-green-500:is(.dark *) {
         background-color: var(--color-oats-green-500)
     }

    .dark\:bg-oats-green-600:is(.dark *) {
        background-color: var(--color-oats-green-600)
    }

    .dark\:bg-oats-green-600\/50:is(.dark *) {
        background-color: #43462580
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-green-600\/50:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-green-600) 50%, transparent)
        }
    }.dark\:bg-oats-neutral-100:is(.dark *) {
         background-color: var(--color-oats-neutral-100)
     }

    .dark\:bg-oats-neutral-100\/20:is(.dark *) {
        background-color: #f7f7f233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-100\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-100) 20%, transparent)
        }
    }.dark\:bg-oats-neutral-200:is(.dark *) {
         background-color: var(--color-oats-neutral-200)
     }

    .dark\:bg-oats-neutral-400:is(.dark *) {
        background-color: var(--color-oats-neutral-400)
    }

    .dark\:bg-oats-neutral-400\/20:is(.dark *) {
        background-color: #acada833
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-400\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-400) 20%, transparent)
        }
    }.dark\:bg-oats-neutral-500:is(.dark *) {
         background-color: var(--color-oats-neutral-500)
     }

    .dark\:bg-oats-neutral-600:is(.dark *) {
        background-color: var(--color-oats-neutral-600)
    }

    .dark\:bg-oats-neutral-600\/50:is(.dark *) {
        background-color: #72726e80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-600\/50:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-600) 50%, transparent)
        }
    }.dark\:bg-oats-neutral-700:is(.dark *) {
         background-color: var(--color-oats-neutral-700)
     }

    .dark\:bg-oats-neutral-700\/50:is(.dark *) {
        background-color: #4e4d4b80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-700\/50:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-700) 50%, transparent)
        }
    }.dark\:bg-oats-neutral-700\/60:is(.dark *) {
         background-color: #4e4d4b99
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-700\/60:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-700) 60%, transparent)
        }
    }.dark\:bg-oats-neutral-750:is(.dark *) {
         background-color: var(--color-oats-neutral-750)
     }

    .dark\:bg-oats-neutral-800:is(.dark *) {
        background-color: var(--color-oats-neutral-800)
    }

    .dark\:bg-oats-neutral-800\/80:is(.dark *) {
        background-color: #292929cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-800\/80:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-800) 80%, transparent)
        }
    }.dark\:bg-oats-neutral-900:is(.dark *) {
         background-color: var(--color-oats-neutral-900)
     }

    .dark\:bg-oats-neutral-900\/90:is(.dark *) {
        background-color: #212121e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-neutral-900\/90:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-neutral-900) 90%, transparent)
        }
    }.dark\:bg-oats-neutral-950:is(.dark *) {
         background-color: var(--color-oats-neutral-950)
     }

    .dark\:bg-oats-off-white-a6:is(.dark *) {
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:bg-oats-pink-200:is(.dark *) {
        background-color: var(--color-oats-pink-200)
    }

    .dark\:bg-oats-pink-400:is(.dark *) {
        background-color: var(--color-oats-pink-400)
    }

    .dark\:bg-oats-purple-200:is(.dark *) {
        background-color: var(--color-oats-purple-200)
    }

    .dark\:bg-oats-purple-300:is(.dark *) {
        background-color: var(--color-oats-purple-300)
    }

    .dark\:bg-oats-purple-300\/20:is(.dark *) {
        background-color: #a191ce33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-purple-300\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-purple-300) 20%, transparent)
        }
    }.dark\:bg-oats-purple-400:is(.dark *) {
         background-color: var(--color-oats-purple-400)
     }

    .dark\:bg-oats-red-200:is(.dark *) {
        background-color: var(--color-oats-red-200)
    }

    .dark\:bg-oats-red-300:is(.dark *) {
        background-color: var(--color-oats-red-300)
    }

    .dark\:bg-oats-red-300\/15:is(.dark *) {
        background-color: #e95d3d26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-red-300\/15:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 15%, transparent)
        }
    }.dark\:bg-oats-red-300\/20:is(.dark *) {
         background-color: #e95d3d33
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-red-300\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-red-300) 20%, transparent)
        }
    }.dark\:bg-oats-red-400\/15:is(.dark *) {
         background-color: #bd4a3026
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-red-400\/15:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-red-400) 15%, transparent)
        }
    }.dark\:bg-oats-red-400\/20:is(.dark *) {
         background-color: #bd4a3033
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-red-400\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-red-400) 20%, transparent)
        }
    }.dark\:bg-oats-yellow-300:is(.dark *) {
         background-color: var(--color-oats-yellow-300)
     }

    .dark\:bg-oats-yellow-300\/20:is(.dark *) {
        background-color: #ed921233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-yellow-300\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, transparent)
        }
    }.dark\:bg-oats-yellow-400:is(.dark *) {
         background-color: var(--color-oats-yellow-400)
     }

    .dark\:bg-oats-yellow-400\/15:is(.dark *) {
        background-color: #8b4e2326
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-oats-yellow-400\/15:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-oats-yellow-400) 15%, transparent)
        }
    }.dark\:bg-red-400\/10:is(.dark *) {
         background-color: #ff65681a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-400\/10:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent)
        }
    }.dark\:bg-red-500\/20:is(.dark *) {
         background-color: #fb2c3633
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-500\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }.dark\:bg-red-950:is(.dark *) {
         background-color: var(--color-red-950)
     }

    .dark\:bg-red-950\/40:is(.dark *) {
        background-color: #46080966
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-950\/40:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent)
        }
    }.dark\:bg-surface:is(.dark *) {
         background-color: var(--color-surface)
     }

    .dark\:bg-surface-accent-blue:is(.dark *) {
        background-color: var(--color-surface-accent-blue)
    }

    .dark\:bg-surface-elevated:is(.dark *) {
        background-color: var(--color-surface-elevated)
    }

    .dark\:bg-surface-raised:is(.dark *) {
        background-color: var(--color-surface-raised)
    }

    .dark\:bg-surface-sunken:is(.dark *) {
        background-color: var(--color-surface-sunken)
    }

    .dark\:bg-surface-tint-accent:is(.dark *) {
        background-color: var(--color-surface-tint-accent)
    }

    .dark\:bg-surface-tint-neutral:is(.dark *) {
        background-color: var(--color-surface-tint-neutral)
    }

    .dark\:bg-transparent:is(.dark *) {
        background-color: #0000
    }

    .dark\:bg-white:is(.dark *) {
        background-color: var(--color-white)
    }

    .dark\:bg-white\/10:is(.dark *) {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/10:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.dark\:bg-white\/20:is(.dark *) {
         background-color: #fff3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.dark\:bg-zinc-900:is(.dark *) {
         background-color: var(--color-zinc-900)
     }

    .dark\:bg-\[repeating-linear-gradient\(45deg\,theme\(colors\.oats-yellow\.200\/5\%\)_0_8px\,transparent_8px_16px\)\]:is(.dark *) {
        background-image: repeating-linear-gradient(45deg, #febe290d 0 8px, #0000 8px 16px);
        background-image: repeating-linear-gradient(45deg, lab(81.3463% 15.1041 76.1025/.05) 0 8px, #0000 8px 16px)
    }

    .dark\:from-background-elevated-secondary:is(.dark *) {
        --tw-gradient-from: var(--color-background-elevated-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))
    }

    .dark\:from-background-tertiary:is(.dark *) {
        --tw-gradient-from: var(--color-background-tertiary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:from-neutral-900:is(.dark *) {
        --tw-gradient-from: var(--color-neutral-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))
    }

    .dark\:from-oats-neutral-900:is(.dark *) {
        --tw-gradient-from: var(--color-oats-neutral-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))
    }

    .dark\:from-red-950:is(.dark *) {
        --tw-gradient-from: var(--color-red-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:from-surface-raised:is(.dark *) {
        --tw-gradient-from: var(--color-surface-raised);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:from-surface-sunken:is(.dark *) {
        --tw-gradient-from: var(--color-surface-sunken);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:from-white\/20:is(.dark *) {
        --tw-gradient-from: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-white\/20:is(.dark *) {
            --tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.dark\:from-white\/20:is(.dark *) {
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
     }

    .dark\:via-white:is(.dark *) {
        --tw-gradient-via: var(--color-white);
        --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)
    }

    .dark\:to-background-elevated:is(.dark *) {
        --tw-gradient-to: var(--color-background-elevated);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:to-background-tertiary:is(.dark *) {
        --tw-gradient-to: var(--color-background-tertiary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:to-neutral-700:is(.dark *) {
        --tw-gradient-to: var(--color-neutral-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))
    }

    .dark\:to-neutral-900:is(.dark *) {
        --tw-gradient-to: var(--color-neutral-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))
    }

    .dark\:to-oats-neutral-700:is(.dark *) {
        --tw-gradient-to: var(--color-oats-neutral-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))
    }

    .dark\:to-white\/20:is(.dark *) {
        --tw-gradient-to: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:to-white\/20:is(.dark *) {
            --tw-gradient-to: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.dark\:to-white\/20:is(.dark *) {
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
     }

    .dark\:fill-background-elevated-secondary:is(.dark *) {
        fill: var(--color-background-elevated-secondary)
    }

    .dark\:text-accent-strong:is(.dark *) {
        color: var(--color-accent-strong)
    }

    .dark\:text-amber-200:is(.dark *) {
        color: var(--color-amber-200)
    }

    .dark\:text-amber-300:is(.dark *) {
        color: var(--color-amber-300)
    }

    .dark\:text-amber-400:is(.dark *) {
        color: var(--color-amber-400)
    }

    .dark\:text-amber-500:is(.dark *) {
        color: var(--color-amber-500)
    }

    .dark\:text-black:is(.dark *) {
        color: var(--color-black)
    }

    .dark\:text-blue-200:is(.dark *) {
        color: var(--color-blue-200)
    }

    .dark\:text-emerald-300:is(.dark *) {
        color: var(--color-emerald-300)
    }

    .dark\:text-emerald-400:is(.dark *) {
        color: var(--color-emerald-400)
    }

    .dark\:text-emerald-500:is(.dark *) {
        color: var(--color-emerald-500)
    }

    .dark\:text-gray-100:is(.dark *) {
        color: var(--color-gray-100)
    }

    .dark\:text-gray-200:is(.dark *) {
        color: var(--color-gray-200)
    }

    .dark\:text-gray-400:is(.dark *) {
        color: var(--color-gray-400)
    }

    .dark\:text-green-400:is(.dark *) {
        color: var(--color-green-400)
    }

    .dark\:text-ink-accent-strong:is(.dark *) {
        color: var(--color-ink-accent-strong)
    }

    .dark\:text-ink-primary:is(.dark *) {
        color: var(--color-ink-primary)
    }

    .dark\:text-ink-primary-inverse:is(.dark *) {
        color: var(--color-ink-primary-inverse)
    }

    .dark\:text-ink-primary-static:is(.dark *) {
        color: var(--color-ink-primary-static)
    }

    .dark\:text-ink-primary\/85:is(.dark *) {
        color: var(--color-ink-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-ink-primary\/85:is(.dark *) {
            color: color-mix(in oklab, var(--color-ink-primary) 85%, transparent)
        }
    }.dark\:text-ink-secondary:is(.dark *) {
         color: var(--color-ink-secondary)
     }

    .dark\:text-ink-secondary-inverse-static:is(.dark *) {
        color: var(--color-ink-secondary-inverse-static)
    }

    .dark\:text-ink-secondary-strong:is(.dark *) {
        color: var(--color-ink-secondary-strong)
    }

    .dark\:text-neutral-50:is(.dark *) {
        color: var(--color-neutral-50)
    }

    .dark\:text-neutral-100:is(.dark *) {
        color: var(--color-neutral-100)
    }

    .dark\:text-neutral-300:is(.dark *) {
        color: var(--color-neutral-300)
    }

    .dark\:text-neutral-400:is(.dark *) {
        color: var(--color-neutral-400)
    }

    .dark\:text-oats-blue-100:is(.dark *) {
        color: var(--color-oats-blue-100)
    }

    .dark\:text-oats-blue-200:is(.dark *) {
        color: var(--color-oats-blue-200)
    }

    .dark\:text-oats-blue-300:is(.dark *) {
        color: var(--color-oats-blue-300)
    }

    .dark\:text-oats-gold-100:is(.dark *) {
        color: var(--color-oats-gold-100)
    }

    .dark\:text-oats-gold-200:is(.dark *) {
        color: var(--color-oats-gold-200)
    }

    .dark\:text-oats-gold-300:is(.dark *) {
        color: var(--color-oats-gold-300)
    }

    .dark\:text-oats-green-50:is(.dark *) {
        color: var(--color-oats-green-50)
    }

    .dark\:text-oats-green-100:is(.dark *) {
        color: var(--color-oats-green-100)
    }

    .dark\:text-oats-green-200:is(.dark *) {
        color: var(--color-oats-green-200)
    }

    .dark\:text-oats-green-200\/80:is(.dark *) {
        color: #d1e043cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-oats-green-200\/80:is(.dark *) {
            color: color-mix(in oklab, var(--color-oats-green-200) 80%, transparent)
        }
    }.dark\:text-oats-green-300:is(.dark *) {
         color: var(--color-oats-green-300)
     }

    .dark\:text-oats-green-400:is(.dark *) {
        color: var(--color-oats-green-400)
    }

    .dark\:text-oats-neutral-50:is(.dark *) {
        color: var(--color-oats-neutral-50)
    }

    .dark\:text-oats-neutral-100:is(.dark *) {
        color: var(--color-oats-neutral-100)
    }

    .dark\:text-oats-neutral-200:is(.dark *) {
        color: var(--color-oats-neutral-200)
    }

    .dark\:text-oats-neutral-300:is(.dark *) {
        color: var(--color-oats-neutral-300)
    }

    .dark\:text-oats-neutral-400:is(.dark *) {
        color: var(--color-oats-neutral-400)
    }

    .dark\:text-oats-neutral-600:is(.dark *) {
        color: var(--color-oats-neutral-600)
    }

    .dark\:text-oats-neutral-700:is(.dark *) {
        color: var(--color-oats-neutral-700)
    }

    .dark\:text-oats-pink-100:is(.dark *) {
        color: var(--color-oats-pink-100)
    }

    .dark\:text-oats-pink-200:is(.dark *) {
        color: var(--color-oats-pink-200)
    }

    .dark\:text-oats-purple-100:is(.dark *) {
        color: var(--color-oats-purple-100)
    }

    .dark\:text-oats-purple-200:is(.dark *) {
        color: var(--color-oats-purple-200)
    }

    .dark\:text-oats-purple-300:is(.dark *) {
        color: var(--color-oats-purple-300)
    }

    .dark\:text-oats-red-200:is(.dark *) {
        color: var(--color-oats-red-200)
    }

    .dark\:text-oats-red-300:is(.dark *) {
        color: var(--color-oats-red-300)
    }

    .dark\:text-oats-yellow-50:is(.dark *) {
        color: var(--color-oats-yellow-50)
    }

    .dark\:text-oats-yellow-100:is(.dark *) {
        color: var(--color-oats-yellow-100)
    }

    .dark\:text-oats-yellow-200:is(.dark *) {
        color: var(--color-oats-yellow-200)
    }

    .dark\:text-oats-yellow-300:is(.dark *) {
        color: var(--color-oats-yellow-300)
    }

    .dark\:text-primary:is(.dark *) {
        color: var(--color-primary)
    }

    .dark\:text-red-300:is(.dark *) {
        color: var(--color-red-300)
    }

    .dark\:text-red-300\/50:is(.dark *) {
        color: #ffa3a380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-red-300\/50:is(.dark *) {
            color: color-mix(in oklab, var(--color-red-300) 50%, transparent)
        }
    }.dark\:text-red-300\/80:is(.dark *) {
         color: #ffa3a3cc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-red-300\/80:is(.dark *) {
            color: color-mix(in oklab, var(--color-red-300) 80%, transparent)
        }
    }.dark\:text-red-400:is(.dark *) {
         color: var(--color-red-400)
     }

    .dark\:text-rose-400:is(.dark *) {
        color: var(--color-rose-400)
    }

    .dark\:text-teal-100\/90:is(.dark *) {
        color: #cbfbf1e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-teal-100\/90:is(.dark *) {
            color: color-mix(in oklab, var(--color-teal-100) 90%, transparent)
        }
    }.dark\:text-tertiary:is(.dark *) {
         color: var(--color-tertiary)
     }

    .dark\:text-white:is(.dark *) {
        color: var(--color-white)
    }

    .dark\:text-yellow-400:is(.dark *) {
        color: var(--color-yellow-400)
    }

    .dark\:opacity-15:is(.dark *) {
        opacity: .15
    }

    .dark\:opacity-60:is(.dark *) {
        opacity: .6
    }

    .dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\]:is(.dark *) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff14);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-\[0px_0px_0px_0\.5px_rgba\(255\,255\,255\,0\.15\)\,0px_4px_6px_-2px_rgba\(0\,0\,0\,0\.2\)\]:is(.dark *) {
        --tw-shadow: 0px 0px 0px .5px var(--tw-shadow-color, #ffffff26), 0px 4px 6px -2px var(--tw-shadow-color, #0003);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-\[0px_0px_0px_0\.5px_rgba\(255\,255\,255\,0\.15\)\]:is(.dark *) {
        --tw-shadow: 0px 0px 0px .5px var(--tw-shadow-color, #ffffff26);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-\[inset_0_0_0_0\.5px_rgba\(255\,255\,255\,0\.1\)\,inset_0_0\.5px_0_0_rgba\(255\,255\,255\,0\.15\)\]:is(.dark *) {
        --tw-shadow: inset 0 0 0 .5px var(--tw-shadow-color, #ffffff1a), inset 0 .5px 0 0 var(--tw-shadow-color, #ffffff26);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.2\)\]:is(.dark *) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-none:is(.dark *) {
        --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)
    }

    .dark\:shadow-sm:is(.dark *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:ring:is(.dark *) {
        --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)
    }

    .dark\:ring-0:is(.dark *) {
        --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)
    }

    .dark\:shadow-black\/20:is(.dark *) {
        --tw-shadow-color: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-black\/20:is(.dark *) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.dark\:shadow-black\/40:is(.dark *) {
         --tw-shadow-color: #0006
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-black\/40:is(.dark *) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.dark\:shadow-red-700\/10:is(.dark *) {
         --tw-shadow-color: #bf000f1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-red-700\/10:is(.dark *) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-700) 10%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.dark\:ring-amber-800\/40:is(.dark *) {
         --tw-ring-color: #953d0066
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-amber-800\/40:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent)
        }
    }.dark\:ring-border-strong:is(.dark *) {
         --tw-ring-color: var(--color-border-strong)
     }

    .dark\:ring-emerald-800\/40:is(.dark *) {
        --tw-ring-color: #005f4666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-emerald-800\/40:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent)
        }
    }.dark\:ring-emerald-900:is(.dark *) {
         --tw-ring-color: var(--color-emerald-900)
     }

    .dark\:ring-hairline:is(.dark *) {
        --tw-ring-color: var(--color-hairline)
    }

    .dark\:ring-highlight:is(.dark *) {
        --tw-ring-color: var(--color-highlight)
    }

    .dark\:ring-highlight-secondary:is(.dark *) {
        --tw-ring-color: var(--color-highlight-secondary)
    }

    .dark\:ring-lime-500\/30:is(.dark *) {
        --tw-ring-color: #80cd004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-lime-500\/30:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-lime-500) 30%, transparent)
        }
    }.dark\:ring-oats-blue-200:is(.dark *) {
         --tw-ring-color: var(--color-oats-blue-200)
     }

    .dark\:ring-oats-blue-200\/50:is(.dark *) {
        --tw-ring-color: #b8d5ff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-oats-blue-200\/50:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-blue-200) 50%, transparent)
        }
    }.dark\:ring-oats-gold-200:is(.dark *) {
         --tw-ring-color: var(--color-oats-gold-200)
     }

    .dark\:ring-oats-green-200\/70:is(.dark *) {
        --tw-ring-color: #d1e043b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-oats-green-200\/70:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-green-200) 70%, transparent)
        }
    }.dark\:ring-oats-green-300:is(.dark *) {
         --tw-ring-color: var(--color-oats-green-300)
     }

    .dark\:ring-oats-neutral-500:is(.dark *) {
        --tw-ring-color: var(--color-oats-neutral-500)
    }

    .dark\:ring-oats-neutral-700:is(.dark *) {
        --tw-ring-color: var(--color-oats-neutral-700)
    }

    .dark\:ring-oats-off-white-a20:is(.dark *) {
        --tw-ring-color: var(--color-oats-off-white-a20)
    }

    .dark\:ring-oats-pink-200:is(.dark *) {
        --tw-ring-color: var(--color-oats-pink-200)
    }

    .dark\:ring-oats-purple-200:is(.dark *) {
        --tw-ring-color: var(--color-oats-purple-200)
    }

    .dark\:ring-oats-red-200:is(.dark *) {
        --tw-ring-color: var(--color-oats-red-200)
    }

    .dark\:ring-oats-yellow-200\/30:is(.dark *) {
        --tw-ring-color: #febe294d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-oats-yellow-200\/30:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-yellow-200) 30%, transparent)
        }
    }.dark\:ring-oats-yellow-400\/30:is(.dark *) {
         --tw-ring-color: #8b4e234d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-oats-yellow-400\/30:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-oats-yellow-400) 30%, transparent)
        }
    }.dark\:ring-red-300\/10:is(.dark *) {
         --tw-ring-color: #ffa3a31a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-red-300\/10:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-red-300) 10%, transparent)
        }
    }.dark\:ring-red-800:is(.dark *) {
         --tw-ring-color: var(--color-red-800)
     }

    .dark\:ring-red-900:is(.dark *) {
        --tw-ring-color: var(--color-red-900)
    }

    .dark\:ring-surface-sunken:is(.dark *) {
        --tw-ring-color: var(--color-surface-sunken)
    }

    .dark\:ring-white\/5:is(.dark *) {
        --tw-ring-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-white\/5:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }.dark\:ring-white\/10:is(.dark *) {
         --tw-ring-color: #ffffff1a
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-white\/10:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }.dark\:ring-white\/20:is(.dark *) {
         --tw-ring-color: #fff3
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-white\/20:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }.dark\:brightness-110:is(.dark *) {
         --tw-brightness: brightness(110%);
         filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
     }

    .dark\:drop-shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.16\)\]:is(.dark *) {
        --tw-drop-shadow-size: drop-shadow(0 0 24px var(--tw-drop-shadow-color, #00000029));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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\:invert:is(.dark *) {
        --tw-invert: invert(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .dark\:prose-invert:is(.dark *) {
        --tw-prose-body: var(--tw-prose-invert-body);
        --tw-prose-headings: var(--tw-prose-invert-headings);
        --tw-prose-lead: var(--tw-prose-invert-lead);
        --tw-prose-links: var(--tw-prose-invert-links);
        --tw-prose-bold: var(--tw-prose-invert-bold);
        --tw-prose-counters: var(--tw-prose-invert-counters);
        --tw-prose-bullets: var(--tw-prose-invert-bullets);
        --tw-prose-hr: var(--tw-prose-invert-hr);
        --tw-prose-quotes: var(--tw-prose-invert-quotes);
        --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
        --tw-prose-captions: var(--tw-prose-invert-captions);
        --tw-prose-kbd: var(--tw-prose-invert-kbd);
        --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
        --tw-prose-code: var(--tw-prose-invert-code);
        --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
        --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
        --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
        --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
    }

    .dark\:ring-inset:is(.dark *) {
        --tw-ring-inset: inset
    }

    @media (hover: hover) {
        .dark\:group-hover\/action-chip\:ring-inset:is(.dark *):is(:where(.group\/action-chip):hover *) {
            --tw-ring-inset: inset
        }

        .dark\:group-hover\/nested-button\:\!bg-transparent:is(.dark *):is(:where(.group\/nested-button):hover *) {
            background-color: #0000 !important
        }

        .dark\:group-hover\/nested-button\:bg-oats-off-white-a6:is(.dark *):is(:where(.group\/nested-button):hover *) {
            background-color: var(--color-oats-off-white-a6)
        }

        .dark\:group-hover\/nested-button\:bg-oats-off-white-a15:is(.dark *):is(:where(.group\/nested-button):hover *) {
            background-color: var(--color-oats-off-white-a15)
        }
    }.dark\:group-focus-visible\/nested-button\:\!bg-transparent:is(.dark *):is(:where(.group\/nested-button):focus-visible *) {
         background-color: #0000 !important
     }

    .dark\:group-focus-visible\/nested-button\:bg-oats-off-white-a6:is(.dark *):is(:where(.group\/nested-button):focus-visible *), .dark\:group-has-\[\:focus-visible\]\/find\:bg-oats-off-white-a6:is(.dark *):is(:where(.group\/find):has(:focus-visible) *), .dark\:group-has-\[button\:hover\]\/find\:bg-oats-off-white-a6:is(.dark *):is(:where(.group\/find):has(:is(button:hover)) *) {
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:before\:bg-oats-blue-200\/10:is(.dark *):before {
        content: var(--tw-content);
        background-color: #b8d5ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:before\:bg-oats-blue-200\/10:is(.dark *):before {
            background-color: color-mix(in oklab, var(--color-oats-blue-200) 10%, transparent)
        }
    }.dark\:after\:pointer-events-none:is(.dark *):after {
         content: var(--tw-content);
         pointer-events: none
     }

    .dark\:after\:absolute:is(.dark *):after {
        content: var(--tw-content);
        position: absolute
    }

    .dark\:after\:inset-0:is(.dark *):after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0)
    }

    .dark\:after\:rounded-\[inherit\]:is(.dark *):after {
        content: var(--tw-content);
        border-radius: inherit
    }

    .dark\:after\:ring:is(.dark *):after {
        content: var(--tw-content);
        --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)
    }

    .dark\:after\:ring-hairline:is(.dark *):after {
        content: var(--tw-content);
        --tw-ring-color: var(--color-hairline)
    }

    .dark\:after\:ring-inset:is(.dark *):after {
        content: var(--tw-content);
        --tw-ring-inset: inset
    }

    .dark\:focus-within\:border-border-strong:is(.dark *):focus-within {
        border-color: var(--color-border-strong)
    }

    .dark\:focus-within\:border-oats-green-400:is(.dark *):focus-within {
        border-color: var(--color-oats-green-400)
    }

    @media (hover: hover) {
        .hover\:dark\:border-border-strong:hover:is(.dark *) {
            border-color: var(--color-border-strong)
        }

        .dark\:hover\:bg-background-secondary:is(.dark *):hover {
            background-color: var(--color-background-secondary)
        }

        .dark\:hover\:bg-background-tertiary:is(.dark *):hover {
            background-color: var(--color-background-tertiary)
        }

        .dark\:hover\:bg-black\/20:is(.dark *):hover {
            background-color: #0003
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-black\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
            }
        }.dark\:hover\:bg-fill-highlight:is(.dark *):hover {
             background-color: var(--color-fill-highlight)
         }

        .dark\:hover\:bg-fill-soft:is(.dark *):hover {
            background-color: var(--color-fill-soft)
        }

        .dark\:hover\:bg-fill-warning-hover:is(.dark *):hover {
            background-color: var(--color-fill-warning-hover)
        }

        .dark\:hover\:bg-highlight:is(.dark *):hover {
            background-color: var(--color-highlight)
        }

        .dark\:hover\:bg-highlight-primary:is(.dark *):hover {
            background-color: var(--color-highlight-primary)
        }

        .dark\:hover\:bg-highlight-secondary:is(.dark *):hover {
            background-color: var(--color-highlight-secondary)
        }

        .dark\:hover\:bg-ink-accent:is(.dark *):hover {
            background-color: var(--color-ink-accent)
        }

        .dark\:hover\:bg-ink-accent-strong:is(.dark *):hover {
            background-color: var(--color-ink-accent-strong)
        }

        .dark\:hover\:bg-ink-primary-static:is(.dark *):hover {
            background-color: var(--color-ink-primary-static)
        }

        .dark\:hover\:bg-neutral-600:is(.dark *):hover {
            background-color: var(--color-neutral-600)
        }

        .dark\:hover\:bg-oats-blue-300\/20:is(.dark *):hover {
            background-color: #4691e233
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-blue-300\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-blue-300) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-gold-300\/20:is(.dark *):hover {
             background-color: #b89f5633
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-gold-300\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-gold-300) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-green-400\/20:is(.dark *):hover {
             background-color: #788c1533
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-green-400\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-green-400) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-green-400\/30:is(.dark *):hover {
             background-color: #788c154d
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-green-400\/30:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-green-400) 30%, transparent)
            }
        }.dark\:hover\:bg-oats-green-600\/60:is(.dark *):hover {
             background-color: #43462599
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-green-600\/60:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-green-600) 60%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-100\/10:is(.dark *):hover {
             background-color: #f7f7f21a
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-neutral-100\/10:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-neutral-100) 10%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-100\/20:is(.dark *):hover {
             background-color: #f7f7f233
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-neutral-100\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-neutral-100) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-200:is(.dark *):hover {
             background-color: var(--color-oats-neutral-200)
         }

        .dark\:hover\:bg-oats-neutral-400\/20:is(.dark *):hover {
            background-color: #acada833
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-neutral-400\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-neutral-400) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-600\/80:is(.dark *):hover {
             background-color: #72726ecc
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-neutral-600\/80:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-neutral-600) 80%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-700:is(.dark *):hover {
             background-color: var(--color-oats-neutral-700)
         }

        .dark\:hover\:bg-oats-neutral-700\/80:is(.dark *):hover {
            background-color: #4e4d4bcc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-neutral-700\/80:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-neutral-700) 80%, transparent)
            }
        }.dark\:hover\:bg-oats-neutral-800:is(.dark *):hover {
             background-color: var(--color-oats-neutral-800)
         }

        .dark\:hover\:bg-oats-off-white-a4:is(.dark *):hover {
            background-color: var(--color-oats-off-white-a4)
        }

        .dark\:hover\:bg-oats-off-white-a6:is(.dark *):hover {
            background-color: var(--color-oats-off-white-a6)
        }

        .dark\:hover\:bg-oats-off-white-a15:is(.dark *):hover {
            background-color: var(--color-oats-off-white-a15)
        }

        .dark\:hover\:bg-oats-purple-300\/20:is(.dark *):hover {
            background-color: #a191ce33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-purple-300\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-purple-300) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-red-300\/20:is(.dark *):hover {
             background-color: #e95d3d33
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-red-300\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-red-300) 20%, transparent)
            }
        }.dark\:hover\:bg-oats-yellow-300\/20:is(.dark *):hover {
             background-color: #ed921233
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-oats-yellow-300\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, transparent)
            }
        }.dark\:hover\:bg-red-500\/30:is(.dark *):hover {
             background-color: #fb2c364d
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-red-500\/30:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent)
            }
        }.dark\:hover\:bg-surface-elevated:is(.dark *):hover {
             background-color: var(--color-surface-elevated)
         }

        .dark\:hover\:bg-surface-sunken:is(.dark *):hover {
            background-color: var(--color-surface-sunken)
        }

        .dark\:hover\:bg-surface-tint-accent:is(.dark *):hover {
            background-color: var(--color-surface-tint-accent)
        }

        .dark\:hover\:bg-transparent:is(.dark *):hover {
            background-color: #0000
        }

        .dark\:hover\:bg-white\/5:is(.dark *):hover {
            background-color: #ffffff0d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/5:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
            }
        }.dark\:hover\:bg-white\/10:is(.dark *):hover {
             background-color: #ffffff1a
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/10:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
            }
        }.dark\:hover\:bg-white\/20:is(.dark *):hover {
             background-color: #fff3
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/20:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
            }
        }.dark\:hover\:text-black:is(.dark *):hover {
             color: var(--color-black)
         }

        .dark\:hover\:text-ink-primary:is(.dark *):hover {
            color: var(--color-ink-primary)
        }

        .dark\:hover\:text-ink-secondary-inverse-static:is(.dark *):hover {
            color: var(--color-ink-secondary-inverse-static)
        }

        .dark\:hover\:text-red-300\/80:is(.dark *):hover {
            color: #ffa3a3cc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:text-red-300\/80:is(.dark *):hover {
                color: color-mix(in oklab, var(--color-red-300) 80%, transparent)
            }
        }.dark\:hover\:before\:bg-oats-blue-200\/20:is(.dark *):hover:before {
             content: var(--tw-content);
             background-color: #b8d5ff33
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:before\:bg-oats-blue-200\/20:is(.dark *):hover:before {
                background-color: color-mix(in oklab, var(--color-oats-blue-200) 20%, transparent)
            }
        }.dark\:hover\:before\:bg-oats-off-white-a6:is(.dark *):hover:before {
             content: var(--tw-content);
             background-color: var(--color-oats-off-white-a6)
         }
    }.dark\:focus\:bg-surface-sunken:is(.dark *):focus {
         background-color: var(--color-surface-sunken)
     }

    .dark\:focus\:ring-oats-neutral-100:is(.dark *):focus {
        --tw-ring-color: var(--color-oats-neutral-100)
    }

    .dark\:focus-visible\:bg-oats-green-600\/60:is(.dark *):focus-visible {
        background-color: #43462599
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:bg-oats-green-600\/60:is(.dark *):focus-visible {
            background-color: color-mix(in oklab, var(--color-oats-green-600) 60%, transparent)
        }
    }.dark\:focus-visible\:bg-oats-off-white-a6:is(.dark *):focus-visible {
         background-color: var(--color-oats-off-white-a6)
     }

    .dark\:focus-visible\:bg-transparent:is(.dark *):focus-visible {
        background-color: #0000
    }

    .dark\:focus-visible\:before\:bg-oats-off-white-a6:is(.dark *):focus-visible:before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:active\:bg-neutral-600:is(.dark *):active {
        background-color: var(--color-neutral-600)
    }

    .dark\:disabled\:bg-transparent:is(.dark *):disabled {
        background-color: #0000
    }

    .dark\:disabled\:text-ink-secondary:is(.dark *):disabled {
        color: var(--color-ink-secondary)
    }

    .dark\:disabled\:text-oats-neutral-500:is(.dark *):disabled {
        color: var(--color-oats-neutral-500)
    }

    @media (hover: hover) {
        .dark\:disabled\:hover\:before\:bg-transparent:is(.dark *):disabled:hover:before {
            content: var(--tw-content);
            background-color: #0000
        }
    }.dark\:disabled\:focus-visible\:before\:bg-transparent:is(.dark *):disabled:focus-visible:before {
         content: var(--tw-content);
         background-color: #0000
     }

    .has-aria-\[current\=page\]\:dark\:bg-fill-highlight:has([aria-current=page]):is(.dark *) {
        background-color: var(--color-fill-highlight)
    }

    .dark\:has-\[\:focus-visible\]\:before\:bg-oats-off-white-a6:is(.dark *):has(:focus-visible):before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:data-highlighted\:bg-background-secondary:is(.dark *)[data-highlighted] {
        background-color: var(--color-background-secondary)
    }

    .dark\:data-popup-open\:bg-oats-off-white-a6:is(.dark *)[data-popup-open] {
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:data-popup-open\:bg-transparent:is(.dark *)[data-popup-open] {
        background-color: #0000
    }

    .dark\:data-popup-open\:before\:bg-oats-off-white-a6:is(.dark *)[data-popup-open]:before {
        content: var(--tw-content);
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:data-\[active\]\:bg-oats-off-white-a6:is(.dark *)[data-active] {
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:data-\[checked\]\:bg-fill-accent:is(.dark *)[data-checked] {
        background-color: var(--color-fill-accent)
    }

    .dark\:data-\[highlighted\]\:bg-oats-off-white-a6:is(.dark *)[data-highlighted] {
        background-color: var(--color-oats-off-white-a6)
    }

    .dark\:data-\[highlighted\]\:bg-oats-red-400\/15:is(.dark *)[data-highlighted] {
        background-color: #bd4a3026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[highlighted\]\:bg-oats-red-400\/15:is(.dark *)[data-highlighted] {
            background-color: color-mix(in oklab, var(--color-oats-red-400) 15%, transparent)
        }
    }.dark\:data-\[checked\]\:data-\[highlighted\]\:bg-fill-highlight:is(.dark *)[data-checked][data-highlighted] {
         background-color: var(--color-fill-highlight)
     }

    @media (min-width: 64rem) {
        .lg\:dark\:ring-white\/25:is(.dark *) {
            --tw-ring-color: #ffffff40
        }

        @supports (color:color-mix(in lab, red, red)) {
            .lg\:dark\:ring-white\/25:is(.dark *) {
                --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent)
            }
        }
    }@starting-style {
    .starting\:translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
}@starting-style {
    .starting\:scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }
}@starting-style {
    .starting\:grid-rows-\[0fr\] {
        grid-template-rows:0fr
    }
}@starting-style {
    .starting\:opacity-0 {
        opacity: 0
    }
}@starting-style {
    .starting\:blur-\[2px\] {
        --tw-blur: 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,)
    }
}@media (pointer: coarse) {
    .pointer-coarse\:grid-cols-\[max-content_1fr\] {
        grid-template-columns:max-content 1fr
    }
}.prose-headings\:mt-0 :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: calc(var(--spacing) * 0)
 }

    .prose-headings\:mt-2 :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: calc(var(--spacing) * 2)
    }

    .prose-headings\:mb-0 :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .prose-headings\:mb-1 :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: calc(var(--spacing) * 1)
    }

    .prose-headings\:text-lg :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .prose-headings\:leading-snug :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .prose-headings\:font-medium :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .prose-headings\:font-semibold :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .prose-headings\:text-ink-primary :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-headings\:text-primary :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-primary)
    }

    .prose-headings\:text-secondary :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-secondary)
    }

    .prose-h1\:text-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .prose-h1\:text-xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h1\:text-2xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }
    }.prose-h2\:text-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height));
         letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
     }

    .prose-h2\:text-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h2\:text-xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }.prose-h3\:text-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
         font-size: var(--text-base);
         line-height: var(--tw-leading, var(--text-base--line-height));
         letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
     }

    .prose-h3\:text-xs :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h3\:text-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }.prose-h4\:text-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
         font-size: var(--text-base);
         line-height: var(--tw-leading, var(--text-base--line-height));
         letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
     }

    .prose-h4\:text-xs :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h4\:text-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
        }
    }.prose-h5\:text-sm :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height));
         letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
     }

    .prose-h5\:text-\[11px\] :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 11px
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h5\:text-sm :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
        }
    }.prose-h6\:text-xs :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) {
         font-size: var(--text-xs);
         line-height: var(--tw-leading, var(--text-xs--line-height));
         letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
     }

    .prose-h6\:text-\[11px\] :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 11px
    }

    @container chat (min-width:48rem) {
        .\@3xl\/chat\:prose-h6\:text-xs :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
        }
    }.prose-p\:m-\[0\.25rem_0_0\.5rem_0\] :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
         margin: .25rem 0 .5rem
     }

    .prose-p\:my-2 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-block: calc(var(--spacing) * 2)
    }

    .prose-p\:list-disc :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        list-style-type: disc
    }

    .prose-p\:leading-relaxed :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .prose-p\:text-ink-primary :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-blockquote\:text-ink-secondary :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-secondary)
    }

    .prose-blockquote\:text-semi-primary :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-semi-primary)
    }

    .prose-blockquote\:opacity-70 :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        opacity: .7
    }

    .prose-blockquote\:before\:content-none :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):before, .prose-blockquote\:after\:content-none :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):after {
        content: var(--tw-content);
        --tw-content: none;
        content: none
    }

    .prose-strong\:font-medium :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .prose-strong\:font-semibold :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .prose-strong\:text-ink-primary :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-strong\:text-secondary :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-secondary)
    }

    .prose-strong\:text-semi-primary :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-semi-primary)
    }

    .dark\:prose-strong\:text-secondary:is(.dark *) :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-secondary)
    }

    .prose-code\:text-ink-secondary :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-secondary)
    }

    .prose-code\:text-secondary :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-secondary)
    }

    .prose-pre\:bg-highlight :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        background-color: var(--color-highlight)
    }

    .prose-pre\:bg-highlight-faint :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        background-color: var(--color-highlight-faint)
    }

    .prose-pre\:whitespace-pre-wrap :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        white-space: pre-wrap
    }

    .prose-pre\:text-ink-primary :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-pre\:text-secondary-strong :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-secondary-strong)
    }

    .prose-ol\:pl-6 :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-left: calc(var(--spacing) * 6)
    }

    .prose-ol\:text-ink-primary :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-ul\:-ml-1 :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-left: calc(var(--spacing) * -1)
    }

    .prose-ul\:list-outside :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        list-style-position: outside
    }

    .prose-ul\:p-0 :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding: calc(var(--spacing) * 0)
    }

    .prose-ul\:pl-4 :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-left: calc(var(--spacing) * 4)
    }

    .prose-ul\:text-ink-primary :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-li\:p-0 :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding: calc(var(--spacing) * 0)
    }

    .prose-li\:text-ink-primary :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        color: var(--color-ink-primary)
    }

    .prose-li\:marker\:text-tertiary :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) ::marker {
        color: var(--color-tertiary)
    }

    .prose-li\:marker\:text-tertiary :where(li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
        color: var(--color-tertiary)
    }

    .prose-li\:marker\:text-tertiary :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) ::-webkit-details-marker {
        color: var(--color-tertiary)
    }

    .prose-li\:marker\:text-tertiary :where(li):not(:where([class~=not-prose],[class~=not-prose] *))::-webkit-details-marker {
        color: var(--color-tertiary)
    }

    .prose-li\:marker\:proportional-nums :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) ::marker {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }

    .prose-li\:marker\:proportional-nums :where(li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }

    .prose-li\:marker\:proportional-nums :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) ::-webkit-details-marker {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }

    .prose-li\:marker\:proportional-nums :where(li):not(:where([class~=not-prose],[class~=not-prose] *))::-webkit-details-marker {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }

    .prose-hr\:my-6 :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-block: calc(var(--spacing) * 6)
    }

    .prose-hr\:border-border-strong :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
        border-color: var(--color-border-strong)
    }

    @media not all and (min-width: 768px) {
        .narrow\:hidden {
            display: none
        }

        .narrow\:size-8 {
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8)
        }

        .narrow\:size-full {
            width: 100%;
            height: 100%
        }

        .narrow\:w-8 {
            width: calc(var(--spacing) * 8)
        }

        .narrow\:max-w-8 {
            max-width: calc(var(--spacing) * 8)
        }

        .narrow\:items-center {
            align-items: center
        }

        .narrow\:justify-center {
            justify-content: center
        }

        .narrow\:gap-1 {
            gap: calc(var(--spacing) * 1)
        }

        .narrow\:\!p-0 {
            padding: calc(var(--spacing) * 0) !important
        }

        .narrow\:p-0 {
            padding: calc(var(--spacing) * 0)
        }

        .narrow\:\!px-2 {
            padding-inline: calc(var(--spacing) * 2) !important
        }

        .narrow\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .narrow\:pr-2 {
            padding-right: calc(var(--spacing) * 2)
        }
    }.\[\&_\*\]\:transition-none * {
         transition-property: none
     }

    .\[\&_\*\:focus-visible\]\:outline-none :focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .\[\&_\.ProseMirror\]\:p-3 .ProseMirror {
        padding: calc(var(--spacing) * 3)
    }

    .\[\&_\.ProseMirror\]\:text-lg .ProseMirror {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\[\&_\.mb-8\]\:mb-3 .mb-8 {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .\[\&_\:focus-visible\]\:outline-2 :focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .\[\&_\:focus-visible\]\:outline-offset-2 :focus-visible {
        outline-offset: 2px
    }

    .\[\&_\:focus-visible\]\:outline-offset-\[-3px\] :focus-visible {
        outline-offset: -3px
    }

    .\[\&_\:focus-visible\]\:outline-\[\#b4c546\] :focus-visible {
        outline-color: #b4c546
    }

    .\[\&_\:focus-visible\]\:outline-\[\#bdc88c\] :focus-visible {
        outline-color: #bdc88c
    }

    .\[\&_\[data-row-icon\]\]\:text-ink-primary [data-row-icon], .\[\&_\[data-row-value\]\]\:text-ink-primary [data-row-value], .\[\&_\[data-row-value\]_\*\]\:text-ink-primary [data-row-value] * {
        color: var(--color-ink-primary)
    }

    .\[\&_\[data-slot\=action-bar-button\]\]\:h-full [data-slot=action-bar-button] {
        height: 100%
    }

    @media (hover: hover) {
        .hover\:\[\&_\[data-slot\=assistant-card-chip\]\]\:bg-fill-highlight:hover [data-slot=assistant-card-chip] {
            background-color: var(--color-fill-highlight)
        }
    }.\[\&_\[data-slot\=assistant-card\]\]\:rounded-none [data-slot=assistant-card] {
         border-radius: 0
     }

    .\[\&_\[data-slot\=assistant-card\]\]\:bg-transparent [data-slot=assistant-card] {
        background-color: #0000
    }

    .\[\&_\[data-slot\=assistant-card\]\]\:ring-0 [data-slot=assistant-card] {
        --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)
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:z-20 [data-slot=dialog-close] {
        z-index: 20
    }

    .\[\&_\[data-slot\=nub-assistant-avatar\]\]\:text-oats-green-300 [data-slot=nub-assistant-avatar] {
        color: var(--color-oats-green-300)
    }

    .\[\&_\[data-slot\=people-picker-section-header\]\]\:pb-1\.5 [data-slot=people-picker-section-header] {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .\[\&_\[data-slot\=people-picker-section-header\]\:first-child\]\:pt-3 [data-slot=people-picker-section-header]:first-child {
        padding-top: calc(var(--spacing) * 3)
    }

    .\[\&_a\]\:cursor-pointer a {
        cursor: pointer
    }

    .\[\&_a\]\:text-\[inherit\] a {
        color: inherit
    }

    .\[\&_a\]\:text-ink-primary a {
        color: var(--color-ink-primary)
    }

    .\[\&_a\]\:text-ink-secondary-strong a {
        color: var(--color-ink-secondary-strong)
    }

    .\[\&_a\]\:no-underline a {
        text-decoration-line: none
    }

    .\[\&_a\]\:underline a {
        text-decoration-line: underline
    }

    @media (hover: hover) {
        .\[\&_a\]\:hover\:underline a:hover {
            text-decoration-line: underline
        }
    }.\[\&_a\:hover\]\:text-ink-accent a:hover {
         color: var(--color-ink-accent)
     }

    .\[\&_b\]\:font-semibold b {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_blockquote\]\:my-0 blockquote {
        margin-block: calc(var(--spacing) * 0)
    }

    .\[\&_blockquote\]\:ml-\[0\.8ex\] blockquote {
        margin-left: .8ex
    }

    .\[\&_blockquote\]\:border-l-2 blockquote {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .\[\&_blockquote\]\:border-l-\[3px\] blockquote {
        border-left-style: var(--tw-border-style);
        border-left-width: 3px
    }

    .\[\&_blockquote\]\:border-\[rgb\(204\,204\,204\)\] blockquote {
        border-color: #ccc
    }

    .\[\&_blockquote\]\:border-border-strong blockquote {
        border-color: var(--color-border-strong)
    }

    .\[\&_blockquote\]\:pl-3 blockquote {
        padding-left: calc(var(--spacing) * 3)
    }

    .\[\&_blockquote\]\:pl-\[1ex\] blockquote {
        padding-left: 1ex
    }

    .\[\&_blockquote\]\:text-ink-secondary blockquote {
        color: var(--color-ink-secondary)
    }

    .\[\&_blockquote\]\:not-italic blockquote {
        font-style: normal
    }

    .\[\&_blockquote\>p\]\:before\:content-none blockquote > p:before, .\[\&_blockquote\>p\]\:after\:content-none blockquote > p:after {
        content: var(--tw-content);
        --tw-content: none;
        content: none
    }

    .\[\&_button\]\:h-7 button {
        height: calc(var(--spacing) * 7)
    }

    .\[\&_button\]\:w-full button {
        width: 100%
    }

    .\[\&_button\]\:rounded-lg button {
        border-radius: var(--radius-lg)
    }

    .\[\&_em\]\:italic em {
        font-style: italic
    }

    .\[\&_h1\]\:m-0 h1 {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_h1\]\:text-lg h1 {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\[\&_h1\]\:font-semibold h1 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_h2\]\:m-0 h2 {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_h2\]\:text-base h2 {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
    }

    .\[\&_h2\]\:font-semibold h2 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_hr\]\:my-3 hr {
        margin-block: calc(var(--spacing) * 3)
    }

    .\[\&_hr\]\:border-0 hr {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&_hr\]\:border-t hr {
        border-top-style: var(--tw-border-style);
        border-top-width: .5px
    }

    .\[\&_hr\]\:border-ink-tertiary\/25 hr {
        border-color: var(--color-ink-tertiary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&_hr\]\:border-ink-tertiary\/25 hr {
            border-color: color-mix(in oklab, var(--color-ink-tertiary) 25%, transparent)
        }
    }.\[\&_img\]\:max-h-64 img {
         max-height: calc(var(--spacing) * 64)
     }

    .\[\&_img\]\:object-contain img {
        object-fit: contain
    }

    .\[\&_li\]\:m-0 li {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_li\]\:mb-1 li {
        margin-bottom: calc(var(--spacing) * 1)
    }

    .\[\&_li\]\:whitespace-normal li {
        white-space: normal
    }

    .\[\&_li\]\:last\:mb-0 li:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&_li_p\]\:my-1 li p {
        margin-block: calc(var(--spacing) * 1)
    }

    .\[\&_ol\]\:my-2 ol {
        margin-block: calc(var(--spacing) * 2)
    }

    .\[\&_ol\]\:list-decimal ol {
        list-style-type: decimal
    }

    .\[\&_ol\]\:pl-6 ol {
        padding-left: calc(var(--spacing) * 6)
    }

    .\[\&_ol\]\:whitespace-normal ol {
        white-space: normal
    }

    .\[\&_p\]\:m-0 p {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:mb-1 p {
        margin-bottom: calc(var(--spacing) * 1)
    }

    .\[\&_p\]\:text-\[13px\] p {
        font-size: 13px
    }

    .\[\&_p\]\:leading-4 p {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4)
    }

    .\[\&_p\:first-of-type\]\:mb-3 p:first-of-type {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .\[\&_p\:first-of-type\]\:text-base p:first-of-type {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing))
    }

    .\[\&_p\:first-of-type\]\:text-sm p:first-of-type {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing))
    }

    .\[\&_span\]\:min-w-0 span {
        min-width: calc(var(--spacing) * 0)
    }

    .\[\&_span\]\:truncate span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\[\&_span\]\:text-xs span {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing))
    }

    .\[\&_strong\]\:font-medium strong {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_strong\]\:font-semibold strong {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_strong\]\:text-ink-secondary-strong strong {
        color: var(--color-ink-secondary-strong)
    }

    .\[\&_svg\]\:size-4 svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .\[\&_svg\]\:size-\[71\.875\%\] svg {
        width: 71.875%;
        height: 71.875%
    }

    .\[\&_svg\]\:size-full svg {
        width: 100%;
        height: 100%
    }

    .\[\&_svg\]\:text-ink-primary-inverse-static svg {
        color: var(--color-ink-primary-inverse-static)
    }

    .\[\&_svg\]\:text-ink-secondary-strong-inverse-static svg {
        color: var(--color-ink-secondary-strong-inverse-static)
    }

    .\[\&_ul\]\:my-2 ul {
        margin-block: calc(var(--spacing) * 2)
    }

    .\[\&_ul\]\:list-disc ul {
        list-style-type: disc
    }

    .\[\&_ul\]\:pl-6 ul {
        padding-left: calc(var(--spacing) * 6)
    }

    .\[\&_ul\]\:whitespace-normal ul {
        white-space: normal
    }

    .\[\&\:\:-moz-range-thumb\]\:size-3\.5::-moz-range-thumb {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-moz-range-thumb\]\:border::-moz-range-thumb {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .\[\&\:\:-moz-range-thumb\]\:bg-background-window::-moz-range-thumb {
        background-color: var(--color-background-window)
    }

    .\[\&\:\:-moz-range-thumb\]\:shadow-sm::-moz-range-thumb {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&\:\:-moz-range-track\]\:h-2::-moz-range-track {
        height: calc(var(--spacing) * 2)
    }

    .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track {
        background-color: #0000
    }

    .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
        display: none
    }

    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }

    .\[\&\:\:-webkit-slider-runnable-track\]\:h-2::-webkit-slider-runnable-track {
        height: calc(var(--spacing) * 2)
    }

    .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-webkit-slider-runnable-track\]\:bg-transparent::-webkit-slider-runnable-track {
        background-color: #0000
    }

    .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-3px\]::-webkit-slider-thumb {
        margin-top: -3px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:size-3\.5::-webkit-slider-thumb {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        appearance: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:bg-background-window::-webkit-slider-thumb {
        background-color: var(--color-background-window)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&\:empty\]\:before\:pointer-events-none:empty:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .\[\&\:empty\]\:before\:text-ink-tertiary:empty:before {
        content: var(--tw-content);
        color: var(--color-ink-tertiary)
    }

    .\[\&\:empty\]\:before\:content-\[attr\(data-placeholder\)\]:empty:before {
        --tw-content: attr(data-placeholder);
        content: var(--tw-content)
    }

    .\[\&\:has\(\[data-slot\=settings-row-description\]\)_\[data-slot\=switch\]\]\:mt-2:has([data-slot=settings-row-description]) [data-slot=switch] {
        margin-top: calc(var(--spacing) * 2)
    }

    .\[\&\:hover_svg\]\:text-ink-primary-inverse-static:hover svg {
        color: var(--color-ink-primary-inverse-static)
    }

    .\[\&\:hover_svg\]\:text-ink-secondary-strong-inverse-static:hover svg {
        color: var(--color-ink-secondary-strong-inverse-static)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
        padding-inline: calc(var(--spacing) * 2)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:pt-2 *)[cmdk-group-heading] {
        padding-top: calc(var(--spacing) * 2)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:pb-1 *)[cmdk-group-heading] {
        padding-bottom: calc(var(--spacing) * 1)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-mono *)[cmdk-group-heading] {
        font-family: var(--font-mono)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-\[10px\] *)[cmdk-group-heading] {
        font-size: 10px
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:tracking-wide *)[cmdk-group-heading] {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-ink-tertiary *)[cmdk-group-heading] {
        color: var(--color-ink-tertiary)
    }

    .\[\&\:not\(\:first-child\)\]\:pl-0:not(:first-child) {
        padding-left: calc(var(--spacing) * 0)
    }

    .\[\&\:not\(\:first-child\)\]\:pl-0\.5:not(:first-child) {
        padding-left: calc(var(--spacing) * .5)
    }

    .\[\&\:not\(\:last-child\)\]\:pr-0:not(:last-child) {
        padding-right: calc(var(--spacing) * 0)
    }

    .\[\&\:not\(\:last-child\)\]\:pr-0\.5:not(:last-child) {
        padding-right: calc(var(--spacing) * .5)
    }

    .\[\&\:not\(\:only-child\)\:last-child\]\:min-h-\(--height\):not(:only-child):last-child {
        min-height: var(--height)
    }

    .\[\&\:not\(\[data-active\]\)\:not\(\[data-disabled\]\)\:hover\]\:bg-oats-off-black-a6:not([data-active]):not([data-disabled]):hover {
        background-color: var(--color-oats-off-black-a6)
    }

    .\[\&\:not\(\[data-active\]\)\:not\(\[data-disabled\]\)\:hover\]\:bg-surface-tint-neutral:not([data-active]):not([data-disabled]):hover {
        background-color: var(--color-surface-tint-neutral)
    }

    .\[\&\:not\(\[data-active\]\)\:not\(\[data-disabled\]\)\:hover\]\:text-ink-primary:not([data-active]):not([data-disabled]):hover {
        color: var(--color-ink-primary)
    }

    .\[\&\:not\(\[data-active\]\)\:not\(\[data-disabled\]\)\:hover\]\:text-ink-secondary-strong:not([data-active]):not([data-disabled]):hover {
        color: var(--color-ink-secondary-strong)
    }

    .dark\:\[\&\:not\(\[data-active\]\)\:not\(\[data-disabled\]\)\:hover\]\:bg-oats-off-white-a6:is(.dark *):not([data-active]):not([data-disabled]):hover {
        background-color: var(--color-oats-off-white-a6)
    }

    .\[\&\:not\(\[data-disabled\]\)\:hover\]\:bg-\[linear-gradient\(var\(--color-fill-highlight\)\,var\(--color-fill-highlight\)\)\]:not([data-disabled]):hover {
        background-image: linear-gradient(var(--color-fill-highlight), var(--color-fill-highlight))
    }

    .\[\&\>\*\]\:size-6 > * {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&\>\*\]\:h-full > * {
        height: 100%
    }

    .\[\&\>\*\+\*\]\:mt-2 > * + * {
        margin-top: calc(var(--spacing) * 2)
    }

    .\[\&\>\*\:first-child\]\:grow > :first-child {
        flex-grow: 1
    }

    .\[\&\>\*\:first-child\]\:rounded-l-\[1\.2em\] > :first-child {
        border-top-left-radius: 1.2em;
        border-bottom-left-radius: 1.2em
    }

    .\[\&\>\*\:first-child\]\:pe-4 > :first-child {
        padding-inline-end: calc(var(--spacing) * 4)
    }

    .\[\&\>\*\:first-child\:not\(\:last-child\)\]\:rounded-r-none > :first-child:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .\[\&\>\*\:first-child\:not\(\:last-child\)\]\:rounded-r-sm > :first-child:not(:last-child) {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm)
    }

    .\[\&\>\*\:last-child\]\:rounded-r-\[1\.2em\] > :last-child {
        border-top-right-radius: 1.2em;
        border-bottom-right-radius: 1.2em
    }

    .\[\&\>\*\:last-child_\[data-slot\=action-bar-button\]\]\:rounded-l-\[4px\] > :last-child [data-slot=action-bar-button] {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .\[\&\>\*\:last-child_\[data-slot\=action-bar-button\]\]\:rounded-r-\[14px\] > :last-child [data-slot=action-bar-button] {
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px
    }

    .\[\&\>\*\:last-child_\[data-slot\=action-bar-button\]\]\:pr-1\.5 > :last-child [data-slot=action-bar-button] {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .\[\&\>\*\:last-child\:not\(\:first-child\)\]\:rounded-l-none > :last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\*\:last-child\:not\(\:first-child\)\]\:rounded-l-sm > :last-child:not(:first-child) {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm)
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-l > :not(:first-child) {
        border-left-style: var(--tw-border-style);
        border-left-width: .5px
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-oats-off-black-a20 > :not(:first-child) {
        border-color: var(--color-oats-off-black-a20)
    }

    .dark\:\[\&\>\*\:not\(\:first-child\)\]\:border-oats-off-white-a20:is(.dark *) > :not(:first-child) {
        border-color: var(--color-oats-off-white-a20)
    }

    .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none > :not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-sm > :not(:first-child):not(:last-child) {
        border-radius: var(--radius-sm)
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:border-r > :not(:last-child) {
        border-right-style: var(--tw-border-style);
        border-right-width: .5px
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:border-r-0 > :not(:last-child) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:border-oats-off-white-a15 > :not(:last-child) {
        border-color: var(--color-oats-off-white-a15)
    }

    .\[\&\>\*\:nth-child\(5\)\]\:col-start-2 > :nth-child(5) {
        grid-column-start: 2
    }

    .\[\&\>\*\:nth-child\(6\)\]\:col-start-3 > :nth-child(6) {
        grid-column-start: 3
    }

    @container not (min-width:36rem) {
        .\@max-xl\:\[\&\>\*\:nth-child\(n\+3\)\]\:hidden > :nth-child(n+3) {
            display: none
        }
    }.\[\&\>\.pointer-events-none\]\:hidden > .pointer-events-none {
         display: none
     }

    .\[\&\>\.sr-only\]\:w-auto > .sr-only {
        width: auto
    }

    .\[\&\>\[data-slot\=bubble\]\:not\(\:has\(\[data-slot\=bubble-reactions\]\)\)\+\[data-slot\=bubble\]\]\:rounded-tl-\[8px\] > [data-slot=bubble]:not(:has([data-slot=bubble-reactions])) + [data-slot=bubble] {
        border-top-left-radius: 8px
    }

    .\[\&\>\[data-slot\=bubble\]\:not\(\:has\(\[data-slot\=bubble-reactions\]\)\)\+\[data-slot\=bubble\]\]\:rounded-tr-\[8px\] > [data-slot=bubble]:not(:has([data-slot=bubble-reactions])) + [data-slot=bubble] {
        border-top-right-radius: 8px
    }

    .\[\&\>\[data-slot\=bubble\]\:not\(\:has\(\[data-slot\=bubble-reactions\]\)\)\:has\(\+\[data-slot\=bubble\]\)\]\:rounded-br-\[8px\] > [data-slot=bubble]:not(:has([data-slot=bubble-reactions])):has(+[data-slot=bubble]) {
        border-bottom-right-radius: 8px
    }

    .\[\&\>\[data-slot\=bubble\]\:not\(\:has\(\[data-slot\=bubble-reactions\]\)\)\:has\(\+\[data-slot\=bubble\]\)\]\:rounded-bl-\[8px\] > [data-slot=bubble]:not(:has([data-slot=bubble-reactions])):has(+[data-slot=bubble]) {
        border-bottom-left-radius: 8px
    }

    .\[\&\>\[data-slot\=dialog-close\]\]\:\[-webkit-app-region\:no-drag\] > [data-slot=dialog-close] {
        -webkit-app-region: no-drag
    }

    .\[\&\>\[data-slot\=pill-banner-surface\]\]\:rounded-xl > [data-slot=pill-banner-surface] {
        border-radius: var(--radius-xl)
    }

    .\[\&\>\[data-slot\=pill-banner-surface\]\]\:bg-oats-yellow-300\/20 > [data-slot=pill-banner-surface] {
        background-color: #ed921233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&\>\[data-slot\=pill-banner-surface\]\]\:bg-oats-yellow-300\/20 > [data-slot=pill-banner-surface] {
            background-color: color-mix(in oklab, var(--color-oats-yellow-300) 20%, transparent)
        }
    }.\[\&\>\[data-slot\=pill-banner-surface\]\]\:pl-3 > [data-slot=pill-banner-surface] {
         padding-left: calc(var(--spacing) * 3)
     }

    .\[\&\>a\]\:underline > a {
        text-decoration-line: underline
    }

    .\[\&\>a\]\:underline-offset-4 > a {
        text-underline-offset: 4px
    }

    @media (hover: hover) {
        .\[\&\>a\]\:hover\:text-ink-primary > a:hover {
            color: var(--color-ink-primary)
        }
    }.\[\&\>a\:hover\]\:text-ink-primary > a:hover {
         color: var(--color-ink-primary)
     }

    .\[\&\>button\]\:pointer-events-none > button {
        pointer-events: none
    }

    .\[\&\>button\]\:flex > button {
        display: flex
    }

    .\[\&\>button\]\:size-5 > button {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .\[\&\>button\]\:w-full > button {
        width: 100%
    }

    .\[\&\>button\]\:items-center > button {
        align-items: center
    }

    .\[\&\>button\]\:justify-center > button {
        justify-content: center
    }

    .\[\&\>button\]\:rounded-full > button {
        border-radius: 3.40282e38px
    }

    .\[\&\>button\]\:bg-fill-accent > button {
        background-color: var(--color-fill-accent)
    }

    .\[\&\>button\]\:bg-highlight > button {
        background-color: var(--color-highlight)
    }

    .\[\&\>button\]\:bg-oats-green-500 > button {
        background-color: var(--color-oats-green-500)
    }

    .\[\&\>button\]\:font-medium > button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&\>button\]\:text-ink-accent-strong > button {
        color: var(--color-ink-accent-strong)
    }

    .\[\&\>button\]\:text-ink-primary-inverse-static > button {
        color: var(--color-ink-primary-inverse-static)
    }

    .\[\&\>button\]\:text-ink-tertiary > button {
        color: var(--color-ink-tertiary)
    }

    .\[\&\>button\]\:text-white > button {
        color: var(--color-white)
    }

    .\[\&\>button\]\:opacity-40 > button {
        opacity: .4
    }

    .\[\&\>button\]\:opacity-60 > button {
        opacity: .6
    }

    .\[\&\>button\]\:ring-1 > button {
        --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)
    }

    .\[\&\>button\]\:ring-hairline > button {
        --tw-ring-color: var(--color-hairline)
    }

    .\[\&\>button\:hover\]\:bg-fill-accent > button:hover {
        background-color: var(--color-fill-accent)
    }

    .\[\&\>button\:hover\]\:bg-oats-green-500 > button:hover, .dark\:\[\&\>button\:hover\]\:bg-oats-green-500:is(.dark *) > button:hover {
        background-color: var(--color-oats-green-500)
    }

    .\[\&\>button\:last-of-type\]\:\!rounded-r-\[1\.2em\] > button:last-of-type {
        border-top-right-radius: 1.2em !important;
        border-bottom-right-radius: 1.2em !important
    }

    .\[\&\>button\:last-of-type\]\:\!border-r > button:last-of-type {
        border-right-style: var(--tw-border-style) !important;
        border-right-width: .5px !important
    }

    .\[\&\>circle\]\:fill-fill-accent > circle {
        fill: var(--color-fill-accent)
    }

    .\[\&\>circle\]\:stroke-fill-accent > circle {
        stroke: var(--color-fill-accent)
    }

    .\[\&\>div\]\:-mx-4 > div {
        margin-inline: calc(var(--spacing) * -4)
    }

    .\[\&\>div\]\:mr-0 > div {
        margin-right: calc(var(--spacing) * 0)
    }

    .\[\&\>div\]\:mb-0 > div {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&\>div\]\:min-w-0 > div {
        min-width: calc(var(--spacing) * 0)
    }

    .\[\&\>div\]\:overflow-visible > div {
        overflow: visible
    }

    .\[\&\>div\]\:rounded-bl-sm > div {
        border-bottom-left-radius: var(--radius-sm)
    }

    .\[\&\>div\]\:py-0 > div {
        padding-block: calc(var(--spacing) * 0)
    }

    .\[\&\>div\]\:text-inherit > div {
        color: inherit
    }

    .\[\&\>div\:first-child\]\:self-start > div:first-child {
        align-self: flex-start
    }

    .\[\&\>h1\:first-child\]\:mt-0 > h1:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .\[\&\>h2\]\:px-0 > h2 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .\[\&\>h2\:first-child\]\:mt-0 > h2:first-child, .\[\&\>h3\:first-child\]\:mt-0 > h3:first-child, .\[\&\>h4\:first-child\]\:mt-0 > h4:first-child, .\[\&\>h5\:first-child\]\:mt-0 > h5:first-child, .\[\&\>h6\:first-child\]\:mt-0 > h6:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .\[\&\>li\]\:relative > li {
        position: relative
    }

    .\[\&\>li\]\:pl-\[21px\] > li {
        padding-left: 21px
    }

    .\[\&\>li\]\:before\:absolute > li:before {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>li\]\:before\:left-0 > li:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

    .\[\&\>li\]\:before\:w-\[15px\] > li:before {
        content: var(--tw-content);
        width: 15px
    }

    .\[\&\>li\]\:before\:text-center > li:before {
        content: var(--tw-content);
        text-align: center
    }

    .\[\&\>li\]\:before\:text-right > li:before {
        content: var(--tw-content);
        text-align: right
    }

    .\[\&\>li\]\:before\:font-\[system-ui\] > li:before {
        content: var(--tw-content);
        font-family: system-ui
    }

    .\[\&\>li\]\:before\:text-lg > li:before {
        content: var(--tw-content);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\[\&\>li\]\:before\:leading-\[inherit\] > li:before {
        content: var(--tw-content);
        --tw-leading: inherit;
        line-height: inherit
    }

    .\[\&\>li\]\:before\:text-ink-secondary > li:before {
        content: var(--tw-content);
        color: var(--color-ink-secondary)
    }

    .\[\&\>li\]\:before\:tabular-nums > li:before {
        content: var(--tw-content);
        --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,)
    }

    .\[\&\>li\]\:before\:content-\[\'•\'\] > li:before {
        --tw-content: "•";
        content: var(--tw-content)
    }

    .\[\&\>li\]\:before\:content-\[counter\(list-item\)\] > li:before {
        --tw-content: counter(list-item);
        content: var(--tw-content)
    }

    .\[\&\>p\]\:inline > p {
        display: inline
    }

    .\[\&\>path\]\:stroke-ink-primary-inverse-static > path {
        stroke: var(--color-ink-primary-inverse-static)
    }

    .\[\&\>path\:nth-child\(-n\+2\)\]\:fill-current > path:nth-child(-n+2) {
        fill: currentColor
    }

    .\[\&\>span\]\:h-6 > span {
        height: calc(var(--spacing) * 6)
    }

    .\[\&\>span\]\:h-8 > span {
        height: calc(var(--spacing) * 8)
    }

    .\[\&\>span\]\:gap-0\.5 > span {
        gap: calc(var(--spacing) * .5)
    }

    .\[\&\>span\]\:bg-oats-off-white-a15 > span {
        background-color: var(--color-oats-off-white-a15)
    }

    .\[\&\>span\]\:bg-surface-tint-accent > span {
        background-color: var(--color-surface-tint-accent)
    }

    .\[\&\>span\]\:px-0 > span {
        padding-inline: calc(var(--spacing) * 0)
    }

    .\[\&\>span\]\:text-ink-secondary > span {
        color: var(--color-ink-secondary)
    }

    @media (hover: hover) {
        .hover\:\[\&\>span\]\:bg-fill-accent-highlight-strong\!:hover > span {
            background-color: var(--color-fill-accent-highlight-strong) !important
        }

        .hover\:\[\&\>span\]\:bg-fill-highlight\/50\!:hover > span {
            background-color: var(--color-fill-highlight) !important
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:\[\&\>span\]\:bg-fill-highlight\/50\!:hover > span {
                background-color: color-mix(in oklab, var(--color-fill-highlight) 50%, transparent) !important
            }
        }.hover\:\[\&\>span\]\:bg-oats-off-white-a6\!:hover > span {
             background-color: var(--color-oats-off-white-a6) !important
         }

        .hover\:\[\&\>span\]\:bg-oats-off-white-a20\!:hover > span {
            background-color: var(--color-oats-off-white-a20) !important
        }
    }.focus-visible\:\[\&\>span\]\:bg-fill-accent-highlight-strong\!:focus-visible > span {
         background-color: var(--color-fill-accent-highlight-strong) !important
     }

    .focus-visible\:\[\&\>span\]\:bg-fill-highlight\/50\!:focus-visible > span {
        background-color: var(--color-fill-highlight) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:\[\&\>span\]\:bg-fill-highlight\/50\!:focus-visible > span {
            background-color: color-mix(in oklab, var(--color-fill-highlight) 50%, transparent) !important
        }
    }.focus-visible\:\[\&\>span\]\:bg-oats-off-white-a6\!:focus-visible > span {
         background-color: var(--color-oats-off-white-a6) !important
     }

    .focus-visible\:\[\&\>span\]\:bg-oats-off-white-a20\!:focus-visible > span {
        background-color: var(--color-oats-off-white-a20) !important
    }

    .\[\&\>span\:last-child\]\:hidden > span:last-child {
        display: none
    }

    .\[\&\>span\:last-child\]\:text-ink-accent > span:last-child {
        color: var(--color-ink-accent)
    }

    .\[\&\>span\:last-child\]\:text-ink-primary > span:last-child {
        color: var(--color-ink-primary)
    }

    .\[\&\>svg\]\:block > svg {
        display: block
    }

    .\[\&\>svg\]\:text-ink-secondary > svg {
        color: var(--color-ink-secondary)
    }

    .\[\&\>svg\]\:text-oats-red-400 > svg {
        color: var(--color-oats-red-400)
    }

    .dark\:\[\&\>svg\]\:text-oats-red-200:is(.dark *) > svg {
        color: var(--color-oats-red-200)
    }

    .\[\&\>td\]\:border-b > td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .5px
    }

    .\[\&\>td\]\:border-hairline > td {
        border-color: var(--border-color-hairline)
    }

    .last\:\[\&\>td\]\:border-b-0:last-child > td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .dark\:\[\&\>td\]\:border-hairline\/50:is(.dark *) > td {
        border-color: var(--border-color-hairline)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:\[\&\>td\]\:border-hairline\/50:is(.dark *) > td {
            border-color: color-mix(in oklab, var(--border-color-hairline) 50%, transparent)
        }
    }.\[\&\>th\]\:border-b > th {
         border-bottom-style: var(--tw-border-style);
         border-bottom-width: .5px
     }

    .\[\&\>th\]\:border-hairline > th {
        border-color: var(--border-color-hairline)
    }

    .\[\&\[data-active\]\[data-popup-open\]\]\:text-ink-primary[data-active][data-popup-open] {
        color: var(--color-ink-primary)
    }

    .\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
        transform: translateY(150%)
    }

    .\[\&\[data-popup-open\]_svg\]\:text-ink-primary-inverse-static[data-popup-open] svg {
        color: var(--color-ink-primary-inverse-static)
    }

    .using-keys .\[\.using-keys_\&\]\:inline-block {
        display: inline-block
    }

    @media not all and (min-width: 40rem) {
        @media (min-height: 680px) {
            .max-sm\:\[\@media\(min-height\:680px\)\]\:block {
                display: block
            }

            .max-sm\:\[\@media\(min-height\:680px\)\]\:h-\[640px\] {
                height: 640px
            }
        }
    }[data-sonner-toast][data-expanded=false][data-front=false] .\[\[data-sonner-toast\]\[data-expanded\=false\]\[data-front\=false\]_\&\]\:opacity-0 {
         opacity: 0
     }

    [data-variant=legend] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5)
    }

    .scroll-container {
        container-type: scroll-state
    }

    :is(.scroll-fade-top,.scroll-fade):before {
        content: "";
        z-index: 10;
        height: var(--scroll-fade-size, 1.5rem);
        margin-bottom: calc(-1 * var(--scroll-fade-size, 1.5rem));
        pointer-events: none;
        opacity: 0;
        background: linear-gradient(to bottom, var(--scroll-fade-color, var(--color-surface)), transparent);
        transition: opacity .15s;
        display: block;
        position: sticky;
        top: 0
    }

    @container scroll-state(scrollable:top) {
        :is(.scroll-fade-top,.scroll-fade):before {
            opacity: 1
        }
    }.scroll-fade:after {
         content: "";
         z-index: 10;
         height: var(--scroll-fade-size, 1.5rem);
         margin-top: calc(-1 * var(--scroll-fade-size, 1.5rem));
         pointer-events: none;
         opacity: 0;
         background: linear-gradient(to top, var(--scroll-fade-color, var(--color-surface)), transparent);
         transition: opacity .15s;
         display: block;
         position: sticky;
         bottom: 0
     }

    @container scroll-state(scrollable:bottom) {
        .scroll-fade:after {
            opacity: 1
        }
    }.minimal-scrollbar {
         scrollbar-width: thin;
         scrollbar-color: var(--color-oats-neutral-400) transparent
     }

    .minimal-scrollbar::-webkit-scrollbar {
        width: 6px
    }

    .minimal-scrollbar::-webkit-scrollbar-track-piece {
        background-color: #0000
    }

    .minimal-scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--color-oats-neutral-100);
        border: 0;
        outline: 0
    }

    .minimal-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: var(--color-oats-neutral-200)
    }

    .minimal-scrollbar-sm {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent
    }

    .minimal-scrollbar-sm:hover {
        scrollbar-color: var(--color-oats-neutral-200) transparent
    }

    .minimal-scrollbar-sm::-webkit-scrollbar {
        width: 4px
    }

    .minimal-scrollbar-sm::-webkit-scrollbar-track-piece {
        background-color: #0000
    }

    .minimal-scrollbar-sm::-webkit-scrollbar-thumb {
        background-color: #0000;
        border: 0;
        border-radius: 9999px;
        outline: 0
    }

    .minimal-scrollbar-sm:hover::-webkit-scrollbar-thumb {
        background-color: var(--color-oats-neutral-200)
    }

    .minimal-scrollbar-sm:hover::-webkit-scrollbar-thumb:hover {
        background-color: var(--color-oats-neutral-200)
    }

    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .scrollbar-hide::-webkit-scrollbar {
        display: none
    }
}

:root {
    --oats-border-focus: #788c1599;
    --oats-border-hairline: #47432a33;
    --oats-fill-accent: #5b6f00;
    --oats-fill-accent-highlight: #788c1526;
    --oats-fill-accent-highlight-strong: #5b6f0033;
    --oats-fill-accent-hover: #4c5616;
    --oats-fill-danger: #e95d3d;
    --oats-fill-danger-hover: #bd4a30;
    --oats-fill-disabled: #d5d5d2;
    --oats-fill-highlight: #625a220f;
    --oats-fill-highlight-inverse: #ffffff0f;
    --oats-fill-highlight-strong: #56512e1f;
    --oats-fill-highlight-strong-inverse: #ffffff26;
    --oats-fill-input: #fff;
    --oats-fill-input-disabled: #f7f7f2;
    --oats-fill-neutral: #acada8;
    --oats-fill-primary: #292929;
    --oats-fill-primary-hover: #4e4d4b;
    --oats-fill-primary-inverse: #eaebe5;
    --oats-fill-soft: #625a220f;
    --oats-fill-soft-hover: #56512e1f;
    --oats-fill-soft-opaque: #eaebe5;
    --oats-fill-soft-opaque-hover: #d5d5d2;
    --oats-fill-warning: #fed468;
    --oats-fill-warning-hover: #ffeaa6;
    --oats-ink-accent: #788c15;
    --oats-ink-accent-strong: #5b6f00;
    --oats-ink-danger: #bd4a30;
    --oats-ink-primary: #292929;
    --oats-ink-primary-inverse: #fcfcf8;
    --oats-ink-primary-inverse-static: #fcfcf8;
    --oats-ink-primary-static: #292929;
    --oats-ink-secondary: #72726e;
    --oats-ink-secondary-inverse: #9e9e99;
    --oats-ink-secondary-inverse-static: #9e9e99;
    --oats-ink-secondary-static: #72726e;
    --oats-ink-secondary-strong: #4e4d4b;
    --oats-ink-secondary-strong-inverse-static: #acada8;
    --oats-ink-secondary-strong-static: #4e4d4b;
    --oats-ink-tertiary: #acada8;
    --oats-ink-tertiary-static: #acada8;
    --oats-surface: #f7f7f2;
    --oats-surface-accent-blue: #eaf4fe;
    --oats-surface-accent-green: #f2f6e1;
    --oats-surface-accent-purple: #f3f0fa;
    --oats-surface-elevated: #fff;
    --oats-surface-overlay: #818179;
    --oats-surface-raised: #fff;
    --oats-surface-sunken: #f2f2ec;
    --oats-surface-tooltip: #363635;
    --oats-system-dancing-bars: #74bd00;
    --oats-surface-tint-accent: #e5eacd;
    --oats-surface-tint-neutral: #625a220f
}

html.dark {
    --oats-surface: #292929;
    --oats-surface-raised: #313130;
    --oats-surface-elevated: #363635;
    --oats-surface-sunken: #212121;
    --oats-surface-tooltip: #363635;
    --oats-surface-accent-green: #313225;
    --oats-surface-accent-blue: #2e303b;
    --oats-surface-accent-purple: #34313e;
    --oats-surface-overlay: #4e4d4b;
    --oats-surface-tint-neutral: #ffffff0a;
    --oats-surface-tint-accent: #434625;
    --oats-ink-primary: #fcfcf8;
    --oats-ink-secondary-strong: #acada8;
    --oats-ink-secondary: #9e9e99;
    --oats-ink-tertiary: #818179;
    --oats-ink-primary-static: #292929;
    --oats-ink-secondary-strong-static: #4e4d4b;
    --oats-ink-secondary-static: #72726e;
    --oats-ink-tertiary-static: #acada8;
    --oats-ink-primary-inverse: #292929;
    --oats-ink-secondary-inverse: #72726e;
    --oats-ink-primary-inverse-static: #fcfcf8;
    --oats-ink-secondary-strong-inverse-static: #acada8;
    --oats-ink-secondary-inverse-static: #9e9e99;
    --oats-ink-accent: #788c15;
    --oats-ink-accent-strong: #b2c248;
    --oats-ink-danger: #ec7558;
    --oats-fill-primary: #eaebe5;
    --oats-fill-primary-hover: #acada8;
    --oats-fill-primary-inverse: #292929;
    --oats-fill-accent: #5b6f00;
    --oats-fill-accent-hover: #788c15;
    --oats-fill-danger: #bd4a30;
    --oats-fill-danger-hover: #e95d3d;
    --oats-fill-neutral: #72726e;
    --oats-fill-disabled: #4e4d4b;
    --oats-fill-highlight: #ffffff0f;
    --oats-fill-highlight-strong: #ffffff26;
    --oats-fill-highlight-inverse: #625a220f;
    --oats-fill-highlight-strong-inverse: #56512e1f;
    --oats-fill-soft: #ffffff0f;
    --oats-fill-soft-hover: #ffffff26;
    --oats-fill-soft-opaque: #363635;
    --oats-fill-soft-opaque-hover: #72726e;
    --oats-fill-accent-highlight: #788c1533;
    --oats-fill-accent-highlight-strong: #b2c24833;
    --oats-fill-input: #363635;
    --oats-fill-input-disabled: #363635;
    --oats-fill-warning: #fed468;
    --oats-fill-warning-hover: #ffeaa6;
    --oats-border-hairline: #ffffff26;
    --oats-border-focus: #b2c24899;
    --oats-system-dancing-bars: #74bd00
}

@keyframes slideUpAndFade {
    0% {
        opacity: 0;
        transform: translateY(2px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideDownAndFade {
    0% {
        opacity: 0;
        transform: translateY(-3px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUpAndFadeClosed {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-2px)
    }
}

@keyframes overlayShow {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes overlayHide {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes contentShow {
    0% {
        opacity: 0;
        transform: translate(-50%, -48%) scale(.96)
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes contentHide {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        opacity: 0;
        transform: translate(-50%, -48%) scale(.96)
    }
}

@keyframes dialogContentShow {
    0% {
        opacity: 0;
        scale: .96
    }
    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes dialogContentHide {
    0% {
        opacity: 1;
        scale: 1
    }
    to {
        opacity: 0;
        scale: .96
    }
}

@keyframes jumpingDots {
    0% {
        opacity: 0;
        transform: translate(0)
    }
    30%, 70% {
        opacity: 1;
        transform: translate(3px)
    }
    to {
        opacity: 0;
        transform: translate(6px)
    }
}

@keyframes oats-jumping-dots {
    0%, to {
        opacity: .3;
        transform: translateY(0)
    }
    50% {
        opacity: 1;
        transform: translateY(-2px)
    }
}

@keyframes oats-typing-dot {
    0%, 60%, to {
        opacity: .35
    }
    30% {
        opacity: 1
    }
}

@keyframes sparklesIcon {
    0% {
        opacity: 1;
        transform: scale(1) rotate(0)
    }
    50% {
        opacity: .8;
        transform: scale(.7) rotate(90deg)
    }
    to {
        opacity: 1;
        transform: scale(1) rotate(180deg)
    }
}

@keyframes sparklesIconSlow {
    0%, 70% {
        opacity: 1;
        transform: scale(1)
    }
    15%, 85% {
        opacity: .8;
        transform: scale(.7)
    }
    30%, to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes sparklesIconStroke {
    0% {
        transform: scale(1) rotate(0)
    }
    50% {
        transform: scale(.85) rotate(90deg)
    }
    to {
        transform: scale(1) rotate(180deg)
    }
}

@keyframes bounceRight {
    0%, to {
        transform: translate(0)
    }
    25% {
        transform: translate(4px)
    }
    75% {
        transform: translate(2px)
    }
}

@keyframes nudge {
    0%, 9.1%, to {
        transform: translate(0)
    }
    1.8% {
        transform: translate(-3px)
    }
    3.6% {
        transform: translate(3px)
    }
    5.5% {
        transform: translate(-3px)
    }
    7.3% {
        transform: translate(3px)
    }
}

@keyframes wiggle {
    0%, to {
        transform: translate(0)
    }
    15% {
        transform: translate(-5px)
    }
    30% {
        transform: translate(5px)
    }
    45% {
        transform: translate(-5px)
    }
    60% {
        transform: translate(5px)
    }
    75% {
        transform: translate(-5px)
    }
    90% {
        transform: translate(5px)
    }
}

@keyframes workflowOutcomeIn {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translateY(4px)
    }
    to {
        opacity: 1;
        filter: blur();
        transform: translateY(0)
    }
}

@keyframes shimmer {
    0% {
        background-position: 250%
    }
    to {
        background-position: -250%
    }
}

@keyframes shimmerBackground {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes oats-marquee {
    0% {
        transform: translate(-50%)
    }
}

@keyframes oats-fill-bg-x {
    0% {
        background-size: 0% 100%
    }
    to {
        background-size: 100% 100%
    }
}

@keyframes oats-fill-x {
    0% {
        clip-path: inset(0 100% 0 0)
    }
    to {
        clip-path: inset(0)
    }
}

@keyframes logoStroke {
    0% {
        opacity: 0;
        stroke-dashoffset: 1px
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeDelay1 {
    0% {
        opacity: 0;
        stroke-dashoffset: 1px
    }
    5% {
        stroke-dashoffset: 1px
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeDelay2 {
    0% {
        opacity: 0;
        stroke-dashoffset: 1px
    }
    10% {
        opacity: 1;
        stroke-dashoffset: 1px
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeDelay3 {
    0% {
        opacity: 0;
        stroke-dashoffset: 1px
    }
    10% {
        opacity: 1
    }
    15% {
        opacity: 1;
        stroke-dashoffset: 1px
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeDelay4 {
    0% {
        opacity: 0;
        stroke-dashoffset: 1px
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 1;
        stroke-dashoffset: 1px
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeDelay5 {
    0% {
        stroke-dashoffset: 1px
    }
    25% {
        stroke-dashoffset: 1px
    }
    to {
        stroke-dashoffset: 2px
    }
}

@keyframes logoStrokeLoop {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .054px
    }
    20% {
        stroke-dashoffset: .144px
    }
    22.5% {
        stroke-dashoffset: .234px
    }
    25% {
        stroke-dashoffset: .324px
    }
    27.5% {
        stroke-dashoffset: .414px
    }
    30% {
        stroke-dashoffset: .504px
    }
    32.5% {
        stroke-dashoffset: .594px
    }
    35% {
        stroke-dashoffset: .684px
    }
    37.5% {
        stroke-dashoffset: .774px
    }
    40% {
        stroke-dashoffset: .864px
    }
    42.5% {
        stroke-dashoffset: .954px
    }
    45% {
        stroke-dashoffset: 1.044px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.13583px
    }
    55% {
        stroke-dashoffset: 1.19167px
    }
    57.5% {
        stroke-dashoffset: 1.2475px
    }
    60% {
        stroke-dashoffset: 1.30333px
    }
    62.5% {
        stroke-dashoffset: 1.35917px
    }
    65% {
        stroke-dashoffset: 1.415px
    }
    67.5% {
        stroke-dashoffset: 1.47083px
    }
    70% {
        stroke-dashoffset: 1.52667px
    }
    72.5% {
        stroke-dashoffset: 1.5825px
    }
    75% {
        stroke-dashoffset: 1.63833px
    }
    77.5% {
        stroke-dashoffset: 1.69417px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes logoStrokeLoopRainbow1 {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .04461px
    }
    20% {
        stroke-dashoffset: .1196px
    }
    22.5% {
        stroke-dashoffset: .19624px
    }
    25% {
        stroke-dashoffset: .27546px
    }
    27.5% {
        stroke-dashoffset: .35799px
    }
    30% {
        stroke-dashoffset: .44433px
    }
    32.5% {
        stroke-dashoffset: .53474px
    }
    35% {
        stroke-dashoffset: .62919px
    }
    37.5% {
        stroke-dashoffset: .72737px
    }
    40% {
        stroke-dashoffset: .82873px
    }
    42.5% {
        stroke-dashoffset: .9325px
    }
    45% {
        stroke-dashoffset: 1.03773px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.15136px
    }
    55% {
        stroke-dashoffset: 1.22167px
    }
    57.5% {
        stroke-dashoffset: 1.28993px
    }
    60% {
        stroke-dashoffset: 1.35529px
    }
    62.5% {
        stroke-dashoffset: 1.41712px
    }
    65% {
        stroke-dashoffset: 1.475px
    }
    67.5% {
        stroke-dashoffset: 1.52879px
    }
    70% {
        stroke-dashoffset: 1.57863px
    }
    72.5% {
        stroke-dashoffset: 1.62493px
    }
    75% {
        stroke-dashoffset: 1.66833px
    }
    77.5% {
        stroke-dashoffset: 1.7097px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes logoStrokeLoopRainbow2 {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .03523px
    }
    20% {
        stroke-dashoffset: .09519px
    }
    22.5% {
        stroke-dashoffset: .15848px
    }
    25% {
        stroke-dashoffset: .22692px
    }
    27.5% {
        stroke-dashoffset: .30197px
    }
    30% {
        stroke-dashoffset: .38466px
    }
    32.5% {
        stroke-dashoffset: .47548px
    }
    35% {
        stroke-dashoffset: .57437px
    }
    37.5% {
        stroke-dashoffset: .68074px
    }
    40% {
        stroke-dashoffset: .79347px
    }
    42.5% {
        stroke-dashoffset: .911px
    }
    45% {
        stroke-dashoffset: 1.03146px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.16689px
    }
    55% {
        stroke-dashoffset: 1.25167px
    }
    57.5% {
        stroke-dashoffset: 1.33235px
    }
    60% {
        stroke-dashoffset: 1.40726px
    }
    62.5% {
        stroke-dashoffset: 1.47508px
    }
    65% {
        stroke-dashoffset: 1.535px
    }
    67.5% {
        stroke-dashoffset: 1.58674px
    }
    70% {
        stroke-dashoffset: 1.63059px
    }
    72.5% {
        stroke-dashoffset: 1.66735px
    }
    75% {
        stroke-dashoffset: 1.69833px
    }
    77.5% {
        stroke-dashoffset: 1.72522px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes logoStrokeLoopRainbow3 {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .02584px
    }
    20% {
        stroke-dashoffset: .07079px
    }
    22.5% {
        stroke-dashoffset: .12072px
    }
    25% {
        stroke-dashoffset: .17838px
    }
    27.5% {
        stroke-dashoffset: .24596px
    }
    30% {
        stroke-dashoffset: .32499px
    }
    32.5% {
        stroke-dashoffset: .41622px
    }
    35% {
        stroke-dashoffset: .51956px
    }
    37.5% {
        stroke-dashoffset: .63411px
    }
    40% {
        stroke-dashoffset: .7582px
    }
    42.5% {
        stroke-dashoffset: .88949px
    }
    45% {
        stroke-dashoffset: 1.02518px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.18242px
    }
    55% {
        stroke-dashoffset: 1.28167px
    }
    57.5% {
        stroke-dashoffset: 1.37478px
    }
    60% {
        stroke-dashoffset: 1.45922px
    }
    62.5% {
        stroke-dashoffset: 1.53303px
    }
    65% {
        stroke-dashoffset: 1.595px
    }
    67.5% {
        stroke-dashoffset: 1.6447px
    }
    70% {
        stroke-dashoffset: 1.68255px
    }
    72.5% {
        stroke-dashoffset: 1.70978px
    }
    75% {
        stroke-dashoffset: 1.72833px
    }
    77.5% {
        stroke-dashoffset: 1.74075px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes logoStrokeLoopRainbow4 {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .01646px
    }
    20% {
        stroke-dashoffset: .04638px
    }
    22.5% {
        stroke-dashoffset: .08296px
    }
    25% {
        stroke-dashoffset: .12984px
    }
    27.5% {
        stroke-dashoffset: .18994px
    }
    30% {
        stroke-dashoffset: .26531px
    }
    32.5% {
        stroke-dashoffset: .35695px
    }
    35% {
        stroke-dashoffset: .46475px
    }
    37.5% {
        stroke-dashoffset: .58748px
    }
    40% {
        stroke-dashoffset: .72293px
    }
    42.5% {
        stroke-dashoffset: .86799px
    }
    45% {
        stroke-dashoffset: 1.01891px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.19795px
    }
    55% {
        stroke-dashoffset: 1.31167px
    }
    57.5% {
        stroke-dashoffset: 1.41721px
    }
    60% {
        stroke-dashoffset: 1.51118px
    }
    62.5% {
        stroke-dashoffset: 1.59099px
    }
    65% {
        stroke-dashoffset: 1.655px
    }
    67.5% {
        stroke-dashoffset: 1.70266px
    }
    70% {
        stroke-dashoffset: 1.73451px
    }
    72.5% {
        stroke-dashoffset: 1.75221px
    }
    75% {
        stroke-dashoffset: 1.75833px
    }
    77.5% {
        stroke-dashoffset: 1.75628px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes logoStrokeLoopRainbow5 {
    0% {
        stroke-dashoffset: 0
    }
    2.5% {
        stroke-dashoffset: 0
    }
    5% {
        stroke-dashoffset: 0
    }
    7.5% {
        stroke-dashoffset: 0
    }
    10% {
        stroke-dashoffset: 0
    }
    12.5% {
        stroke-dashoffset: 0
    }
    15% {
        stroke-dashoffset: 0
    }
    17.5% {
        stroke-dashoffset: .00707px
    }
    20% {
        stroke-dashoffset: .02198px
    }
    22.5% {
        stroke-dashoffset: .0452px
    }
    25% {
        stroke-dashoffset: .08129px
    }
    27.5% {
        stroke-dashoffset: .13393px
    }
    30% {
        stroke-dashoffset: .20564px
    }
    32.5% {
        stroke-dashoffset: .29769px
    }
    35% {
        stroke-dashoffset: .40994px
    }
    37.5% {
        stroke-dashoffset: .54086px
    }
    40% {
        stroke-dashoffset: .68766px
    }
    42.5% {
        stroke-dashoffset: .84649px
    }
    45% {
        stroke-dashoffset: 1.01264px
    }
    47.5% {
        stroke-dashoffset: 1.08px
    }
    50% {
        stroke-dashoffset: 1.08px
    }
    52.5% {
        stroke-dashoffset: 1.21348px
    }
    55% {
        stroke-dashoffset: 1.34167px
    }
    57.5% {
        stroke-dashoffset: 1.45963px
    }
    60% {
        stroke-dashoffset: 1.56314px
    }
    62.5% {
        stroke-dashoffset: 1.64894px
    }
    65% {
        stroke-dashoffset: 1.715px
    }
    67.5% {
        stroke-dashoffset: 1.76061px
    }
    70% {
        stroke-dashoffset: 1.78647px
    }
    72.5% {
        stroke-dashoffset: 1.79463px
    }
    75% {
        stroke-dashoffset: 1.78833px
    }
    77.5% {
        stroke-dashoffset: 1.77181px
    }
    80% {
        stroke-dashoffset: 1.75px
    }
    82.5% {
        stroke-dashoffset: 1.75px
    }
    85% {
        stroke-dashoffset: 1.75px
    }
    87.5% {
        stroke-dashoffset: 1.75px
    }
    90% {
        stroke-dashoffset: 1.75px
    }
    92.5% {
        stroke-dashoffset: 1.75px
    }
    95% {
        stroke-dashoffset: 1.75px
    }
    97.5% {
        stroke-dashoffset: 1.75px
    }
    to {
        stroke-dashoffset: 1.75px
    }
}

@keyframes gradient-text-slide {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes chromaColor {
    0% {
        color: #fff
    }
    25% {
        color: #febe29
    }
    40% {
        color: #ff91e0
    }
    55% {
        color: #cebef8
    }
    70% {
        color: #d1e043
    }
    to {
        color: #fff
    }
}

@keyframes chromaColorMuted {
    0%, to {
        color: #818179b3
    }
    20% {
        color: #b39959
    }
    40% {
        color: #b387a2
    }
    60% {
        color: #a099ac
    }
    80% {
        color: #a1a763
    }
}

@keyframes chromaGeneratingLetterWave {
    0%, to {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-1.25px)
    }
}

@keyframes chromaGenerateIdleSweepLoop {
    0% {
        background-position: 100%
    }
    to {
        background-position: 0%
    }
}

.meeting-action-chroma-generate-label-host {
    display: inline-block;
    position: relative
}

.meeting-action-chroma-generate-label-host:after {
    content: attr(data-label);
    pointer-events: none;
    white-space: nowrap;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    opacity: 0;
    background-image: linear-gradient(105deg, var(--color-ink-primary-inverse-static) 0%, var(--color-ink-primary-inverse-static) 32%, var(--color-ink-primary-inverse-static) 40%, var(--color-ink-primary-inverse-static) 47%, var(--color-ink-primary-inverse-static) 53%, var(--color-ink-primary-inverse-static) 60%, var(--color-ink-primary-inverse-static) 66%, var(--color-ink-primary-inverse-static) 100%);
    position: absolute;
    top: 0;
    left: 0
}

@supports (color:color-mix(in lab, red, red)) {
    .meeting-action-chroma-generate-label-host:after {
        background-image: linear-gradient(105deg, var(--color-ink-primary-inverse-static) 0%, var(--color-ink-primary-inverse-static) 32%, color-mix(in srgb, var(--color-ink-primary-inverse-static) 62%, #febe29) 40%, color-mix(in srgb, var(--color-ink-primary-inverse-static) 52%, #ff91e0) 47%, color-mix(in srgb, var(--color-ink-primary-inverse-static) 52%, #cebef8) 53%, color-mix(in srgb, var(--color-ink-primary-inverse-static) 62%, #d1e043) 60%, var(--color-ink-primary-inverse-static) 66%, var(--color-ink-primary-inverse-static) 100%)
    }
}

.meeting-action-chroma-generate-label-host:after {
    color: #0000;
    background-position: 100%;
    background-size: 320% 100%;
    -webkit-background-clip: text;
    background-clip: text
}

@media (prefers-reduced-motion: no-preference) {
    .group\/chroma-generate:hover .meeting-action-chroma-generate-label-host:after, .group\/chroma-generate[data-simulate-hover] .meeting-action-chroma-generate-label-host:after {
        opacity: 1;
        animation: 2.2s linear infinite chromaGenerateIdleSweepLoop
    }

    .group\/chroma-generate:hover .meeting-action-chroma-generate-label-host-inner, .group\/chroma-generate[data-simulate-hover] .meeting-action-chroma-generate-label-host-inner {
        color: #0000
    }
}

@keyframes findingsHoverFrames {
    0% {
        background-image: url(../media/green1.303dv1a8wl_j_.png)
    }
    25% {
        background-image: url(../media/green2.3mo9csiggwone.png)
    }
    50% {
        background-image: url(../media/pink1.23wnhrip-uedw.png)
    }
    75% {
        background-image: url(../media/pink2.2srbi_rtcvy8_.png)
    }
}

.oats-avatar-group .oats-avatar:not(:first-child) {
    margin-left: calc(var(--size) * -.25);
    -webkit-mask-image: radial-gradient(circle calc(var(--size) * .6) at -30% 50%, transparent 99%, #fff 100%);
    -webkit-mask-image: radial-gradient(circle calc(var(--size) * .6) at -30% 50%, transparent 99%, #fff 100%);
    -webkit-mask-image: radial-gradient(circle calc(var(--size) * .6) at -30% 50%, transparent 99%, #fff 100%);
    mask-image: radial-gradient(circle calc(var(--size) * .6) at -30% 50%, transparent 99%, #fff 100%)
}

.prose {
    --tw-prose-body: var(--color-primary);
    --tw-prose-headings: var(--color-strong);
    --tw-prose-links: var(--color-accent);
    --tw-prose-counters: var(--color-primary);
    --tw-prose-bullets: var(--color-primary);
    --tw-prose-code: white
}

.prose :where(h3,h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--color-primary)
}

.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover, .prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)).active {
    color: var(--color-accent-strong)
}

.prose :where(:not(pre)>code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color: var(--color-highlight-faint)
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before, .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    display: none
}

:root {
    --oats-event-blue: #79b7fa;
    --oats-event-blue-surface: #f0f6f8
}

html.dark {
    --oats-event-blue: #79b7fa;
    --oats-event-blue-surface: #2e303b
}

@keyframes search-highlight-beep {
    0% {
        box-shadow: 1px 0 0 4px #f59e0b, -1px 0 0 4px #f59e0b
    }
    to {
        box-shadow: -1px 0 #f59e0b, 1px 0 #f59e0b
    }
}

@keyframes join-granola-logo-marquee {
    to {
        transform: translate(-50%)
    }
}

.join-granola-logo-marquee-window {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000)
}

.join-granola-logo-marquee {
    animation: 18s linear infinite join-granola-logo-marquee
}

@media (prefers-reduced-motion: reduce) {
    .join-granola-logo-marquee {
        animation: none
    }
}

.search-highlight {
    background-color: var(--color-oats-yellow-300);
    color: var(--color-zinc-900);
    border-radius: .25rem;
    box-shadow: 1px 0 #fde047, -1px 0 #fde047
}

.search-highlight-current {
    background-color: var(--color-amber-500);
    border-radius: .25rem;
    animation: .2s ease-in-out search-highlight-beep;
    box-shadow: -1px 0 #f59e0b, 1px 0 #f59e0b
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@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-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-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-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-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-contain-size {
    syntax: "*";
    inherits: false
}

@property --tw-contain-layout {
    syntax: "*";
    inherits: false
}

@property --tw-contain-paint {
    syntax: "*";
    inherits: false
}

@property --tw-contain-style {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@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-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
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}