@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback: rgba(0, 0, 0, .5);opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, rgba(0, 115, 255, .3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}*,*:before,*:after{border-color:var(--colors-gray-a4)}*::selection{background:var(--colors-color-palette-a3)}*::placeholder{opacity:1;color:var(--colors-fg-subtle)}html{--colors-color-palette-50: var(--colors-gray-50);--colors-color-palette-100: var(--colors-gray-100);--colors-color-palette-200: var(--colors-gray-200);--colors-color-palette-300: var(--colors-gray-300);--colors-color-palette-400: var(--colors-gray-400);--colors-color-palette-500: var(--colors-gray-500);--colors-color-palette-600: var(--colors-gray-600);--colors-color-palette-700: var(--colors-gray-700);--colors-color-palette-800: var(--colors-gray-800);--colors-color-palette-900: var(--colors-gray-900);--colors-color-palette-950: var(--colors-gray-950);--colors-color-palette-1: var(--colors-gray-1);--colors-color-palette-2: var(--colors-gray-2);--colors-color-palette-3: var(--colors-gray-3);--colors-color-palette-4: var(--colors-gray-4);--colors-color-palette-5: var(--colors-gray-5);--colors-color-palette-6: var(--colors-gray-6);--colors-color-palette-7: var(--colors-gray-7);--colors-color-palette-8: var(--colors-gray-8);--colors-color-palette-9: var(--colors-gray-9);--colors-color-palette-10: var(--colors-gray-10);--colors-color-palette-11: var(--colors-gray-11);--colors-color-palette-12: var(--colors-gray-12);--colors-color-palette-a1: var(--colors-gray-a1);--colors-color-palette-a2: var(--colors-gray-a2);--colors-color-palette-a3: var(--colors-gray-a3);--colors-color-palette-a4: var(--colors-gray-a4);--colors-color-palette-a5: var(--colors-gray-a5);--colors-color-palette-a6: var(--colors-gray-a6);--colors-color-palette-a7: var(--colors-gray-a7);--colors-color-palette-a8: var(--colors-gray-a8);--colors-color-palette-a9: var(--colors-gray-a9);--colors-color-palette-a10: var(--colors-gray-a10);--colors-color-palette-a11: var(--colors-gray-a11);--colors-color-palette-a12: var(--colors-gray-a12);--colors-color-palette-solid-bg: var(--colors-gray-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-gray-solid-fg);--colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);--colors-color-palette-surface-bg: var(--colors-gray-surface-bg);--colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);--colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);--colors-color-palette-surface-border: var(--colors-gray-surface-border);--colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-gray-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);--colors-color-palette-outline-border: var(--colors-gray-outline-border);--colors-color-palette-outline-fg: var(--colors-gray-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-gray-plain-fg)}body{background:var(--colors-gray-1);color:var(--colors-fg-default)}}@layer tokens{:where(:root,:host){--aspect-ratios-square: 1 / 1;--aspect-ratios-landscape: 4 / 3;--aspect-ratios-portrait: 3 / 4;--aspect-ratios-wide: 16 / 9;--aspect-ratios-ultrawide: 18 / 5;--aspect-ratios-golden: 1.618 / 1;--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--radii-xs: .125rem;--radii-sm: .25rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-4xl: 2rem;--radii-full: 9999px;--font-weights-thin: 100;--font-weights-extralight: 200;--font-weights-light: 300;--font-weights-normal: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--font-weights-extrabold: 800;--font-weights-black: 900;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-snug: 1.375;--line-heights-normal: 1.5;--line-heights-relaxed: 1.625;--line-heights-loose: 2;--fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--font-sizes-2xs: .5rem;--font-sizes-xs: .75rem;--font-sizes-sm: .875rem;--font-sizes-md: 1rem;--font-sizes-lg: 1.125rem;--font-sizes-xl: 1.25rem;--font-sizes-2xl: 1.5rem;--font-sizes-3xl: 1.875rem;--font-sizes-4xl: 2.25rem;--font-sizes-5xl: 3rem;--font-sizes-6xl: 3.75rem;--font-sizes-7xl: 4.5rem;--font-sizes-8xl: 6rem;--font-sizes-9xl: 8rem;--shadows-2xs: 0 1px rgb(0 0 0 / .05);--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inset-2xs: inset 0 1px rgb(0 0 0 / .05);--shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / .05);--shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / .05);--blurs-xs: 4px;--blurs-sm: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-0\.5: .125rem;--spacing-1\.5: .375rem;--spacing-2\.5: .625rem;--spacing-3\.5: .875rem;--spacing-4\.5: 1.125rem;--spacing-5\.5: 1.375rem;--sizes-0: 0rem;--sizes-1: .25rem;--sizes-2: .5rem;--sizes-3: .75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-11: 2.75rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-0\.5: .125rem;--sizes-1\.5: .375rem;--sizes-2\.5: .625rem;--sizes-3\.5: .875rem;--sizes-4\.5: 1.125rem;--sizes-5\.5: 1.375rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 65ch;--sizes-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--colors-current: currentColor;--colors-transparent: rgb(0 0 0 / 0);--colors-rose-50: #fff1f2;--colors-rose-100: #ffe4e6;--colors-rose-200: #fecdd3;--colors-rose-300: #fda4af;--colors-rose-400: #fb7185;--colors-rose-500: #f43f5e;--colors-rose-600: #e11d48;--colors-rose-700: #be123c;--colors-rose-800: #9f1239;--colors-rose-900: #881337;--colors-rose-950: #4c0519;--colors-pink-50: #fdf2f8;--colors-pink-100: #fce7f3;--colors-pink-200: #fbcfe8;--colors-pink-300: #f9a8d4;--colors-pink-400: #f472b6;--colors-pink-500: #ec4899;--colors-pink-600: #db2777;--colors-pink-700: #be185d;--colors-pink-800: #9d174d;--colors-pink-900: #831843;--colors-pink-950: #500724;--colors-fuchsia-50: #fdf4ff;--colors-fuchsia-100: #fae8ff;--colors-fuchsia-200: #f5d0fe;--colors-fuchsia-300: #f0abfc;--colors-fuchsia-400: #e879f9;--colors-fuchsia-500: #d946ef;--colors-fuchsia-600: #c026d3;--colors-fuchsia-700: #a21caf;--colors-fuchsia-800: #86198f;--colors-fuchsia-900: #701a75;--colors-fuchsia-950: #4a044e;--colors-purple-50: #faf5ff;--colors-purple-100: #f3e8ff;--colors-purple-200: #e9d5ff;--colors-purple-300: #d8b4fe;--colors-purple-400: #c084fc;--colors-purple-500: #a855f7;--colors-purple-600: #9333ea;--colors-purple-700: #7e22ce;--colors-purple-800: #6b21a8;--colors-purple-900: #581c87;--colors-purple-950: #3b0764;--colors-violet-50: #f5f3ff;--colors-violet-100: #ede9fe;--colors-violet-200: #ddd6fe;--colors-violet-300: #c4b5fd;--colors-violet-400: #a78bfa;--colors-violet-500: #8b5cf6;--colors-violet-600: #7c3aed;--colors-violet-700: #6d28d9;--colors-violet-800: #5b21b6;--colors-violet-900: #4c1d95;--colors-violet-950: #2e1065;--colors-indigo-50: #eef2ff;--colors-indigo-100: #e0e7ff;--colors-indigo-200: #c7d2fe;--colors-indigo-300: #a5b4fc;--colors-indigo-400: #818cf8;--colors-indigo-500: #6366f1;--colors-indigo-600: #4f46e5;--colors-indigo-700: #4338ca;--colors-indigo-800: #3730a3;--colors-indigo-900: #312e81;--colors-indigo-950: #1e1b4b;--colors-blue-50: #eff6ff;--colors-blue-100: #dbeafe;--colors-blue-200: #bfdbfe;--colors-blue-300: #93c5fd;--colors-blue-400: #60a5fa;--colors-blue-500: #3b82f6;--colors-blue-600: #2563eb;--colors-blue-700: #1d4ed8;--colors-blue-800: #1e40af;--colors-blue-900: #1e3a8a;--colors-blue-950: #172554;--colors-sky-50: #f0f9ff;--colors-sky-100: #e0f2fe;--colors-sky-200: #bae6fd;--colors-sky-300: #7dd3fc;--colors-sky-400: #38bdf8;--colors-sky-500: #0ea5e9;--colors-sky-600: #0284c7;--colors-sky-700: #0369a1;--colors-sky-800: #075985;--colors-sky-900: #0c4a6e;--colors-sky-950: #082f49;--colors-cyan-50: #ecfeff;--colors-cyan-100: #cffafe;--colors-cyan-200: #a5f3fc;--colors-cyan-300: #67e8f9;--colors-cyan-400: #22d3ee;--colors-cyan-500: #06b6d4;--colors-cyan-600: #0891b2;--colors-cyan-700: #0e7490;--colors-cyan-800: #155e75;--colors-cyan-900: #164e63;--colors-cyan-950: #083344;--colors-teal-50: #f0fdfa;--colors-teal-100: #ccfbf1;--colors-teal-200: #99f6e4;--colors-teal-300: #5eead4;--colors-teal-400: #2dd4bf;--colors-teal-500: #14b8a6;--colors-teal-600: #0d9488;--colors-teal-700: #0f766e;--colors-teal-800: #115e59;--colors-teal-900: #134e4a;--colors-teal-950: #042f2e;--colors-emerald-50: #ecfdf5;--colors-emerald-100: #d1fae5;--colors-emerald-200: #a7f3d0;--colors-emerald-300: #6ee7b7;--colors-emerald-400: #34d399;--colors-emerald-500: #10b981;--colors-emerald-600: #059669;--colors-emerald-700: #047857;--colors-emerald-800: #065f46;--colors-emerald-900: #064e3b;--colors-emerald-950: #022c22;--colors-green-50: #f0fdf4;--colors-green-100: #dcfce7;--colors-green-200: #bbf7d0;--colors-green-300: #86efac;--colors-green-400: #4ade80;--colors-green-500: #22c55e;--colors-green-600: #16a34a;--colors-green-700: #15803d;--colors-green-800: #166534;--colors-green-900: #14532d;--colors-green-950: #052e16;--colors-lime-50: #f7fee7;--colors-lime-100: #ecfccb;--colors-lime-200: #d9f99d;--colors-lime-300: #bef264;--colors-lime-400: #a3e635;--colors-lime-500: #84cc16;--colors-lime-600: #65a30d;--colors-lime-700: #4d7c0f;--colors-lime-800: #3f6212;--colors-lime-900: #365314;--colors-lime-950: #1a2e05;--colors-yellow-50: #fefce8;--colors-yellow-100: #fef9c3;--colors-yellow-200: #fef08a;--colors-yellow-300: #fde047;--colors-yellow-400: #facc15;--colors-yellow-500: #eab308;--colors-yellow-600: #ca8a04;--colors-yellow-700: #a16207;--colors-yellow-800: #854d0e;--colors-yellow-900: #713f12;--colors-yellow-950: #422006;--colors-amber-50: #fffbeb;--colors-amber-100: #fef3c7;--colors-amber-200: #fde68a;--colors-amber-300: #fcd34d;--colors-amber-400: #fbbf24;--colors-amber-500: #f59e0b;--colors-amber-600: #d97706;--colors-amber-700: #b45309;--colors-amber-800: #92400e;--colors-amber-900: #78350f;--colors-amber-950: #451a03;--colors-orange-50: #fff7ed;--colors-orange-100: #ffedd5;--colors-orange-200: #fed7aa;--colors-orange-300: #fdba74;--colors-orange-400: #fb923c;--colors-orange-500: #f97316;--colors-orange-600: #ea580c;--colors-orange-700: #c2410c;--colors-orange-800: #9a3412;--colors-orange-900: #7c2d12;--colors-orange-950: #431407;--colors-red-50: #fef2f2;--colors-red-100: #fee2e2;--colors-red-200: #fecaca;--colors-red-300: #fca5a5;--colors-red-400: #f87171;--colors-red-500: #ef4444;--colors-red-600: #dc2626;--colors-red-700: #b91c1c;--colors-red-800: #991b1b;--colors-red-900: #7f1d1d;--colors-red-950: #450a0a;--colors-neutral-50: #fafafa;--colors-neutral-100: #f5f5f5;--colors-neutral-200: #e5e5e5;--colors-neutral-300: #d4d4d4;--colors-neutral-400: #a3a3a3;--colors-neutral-500: #737373;--colors-neutral-600: #525252;--colors-neutral-700: #404040;--colors-neutral-800: #262626;--colors-neutral-900: #171717;--colors-neutral-950: #0a0a0a;--colors-stone-50: #fafaf9;--colors-stone-100: #f5f5f4;--colors-stone-200: #e7e5e4;--colors-stone-300: #d6d3d1;--colors-stone-400: #a8a29e;--colors-stone-500: #78716c;--colors-stone-600: #57534e;--colors-stone-700: #44403c;--colors-stone-800: #292524;--colors-stone-900: #1c1917;--colors-stone-950: #0c0a09;--colors-zinc-50: #fafafa;--colors-zinc-100: #f4f4f5;--colors-zinc-200: #e4e4e7;--colors-zinc-300: #d4d4d8;--colors-zinc-400: #a1a1aa;--colors-zinc-500: #71717a;--colors-zinc-600: #52525b;--colors-zinc-700: #3f3f46;--colors-zinc-800: #27272a;--colors-zinc-900: #18181b;--colors-zinc-950: #09090b;--colors-gray-50: #f9fafb;--colors-gray-100: #f3f4f6;--colors-gray-200: #e5e7eb;--colors-gray-300: #d1d5db;--colors-gray-400: #9ca3af;--colors-gray-500: #6b7280;--colors-gray-600: #4b5563;--colors-gray-700: #374151;--colors-gray-800: #1f2937;--colors-gray-900: #111827;--colors-gray-950: #030712;--colors-slate-50: #f8fafc;--colors-slate-100: #f1f5f9;--colors-slate-200: #e2e8f0;--colors-slate-300: #cbd5e1;--colors-slate-400: #94a3b8;--colors-slate-500: #64748b;--colors-slate-600: #475569;--colors-slate-700: #334155;--colors-slate-800: #1e293b;--colors-slate-900: #0f172a;--colors-slate-950: #020617;--colors-black: #000000;--colors-black-a1: rgba(0, 0, 0, .05);--colors-black-a2: rgba(0, 0, 0, .1);--colors-black-a3: rgba(0, 0, 0, .15);--colors-black-a4: rgba(0, 0, 0, .2);--colors-black-a5: rgba(0, 0, 0, .3);--colors-black-a6: rgba(0, 0, 0, .4);--colors-black-a7: rgba(0, 0, 0, .5);--colors-black-a8: rgba(0, 0, 0, .6);--colors-black-a9: rgba(0, 0, 0, .7);--colors-black-a10: rgba(0, 0, 0, .8);--colors-black-a11: rgba(0, 0, 0, .9);--colors-black-a12: rgba(0, 0, 0, .95);--colors-white: #ffffff;--colors-white-a1: rgba(255, 255, 255, .05);--colors-white-a2: rgba(255, 255, 255, .1);--colors-white-a3: rgba(255, 255, 255, .15);--colors-white-a4: rgba(255, 255, 255, .2);--colors-white-a5: rgba(255, 255, 255, .3);--colors-white-a6: rgba(255, 255, 255, .4);--colors-white-a7: rgba(255, 255, 255, .5);--colors-white-a8: rgba(255, 255, 255, .6);--colors-white-a9: rgba(255, 255, 255, .7);--colors-white-a10: rgba(255, 255, 255, .8);--colors-white-a11: rgba(255, 255, 255, .9);--colors-white-a12: rgba(255, 255, 255, .95);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .25s;--durations-slower: .3s;--durations-slowest: .4s;--z-index-hide: -1;--z-index-base: 0;--z-index-docked: 10;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-banner: 1200;--z-index-overlay: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-skip-link: 1600;--z-index-toast: 1700;--z-index-tooltip: 1800;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--radii-l1: var(--radii-xs);--radii-l2: var(--radii-sm);--radii-l3: var(--radii-md)}:where(:root,.light){--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-teal-1: #fafefd;--colors-teal-2: #f3fbf9;--colors-teal-3: #e0f8f3;--colors-teal-4: #ccf3ea;--colors-teal-5: #b8eae0;--colors-teal-6: #a1ded2;--colors-teal-7: #83cdc1;--colors-teal-8: #53b9ab;--colors-teal-9: #12a594;--colors-teal-10: #0d9b8a;--colors-teal-11: #008573;--colors-teal-12: #0d3d38;--colors-teal-a1: #00cc9905;--colors-teal-a2: #00aa800c;--colors-teal-a3: #00c69d1f;--colors-teal-a4: #00c39633;--colors-teal-a5: #00b49047;--colors-teal-a6: #00a6855e;--colors-teal-a7: #0099807c;--colors-teal-a8: #009783ac;--colors-teal-a9: #009e8ced;--colors-teal-a10: #009684f2;--colors-teal-a11: #008573;--colors-teal-a12: #00332df2;--colors-teal-solid-bg: var(--colors-teal-9);--colors-teal-solid-bg-hover: var(--colors-teal-10);--colors-teal-solid-fg: white;--colors-teal-subtle-bg: var(--colors-teal-a3);--colors-teal-subtle-bg-hover: var(--colors-teal-a4);--colors-teal-subtle-bg-active: var(--colors-teal-a5);--colors-teal-subtle-fg: var(--colors-teal-a11);--colors-teal-surface-bg: var(--colors-teal-a2);--colors-teal-surface-bg-active: var(--colors-teal-a3);--colors-teal-surface-border: var(--colors-teal-a6);--colors-teal-surface-border-hover: var(--colors-teal-a7);--colors-teal-surface-fg: var(--colors-teal-a11);--colors-teal-outline-bg-hover: var(--colors-teal-a2);--colors-teal-outline-bg-active: var(--colors-teal-a3);--colors-teal-outline-border: var(--colors-teal-a7);--colors-teal-outline-fg: var(--colors-teal-a11);--colors-teal-plain-bg-hover: var(--colors-teal-a3);--colors-teal-plain-bg-active: var(--colors-teal-a4);--colors-teal-plain-fg: var(--colors-teal-a11);--colors-gray-1: #fbfdfc;--colors-gray-2: #f7f9f8;--colors-gray-3: #eef1f0;--colors-gray-4: #e6e9e8;--colors-gray-5: #dfe2e0;--colors-gray-6: #d7dad9;--colors-gray-7: #cbcfcd;--colors-gray-8: #b8bcba;--colors-gray-9: #868e8b;--colors-gray-10: #7c8481;--colors-gray-11: #5f6563;--colors-gray-12: #1a211e;--colors-gray-a1: #00804004;--colors-gray-a2: #00402008;--colors-gray-a3: #002d1e11;--colors-gray-a4: #001f1519;--colors-gray-a5: #00180820;--colors-gray-a6: #00140d28;--colors-gray-a7: #00140a34;--colors-gray-a8: #000f0847;--colors-gray-a9: #00110b79;--colors-gray-a10: #00100a83;--colors-gray-a11: #000a07a0;--colors-gray-a12: #000805e5;--colors-gray-solid-bg: var(--colors-black);--colors-gray-solid-bg-hover: var(--colors-gray-12);--colors-gray-solid-fg: var(--colors-white);--colors-gray-subtle-bg: var(--colors-gray-a3);--colors-gray-subtle-bg-hover: var(--colors-gray-a4);--colors-gray-subtle-bg-active: var(--colors-gray-a5);--colors-gray-subtle-fg: var(--colors-gray-12);--colors-gray-surface-bg: var(--colors-white);--colors-gray-surface-bg-hover: var(--colors-gray-2);--colors-gray-surface-bg-active: var(--colors-gray-3);--colors-gray-surface-border: var(--colors-gray-6);--colors-gray-surface-border-hover: var(--colors-gray-7);--colors-gray-surface-fg: var(--colors-gray-12);--colors-gray-outline-bg-hover: var(--colors-gray-a2);--colors-gray-outline-bg-active: var(--colors-gray-a3);--colors-gray-outline-border: var(--colors-gray-6);--colors-gray-outline-fg: var(--colors-gray-12);--colors-gray-plain-bg-hover: var(--colors-gray-a3);--colors-gray-plain-bg-active: var(--colors-gray-a4);--colors-gray-plain-fg: var(--colors-gray-12);--colors-red-1: #fffcfc;--colors-red-2: #fff7f7;--colors-red-3: #feebec;--colors-red-4: #ffdbdc;--colors-red-5: #ffcdce;--colors-red-6: #fdbdbe;--colors-red-7: #f4a9aa;--colors-red-8: #eb8e90;--colors-red-9: #e5484d;--colors-red-10: #dc3e42;--colors-red-11: #ce2c31;--colors-red-12: #641723;--colors-red-a1: #ff000003;--colors-red-a2: #ff000008;--colors-red-a3: #f3000d14;--colors-red-a4: #ff000824;--colors-red-a5: #ff000632;--colors-red-a6: #f8000442;--colors-red-a7: #df000356;--colors-red-a8: #d2000571;--colors-red-a9: #db0007b7;--colors-red-a10: #d10005c1;--colors-red-a11: #c40006d3;--colors-red-a12: #55000de8;--colors-red-solid-bg: var(--colors-red-9);--colors-red-solid-bg-hover: var(--colors-red-10);--colors-red-solid-fg: white;--colors-red-subtle-bg: var(--colors-red-a3);--colors-red-subtle-bg-hover: var(--colors-red-a4);--colors-red-subtle-bg-active: var(--colors-red-a5);--colors-red-subtle-fg: var(--colors-red-a11);--colors-red-surface-bg: var(--colors-red-a2);--colors-red-surface-bg-active: var(--colors-red-a3);--colors-red-surface-border: var(--colors-red-a6);--colors-red-surface-border-hover: var(--colors-red-a7);--colors-red-surface-fg: var(--colors-red-a11);--colors-red-outline-bg-hover: var(--colors-red-a2);--colors-red-outline-bg-active: var(--colors-red-a3);--colors-red-outline-border: var(--colors-red-a7);--colors-red-outline-fg: var(--colors-red-a11);--colors-red-plain-bg-hover: var(--colors-red-a3);--colors-red-plain-bg-active: var(--colors-red-a4);--colors-red-plain-fg: var(--colors-red-a11);--colors-green-1: #fbfefc;--colors-green-2: #f4fbf6;--colors-green-3: #e6f6eb;--colors-green-4: #d6f1df;--colors-green-5: #c4e8d1;--colors-green-6: #adddc0;--colors-green-7: #8eceaa;--colors-green-8: #5bb98b;--colors-green-9: #30a46c;--colors-green-10: #2b9a66;--colors-green-11: #218358;--colors-green-12: #193b2d;--colors-green-a1: #00c04004;--colors-green-a2: #00a32f0b;--colors-green-a3: #00a43319;--colors-green-a4: #00a83829;--colors-green-a5: #019c393b;--colors-green-a6: #00963c52;--colors-green-a7: #00914071;--colors-green-a8: #00924ba4;--colors-green-a9: #008f4acf;--colors-green-a10: #008647d4;--colors-green-a11: #00713fde;--colors-green-a12: #002616e6;--colors-green-solid-bg: var(--colors-green-9);--colors-green-solid-bg-hover: var(--colors-green-10);--colors-green-solid-fg: white;--colors-green-subtle-bg: var(--colors-green-a3);--colors-green-subtle-bg-hover: var(--colors-green-a4);--colors-green-subtle-bg-active: var(--colors-green-a5);--colors-green-subtle-fg: var(--colors-green-a11);--colors-green-surface-bg: var(--colors-green-a2);--colors-green-surface-bg-active: var(--colors-green-a3);--colors-green-surface-border: var(--colors-green-a6);--colors-green-surface-border-hover: var(--colors-green-a7);--colors-green-surface-fg: var(--colors-green-a11);--colors-green-outline-bg-hover: var(--colors-green-a2);--colors-green-outline-bg-active: var(--colors-green-a3);--colors-green-outline-border: var(--colors-green-a7);--colors-green-outline-fg: var(--colors-green-a11);--colors-green-plain-bg-hover: var(--colors-green-a3);--colors-green-plain-bg-active: var(--colors-green-a4);--colors-green-plain-fg: var(--colors-green-a11);--shadows-xs: 0px 1px 2px var(--colors-gray-a6), 0px 0px 1px var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-md: 0px 4px 8px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-lg: 0px 8px 16px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-xl: 0px 16px 24px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-2xl: 0px 24px 40px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4) }.dark{--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-teal-1: #0d1514;--colors-teal-2: #111c1b;--colors-teal-3: #0d2d2a;--colors-teal-4: #023b37;--colors-teal-5: #084843;--colors-teal-6: #145750;--colors-teal-7: #1c6961;--colors-teal-8: #207e73;--colors-teal-9: #12a594;--colors-teal-10: #0eb39e;--colors-teal-11: #0bd8b6;--colors-teal-12: #adf0dd;--colors-teal-a1: #00deab05;--colors-teal-a2: #12fbe60c;--colors-teal-a3: #00ffe61e;--colors-teal-a4: #00ffe92d;--colors-teal-a5: #00ffea3b;--colors-teal-a6: #1cffe84b;--colors-teal-a7: #2efde85f;--colors-teal-a8: #32ffe775;--colors-teal-a9: #13ffe49f;--colors-teal-a10: #0dffe0ae;--colors-teal-a11: #0afed5d6;--colors-teal-a12: #b8ffebef;--colors-teal-solid-bg: var(--colors-teal-9);--colors-teal-solid-bg-hover: var(--colors-teal-10);--colors-teal-solid-fg: white;--colors-teal-subtle-bg: var(--colors-teal-a3);--colors-teal-subtle-bg-hover: var(--colors-teal-a4);--colors-teal-subtle-bg-active: var(--colors-teal-a5);--colors-teal-subtle-fg: var(--colors-teal-a11);--colors-teal-surface-bg: var(--colors-teal-a2);--colors-teal-surface-bg-active: var(--colors-teal-a3);--colors-teal-surface-border: var(--colors-teal-a6);--colors-teal-surface-border-hover: var(--colors-teal-a7);--colors-teal-surface-fg: var(--colors-teal-a11);--colors-teal-outline-bg-hover: var(--colors-teal-a2);--colors-teal-outline-bg-active: var(--colors-teal-a3);--colors-teal-outline-border: var(--colors-teal-a7);--colors-teal-outline-fg: var(--colors-teal-a11);--colors-teal-plain-bg-hover: var(--colors-teal-a3);--colors-teal-plain-bg-active: var(--colors-teal-a4);--colors-teal-plain-fg: var(--colors-teal-a11);--colors-gray-1: #101211;--colors-gray-2: #171918;--colors-gray-3: #202221;--colors-gray-4: #272a29;--colors-gray-5: #2e3130;--colors-gray-6: #373b39;--colors-gray-7: #444947;--colors-gray-8: #5b625f;--colors-gray-9: #63706b;--colors-gray-10: #717d79;--colors-gray-11: #adb5b2;--colors-gray-12: #eceeed;--colors-gray-a1: #00000000;--colors-gray-a2: #f0f2f108;--colors-gray-a3: #f3f5f412;--colors-gray-a4: #f2fefd1a;--colors-gray-a5: #f1fbfa22;--colors-gray-a6: #edfbf42d;--colors-gray-a7: #edfcf73c;--colors-gray-a8: #ebfdf657;--colors-gray-a9: #dffdf266;--colors-gray-a10: #e5fdf674;--colors-gray-a11: #f4fefbb0;--colors-gray-a12: #fdfffeed;--colors-gray-solid-bg: var(--colors-white);--colors-gray-solid-bg-hover: var(--colors-gray-12);--colors-gray-solid-fg: var(--colors-black);--colors-gray-subtle-bg: var(--colors-gray-a3);--colors-gray-subtle-bg-hover: var(--colors-gray-a4);--colors-gray-subtle-bg-active: var(--colors-gray-a5);--colors-gray-subtle-fg: var(--colors-gray-12);--colors-gray-surface-bg: var(--colors-gray-2);--colors-gray-surface-bg-hover: var(--colors-gray-3);--colors-gray-surface-bg-active: var(--colors-gray-4);--colors-gray-surface-border: var(--colors-gray-6);--colors-gray-surface-border-hover: var(--colors-gray-7);--colors-gray-surface-fg: var(--colors-gray-12);--colors-gray-outline-bg-hover: var(--colors-gray-a2);--colors-gray-outline-bg-active: var(--colors-gray-a3);--colors-gray-outline-border: var(--colors-gray-6);--colors-gray-outline-fg: var(--colors-gray-12);--colors-gray-plain-bg-hover: var(--colors-gray-a3);--colors-gray-plain-bg-active: var(--colors-gray-a4);--colors-gray-plain-fg: var(--colors-gray-12);--colors-red-1: #191111;--colors-red-2: #201314;--colors-red-3: #3b1219;--colors-red-4: #500f1c;--colors-red-5: #611623;--colors-red-6: #72232d;--colors-red-7: #8c333a;--colors-red-8: #b54548;--colors-red-9: #e5484d;--colors-red-10: #ec5d5e;--colors-red-11: #ff9592;--colors-red-12: #ffd1d9;--colors-red-a1: #f4121209;--colors-red-a2: #f22f3e11;--colors-red-a3: #ff173f2d;--colors-red-a4: #fe0a3b44;--colors-red-a5: #ff204756;--colors-red-a6: #ff3e5668;--colors-red-a7: #ff536184;--colors-red-a8: #ff5d61b0;--colors-red-a9: #fe4e54e4;--colors-red-a10: #ff6465eb;--colors-red-a11: #ff9592;--colors-red-a12: #ffd1d9;--colors-red-solid-bg: var(--colors-red-9);--colors-red-solid-bg-hover: var(--colors-red-10);--colors-red-solid-fg: white;--colors-red-subtle-bg: var(--colors-red-a3);--colors-red-subtle-bg-hover: var(--colors-red-a4);--colors-red-subtle-bg-active: var(--colors-red-a5);--colors-red-subtle-fg: var(--colors-red-a11);--colors-red-surface-bg: var(--colors-red-a2);--colors-red-surface-bg-active: var(--colors-red-a3);--colors-red-surface-border: var(--colors-red-a6);--colors-red-surface-border-hover: var(--colors-red-a7);--colors-red-surface-fg: var(--colors-red-a11);--colors-red-outline-bg-hover: var(--colors-red-a2);--colors-red-outline-bg-active: var(--colors-red-a3);--colors-red-outline-border: var(--colors-red-a7);--colors-red-outline-fg: var(--colors-red-a11);--colors-red-plain-bg-hover: var(--colors-red-a3);--colors-red-plain-bg-active: var(--colors-red-a4);--colors-red-plain-fg: var(--colors-red-a11);--colors-green-1: #0e1512;--colors-green-2: #121b17;--colors-green-3: #132d21;--colors-green-4: #113b29;--colors-green-5: #174933;--colors-green-6: #20573e;--colors-green-7: #28684a;--colors-green-8: #2f7c57;--colors-green-9: #30a46c;--colors-green-10: #33b074;--colors-green-11: #3dd68c;--colors-green-12: #b1f1cb;--colors-green-a1: #00de4505;--colors-green-a2: #29f99d0b;--colors-green-a3: #22ff991e;--colors-green-a4: #11ff992d;--colors-green-a5: #2bffa23c;--colors-green-a6: #44ffaa4b;--colors-green-a7: #50fdac5e;--colors-green-a8: #54ffad73;--colors-green-a9: #44ffa49e;--colors-green-a10: #43fea4ab;--colors-green-a11: #46fea5d4;--colors-green-a12: #bbffd7f0;--colors-green-solid-bg: var(--colors-green-9);--colors-green-solid-bg-hover: var(--colors-green-10);--colors-green-solid-fg: white;--colors-green-subtle-bg: var(--colors-green-a3);--colors-green-subtle-bg-hover: var(--colors-green-a4);--colors-green-subtle-bg-active: var(--colors-green-a5);--colors-green-subtle-fg: var(--colors-green-a11);--colors-green-surface-bg: var(--colors-green-a2);--colors-green-surface-bg-active: var(--colors-green-a3);--colors-green-surface-border: var(--colors-green-a6);--colors-green-surface-border-hover: var(--colors-green-a7);--colors-green-surface-fg: var(--colors-green-a11);--colors-green-outline-bg-hover: var(--colors-green-a2);--colors-green-outline-bg-active: var(--colors-green-a3);--colors-green-outline-border: var(--colors-green-a7);--colors-green-outline-fg: var(--colors-green-a11);--colors-green-plain-bg-hover: var(--colors-green-a3);--colors-green-plain-bg-active: var(--colors-green-a4);--colors-green-plain-fg: var(--colors-green-a11);--shadows-xs: 0px 1px 1px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a4);--shadows-md: 0px 4px 8px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a4);--shadows-lg: 0px 8px 16px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a4);--shadows-xl: 0px 16px 24px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a4);--shadows-2xl: 0px 24px 40px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a4) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes expand-height{0%{height:var(--sizes-0)}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:var(--sizes-0)}}@keyframes expand-width{0%{width:var(--sizes-0)}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:var(--sizes-0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{translate:-100% 0}to{translate:0 0}}@keyframes slide-from-right-full{0%{translate:100% 0}to{translate:0 0}}@keyframes slide-from-top-full{0%{translate:0 -100%}to{translate:0 0}}@keyframes slide-from-bottom-full{0%{translate:0 100%}to{translate:0 0}}@keyframes slide-to-left-full{0%{translate:0 0}to{translate:-100% 0}}@keyframes slide-to-right-full{0%{translate:0 0}to{translate:100% 0}}@keyframes slide-to-top-full{0%{translate:0 0}to{translate:0 -100%}}@keyframes slide-to-bottom-full{0%{translate:0 0}to{translate:0 100%}}@keyframes slide-from-top{0%{translate:0 -.5rem}to{translate:0}}@keyframes slide-from-bottom{0%{translate:0 .5rem}to{translate:0}}@keyframes slide-from-left{0%{translate:-.5rem 0}to{translate:0}}@keyframes slide-from-right{0%{translate:.5rem 0}to{translate:0}}@keyframes slide-to-top{0%{translate:0}to{translate:0 -.5rem}}@keyframes slide-to-bottom{0%{translate:0}to{translate:0 .5rem}}@keyframes slide-to-left{0%{translate:0}to{translate:-.5rem 0}}@keyframes slide-to-right{0%{translate:0}to{translate:.5rem 0}}@keyframes scale-in{0%{scale:.95}to{scale:1}}@keyframes scale-out{0%{scale:1}to{scale:.95}}@keyframes bg-position{0%{background-position:var(--animate-from, 1rem) 0}to{background-position:var(--animate-to, 0) 0}}@keyframes position{0%{inset-inline-start:var(--animate-from-x);inset-block-start:var(--animate-from-y)}to{inset-inline-start:var(--animate-to-x);inset-block-start:var(--animate-to-y)}}@keyframes marqueeX{0%{transform:translate(0)}to{transform:translate(var(--marquee-translate))}}}@layer recipes{@layer _base{.group{gap:var(--group-gap, .5rem);display:inline-flex;isolation:isolate;position:relative}.group [data-group-item]:is(:focus-visible,[data-focus-visible]){z-index:1}.link{border-radius:var(--radii-l1);gap:var(--spacing-1\.5);outline:var(--borders-none);align-items:center;cursor:pointer;display:inline-flex;--focus-ring-color-prop: var(--colors-color-palette-surface-fg);--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.link:is(:focus-visible,[data-focus-visible]){outline-width:var(--focus-ring-width, 2px);outline-offset:var(--focus-ring-offset, 2px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color)}.link{font-weight:var(--font-weights-medium);text-decoration-thickness:from-font;text-underline-offset:.125em;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: text-decoration-color;transition-property:text-decoration-color}.link :where(svg){width:1em;height:1em}.button{border-radius:var(--radii-l2);gap:var(--spacing-2);outline:0;transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s);align-items:center;appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--font-weights-semibold);isolation:isolate;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.button:is(:focus-visible,[data-focus-visible]){outline-width:var(--focus-ring-width, 2px);outline-offset:var(--focus-ring-offset, 2px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color)}.button :where(svg){flex-shrink:0}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.5;filter:grayscale(100%)}.icon{color:currentcolor;flex-shrink:0;vertical-align:middle;line-height:1em}.icon,.spinner{display:inline-block}.spinner{--spinner-track-color: transparent;animation:var(--animations-spin);border-color:currentColor;border-radius:var(--radii-full);border-style:solid;border-width:2px;animation-duration:var(--durations-slowest);border-inline-start-color:var(--spinner-track-color);border-bottom-color:var(--spinner-track-color);height:var(--spinner-size);width:var(--spinner-size)}.absolute-center{position:absolute;display:flex;align-items:center;justify-content:center}}.group--orientation_vertical{flex-direction:column}.group--orientation_horizontal{flex-direction:row}.group--grow_true{display:flex}.group--grow_true>*{flex:1 1 0%}.link--variant_underline{text-decoration:underline;--mix-textDecorationColor: color-mix(in srgb, var(--colors-color-palette-surface-fg) 60%, transparent);text-decoration-color:var(--mix-textDecorationColor, var(--colors-color-palette-surface-fg))}.link--variant_underline:not(:disabled):hover{text-decoration-color:var(--colors-color-palette-surface-fg)}.button--variant_plain{color:var(--colors-color-palette-plain-fg)}.button--variant_plain:is([data-state=on]){background:var(--colors-color-palette-plain-bg-active)}.button--variant_plain:not(:disabled):hover{background:var(--colors-color-palette-plain-bg-hover)}.button--variant_plain:not(:disabled):active{background:var(--colors-color-palette-plain-bg-active)}.button--size_md{padding-inline:var(--spacing-3\.5);font-size:var(--font-sizes-sm);line-height:1.25rem;height:var(--sizes-10);min-width:var(--sizes-10)}.button--size_md :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.button--variant_solid{background:var(--colors-color-palette-solid-bg);color:var(--colors-color-palette-solid-fg)}.button--variant_solid:not(:disabled):hover{background:var(--colors-color-palette-solid-bg-hover)}.icon--size_md{width:var(--sizes-5);height:var(--sizes-5)}.spinner--size_inherit{--spinner-size: 1em}.absolute-center--axis_both{inset-inline-start:50%;translate:-50% -50%;top:50%}:where([dir=rtl],:dir(rtl)) .absolute-center--axis_both{translate:50% -50%}}@layer recipes.slots{@layer _base{.card__root{border-radius:var(--radii-l3);overflow:hidden;position:relative}.card__root,.card__header{display:flex;flex-direction:column}.card__header{padding:var(--spacing-6);gap:var(--spacing-1)}.card__body{flex:1 1 0%;flex-direction:column}.card__body,.card__footer{padding-inline:var(--spacing-6);display:flex;padding-bottom:var(--spacing-6)}.card__footer{gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-2)}.card__title{font-size:var(--font-sizes-lg);line-height:1.75rem;font-weight:var(--font-weights-semibold)}.card__description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.25rem}.ticker__root[data-paused] [data-part=content]{animation-play-state:paused}.ticker__content{animation:marqueeX var(--marquee-duration, 20s) linear infinite}}.card__root--variant_outline{background:var(--colors-gray-surface-bg);border-width:1px}}@layer utilities{@layer compositions{.textStyle_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}}.--thickness_1px{--thickness: 1px}.mx_auto{margin-inline:auto}.px_4{padding-inline:var(--spacing-4)}.py_8{padding-block:var(--spacing-8)}.gap_2{gap:var(--spacing-2)}.gap_8px{gap:8px}.trs_opacity_0\.1s_ease-in-out{transition:opacity .1s ease-in-out}.grid-c_span_12{grid-column:span 12}.gap_4{gap:var(--spacing-4)}.px_0{padding-inline:var(--spacing-0)}.px_6{padding-inline:var(--spacing-6)}.py_0{padding-block:var(--spacing-0)}.py_4{padding-block:var(--spacing-4)}.my_2{margin-block:var(--spacing-2)}.bd-w_0\.125em{border-width:.125em}.c_\#FFFFFF{color:#fff}.pos_relative{position:relative}.flex-wrap_wrap{flex-wrap:wrap}.jc_center{justify-content:center}.d_grid{display:grid}.grid-tc_repeat\(12\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(12,minmax(0,1fr))}.tsh_0_0_80px_\#ffffff\,0_0_30px_\#008000\,0_0_6px_\#0000ff{text-shadow:0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff}.op_1{opacity:1}.op_0\.3{opacity:.3}.ff_Monoton{font-family:Monoton}.fs_7xl{font-size:var(--font-sizes-7xl)}.ta_center{text-align:center}.c_\#ffffff{color:#fff}.tsh_0_0_80px_Red\,0_0_30px_FireBrick\,0_0_6px_DarkRed{text-shadow:0 0 80px Red,0 0 30px FireBrick,0 0 6px DarkRed}.c_Red{color:red}.d_flex{display:flex}.flex-d_column{flex-direction:column}.bd-be-w_var\(--thickness\){border-block-end-width:var(--thickness)}.fw_bold{font-weight:var(--font-weights-bold)}.ai_center{align-items:center}.jc_flex-start{justify-content:flex-start}.c_inherit{color:inherit}.d_contents{display:contents}.vis_hidden{visibility:hidden}.d_inline-flex{display:inline-flex}.max-w_7xl{max-width:var(--sizes-7xl)}.mt_8{margin-top:var(--spacing-8)}.mb_4{margin-bottom:var(--spacing-4)}.w_100\%{width:100%}.\[\&_\>_\*\[data-between\]\]\:bdr_0\!>*[data-between]{border-radius:0!important}.\[\&_\>_\*\[data-first\]\]\:bdr-e_0\!>*[data-first]{border-start-end-radius:0!important;border-end-end-radius:0!important}.\[\&_\>_\*\[data-first\]\]\:me_-1px>*[data-first],.\[\&_\>_\*\[data-between\]\]\:me_-1px>*[data-between]{margin-inline-end:-1px}.\[\&_\>_\*\[data-last\]\]\:bdr-s_0\!>*[data-last]{border-start-start-radius:0!important;border-end-start-radius:0!important}.\[\&_\>_\*\[data-first\]\]\:bdr-b_0\!>*[data-first]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.\[\&_\>_\*\[data-last\]\]\:bdr-t_0\!>*[data-last]{border-top-left-radius:0!important;border-top-right-radius:0!important}.\[\&_\>_\*\[data-first\]\]\:mb_-1px>*[data-first],.\[\&_\>_\*\[data-between\]\]\:mb_-1px>*[data-between]{margin-bottom:-1px}@media screen and (min-width:48rem){.md\:grid-c_span_9{grid-column:span 9}.md\:grid-c_span_3{grid-column:span 3}}}
