:root{--ladle-bg-color-primary: #fff;--ladle-bg-color-secondary: #f4f4f4;--ladle-color-primary: #000;--ladle-color-secondary: #bbb;--ladle-color-hover: #545454;--ladle-color-accent: #276ef1;--ladle-ring-size: 64px;--ladle-ring-thickness: 6px;--ladle-mode-overflow: hidden;--ladle-mode-height: 100vh;--ladle-main-padding: 3em;--ladle-main-padding-mobile: 1em;--reach-dialog: 1;--ladle-blueprint: #aaa}[data-theme=dark]{--ladle-bg-color-primary: #141414;--ladle-bg-color-secondary: #1f1f1f;--ladle-color-primary: #f6f6f6;--ladle-color-secondary: #bbb;--ladle-color-hover: #e2e2e2;--ladle-color-accent: #276ef1;--ladle-blueprint: #1f1f1f}[data-mode=single-scroll],[data-mode=preview]{--ladle-mode-overflow: visible;--ladle-mode-height: 100%}[data-iframed]{--ladle-main-padding-mobile: 0;--ladle-main-padding: 0}.ladle-wrapper,html,body{margin:0}[data-iframed]:not([data-iframed="0"]) .ladle-main{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);overflow:auto;background-color:var(--ladle-blueprint);background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.ladle-iframe{height:100%;border:0;background-color:var(--ladle-bg-color-primary)}[data-iframed]:not([data-iframed="0"]) .ladle-iframe{grid-column:2;height:calc(100% - 128px);min-height:500px;margin-top:64px;margin-bottom:64px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.ladle-background{position:absolute;top:0;left:0;z-index:-1000;width:100%;height:100%;background-color:var(--ladle-bg-color-primary)}.ladle-wrapper{display:flex;flex-direction:column}.ladle-aside img,.ladle-aside svg{display:inline;vertical-align:baseline}.ladle-main{flex:1 1 auto;padding:var(--ladle-main-padding-mobile)}.ladle-error-content{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:var(--ladle-color-primary)}.ladle-link{color:var(--ladle-color-accent)}.ladle-aside{font-family:Arial,Helvetica,sans-serif;font-size:18px;background-color:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);padding:1.5em}.ladle-aside input{padding:.5em 0;width:100%;border-top:0;border-left:0;border-right:0;border-color:var(--ladle-color-hover);border-bottom-width:1px;border-bottom-style:solid;border-radius:0;background-color:var(--ladle-bg-color-primary);font-size:1em;color:var(--ladle-color-primary);margin-bottom:.5em}.ladle-aside input:focus{outline:none;color:var(--ladle-color-accent);border-color:var(--ladle-color-accent)}.ladle-aside ul{padding:0;margin:.8em .75em 0}.ladle-aside li{list-style-type:none;margin:.8em .35em}.ladle-aside li:focus{outline:none}.ladle-aside li:focus-visible>div{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ladle-color-primary)}.ladle-aside a:hover{color:var(--ladle-color-hover)}.ladle-aside a:focus{outline:none}.ladle-aside a:focus-visible{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside .ladle-active a{font-weight:700}.ladle-addons{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary);padding:0;margin:0 0 2em;position:relative;bottom:0;margin-inline-start:1em;margin-inline-end:1em}.ladle-addons ul{padding:0;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap}.ladle-addons li{background-color:var(--ladle-bg-color-secondary);box-shadow:0 1px 2px #00000029;border-bottom:none;border-radius:.25em;list-style-type:none;margin:.35em;width:auto;height:2.5em}.ladle-addons>ul>li>button{display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:.3em;width:100%;height:100%;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;border-radius:4px;outline:none}.ladle-addons>ul>li>button>label{display:block;cursor:pointer;line-height:24px;font-size:18px;margin-inline-start:.5em;padding-top:.1em}.ladle-addon-modal-body>button{border:0;font-size:14px;border-radius:4px;padding:.25em .5em;margin:1em 0;background:var(--ladle-color-accent);color:#fff;font:inherit;letter-spacing:inherit}.ladle-addons>ul>li>button>.ladle-badge{font-style:normal;min-width:1.6em;margin-left:1em;height:1.6em;border-radius:.8em;background-color:#fa3e3e;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}.ladle-addon-modal-body select,.ladle-addon-modal-body input,.ladle-addon-modal-body textarea{font-size:14px;border-radius:4px;border:1px solid var(--ladle-color-primary);padding:.5em .75em;margin:0;background:var(--ladle-bg-color-primary);color:var(--ladle-color-primary)}.ladle-addon-modal-body input[type=range]{padding:0;margin:0 .5em;vertical-align:middle}.ladle-addon-modal-body>button:hover{color:#ccc}.ladle-addon-tooltip{box-shadow:0 1px 2px #00000029;display:none;white-space:nowrap;background:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;margin-top:-96px;inset-inline-start:5px;padding:10px;position:absolute;z-index:1000}.ladle-addon-source-lineno{display:table-cell;text-align:right;padding-right:.25em;padding-left:.25em;-webkit-user-select:none;user-select:none;opacity:.5}.ladle-addons>ul>li>.ladle-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.source-active,.ladle-addons>ul>li>.width-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.a11y-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>button:focus-visible{border:2px solid var(--ladle-color-accent)}.ladle-addons>ul>li>button:hover{box-shadow:none;color:var(--ladle-color-accent)}.ladle-controls-table td{padding:.25em 1em .25em 0}.ladle-controls-table input{margin:0}.ladle-controls-table input[type=radio]{margin-right:.3em}.ladle-controls-table span{margin-right:1em}.ladle-controls-table select{min-width:177px}.ladle-controls-table textarea{min-width:172px;min-height:3em}.ladle-controls-table{margin-bottom:1em}.ladle-ring-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;visibility:hidden;animation:ladle-ring-fadein 1.5s;animation-fill-mode:forwards;animation-delay:.5s}@keyframes ladle-ring-fadein{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.ladle-ring{display:inline-block;position:relative;width:var(--ladle-ring-size);height:var(--ladle-ring-size)}.ladle-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:var(--ladle-ring-thickness) solid var(--ladle-color-secondary);border-radius:50%;animation:ladle-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ladle-color-secondary) transparent transparent transparent}.ladle-ring div:nth-child(1){animation-delay:-.45s}.ladle-ring div:nth-child(2){animation-delay:-.3s}.ladle-ring div:nth-child(3){animation-delay:-.15s}@keyframes ladle-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-reach-dialog-content][data-testid=ladle-dialog]{box-shadow:0 1px 2px #00000029;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;background-color:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;padding:1.2em 2em .8em;margin:21px;position:absolute;bottom:0;overflow:none}div[data-reach-dialog-content][data-testid=ladle-dialog] a{color:var(--ladle-color-accent)}div[data-reach-dialog-overlay][data-testid=ladle-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:2147483647}.ladle-button{box-sizing:border-box;box-shadow:0 1px 2px #00000029;border:1px solid var(--ladle-color-secondary);margin:1px 8px;padding:.5em;width:auto;cursor:pointer;overflow:visible;background:inherit;color:inherit;border-radius:4px;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ladle-button:hover{background:var(--ladle-bg-color-secondary);color:var(--ladle-color-accent)}.ladle-button:focus{outline:none}.ladle-button:focus-visible{border:2px solid var(--ladle-color-accent)!important;margin:0 7px}q.ladle-code,code.ladle-markdown{-moz-tab-size:2;tab-size:2;padding:.2em .4em;margin:0;line-height:2;font-size:85%;background-color:var(--ladle-bg-color-secondary);border:1px solid var(--ladle-color-hover);color:var(--ladle-color-primary);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}h1.ladle-markdown,h2.ladle-markdown,h3.ladle-markdown,h4.ladle-markdown,h5.ladle-markdown,h6.ladle-markdown{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary)}p.ladle-markdown,ul.ladle-markdown,ol.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-primary)}a.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-accent)}blockquote.ladle-markdown{border-left:6px solid var(--ladle-color-secondary);padding-left:24px;margin-left:0}.ladle-addon-modal-body{max-height:80vh;overflow:auto;-moz-tab-size:2;tab-size:2}.ladle-addon-modal-body ul{list-style:square;overflow:auto;margin:8px;padding-left:40px}.ladle-resize-handle{display:none}@media(min-width:768px){html,body{height:100%}.ladle-wrapper{min-height:100%;margin:0;flex-direction:row;align-items:flex-start}[data-mode=full] html,[data-mode=full] body,[data-mode=full] .ladle-wrapper{height:100vh;overflow:hidden}.ladle-resize-handle{transition:box-shadow .15s ease-in;display:block;width:16px;height:100%;cursor:col-resize;background-color:var(--ladle-bg-color-secondary)}.ladle-resize-handle:hover{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-handle:hover{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-resize-active{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-active{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-aside{box-sizing:content-box}.ladle-main{padding:var(--ladle-main-padding);align-self:stretch}.ladle-aside{font-size:16px;flex:0 0 12em;padding:3em 2em;padding-left:calc(2em - 16px);min-width:15em;background-color:var(--ladle-bg-color-secondary);align-self:stretch}[data-reversed] .ladle-aside{padding-left:2em;padding-right:calc(2em - 16px)}[data-mode=full] .ladle-main,[data-mode=full] .ladle-aside{overflow:auto}.ladle-aside ul{margin:0;-webkit-user-select:none;user-select:none;margin-inline-start:.75em}.ladle-aside li{margin:.35em;line-height:18px}.ladle-aside input{line-height:1;background-color:var(--ladle-bg-color-secondary)}.ladle-aside input::placeholder{-webkit-user-select:none;user-select:none}.ladle-addons{position:fixed;margin-bottom:0;z-index:2147483647}.ladle-addons ul{flex-direction:row}.ladle-addons li{margin:0 .35em;border-bottom-left-radius:0;border-bottom-right-radius:0;width:2.5em}.ladle-addons>ul>li>button>label{display:none}div[data-reach-dialog-content][data-testid=ladle-dialog]{position:fixed;bottom:49px;inset-inline-start:21px;margin-inline-end:21px;max-width:40em;margin:0}.ladle-addons>ul>li>button:hover .ladle-addon-tooltip{display:block}.ladle-addons>ul>li>button>.ladle-badge{position:absolute;margin-left:3.1em;top:-.7em;font-size:.7em}}@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{-moz-appearance: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}}@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);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--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);--colors-current: currentColor;--colors-black: #000;--colors-white: #fff;--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;--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;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-surface-default: var(--colors-white);--colors-surface-subtle: var(--colors-neutral-50);--colors-text-default: var(--colors-neutral-900);--colors-text-muted: var(--colors-neutral-500);--colors-border-subtle: var(--colors-neutral-300)}.dark{--colors-surface-default: var(--colors-neutral-900);--colors-surface-subtle: var(--colors-neutral-800);--colors-text-default: var(--colors-neutral-100);--colors-text-muted: var(--colors-neutral-400);--colors-border-subtle: var(--colors-neutral-700) }@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)}}}@layer recipes.slots._base{.toggleSwitch__root{background:var(--colors-surface-subtle);border-radius:var(--radii-full);border-width:1px;border-style:solid;border-color:border.default;position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0;--transition-duration: var(--durations-fast);transition-duration:var(--durations-fast);--transition-prop: background-color, border-color;transition-property:background-color,border-color;width:var(--sizes-9);height:var(--sizes-5)}.toggleSwitch__root[data-checked]{background:var(--colors-gray-800);border-color:var(--colors-gray-700)}.dark .toggleSwitch__root[data-checked]{background:var(--colors-gray-600);border-color:var(--colors-gray-500)}.toggleSwitch__root:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-gray-500);outline-offset:2px}.toggleSwitch__thumb{background:var(--colors-gray-400);border-radius:var(--radii-full);display:block;--transition-duration: var(--durations-fast);transition-duration:var(--durations-fast);--transition-prop: transform, background-color;transition-property:transform,background-color;transform:translate(2px);width:var(--sizes-3\.5);height:var(--sizes-3\.5)}[data-checked] .toggleSwitch__thumb{background:var(--colors-white);transform:translate(calc(2.25rem - 100% - 2px))}.dark [data-checked] .toggleSwitch__thumb{background:var(--colors-gray-100)}}@layer utilities{.p_6{padding:var(--spacing-6)}.bg_surface\.default{background:var(--colors-surface-default)}.p_4{padding:var(--spacing-4)}.bg_rose\.200{background:var(--colors-rose-200)}.bg_sky\.200{background:var(--colors-sky-200)}.gap_4{gap:var(--spacing-4)}.gap_3{gap:var(--spacing-3)}.gap_2{gap:var(--spacing-2)}.gap_6{gap:var(--spacing-6)}.bd-c_border\.subtle{border-color:var(--colors-border-subtle)}.bdr_lg{border-radius:var(--radii-lg)}.border-style_solid{border-style:solid}.bd-w_1px{border-width:1px}.bdr_md{border-radius:var(--radii-md)}.px_3{padding-inline:var(--spacing-3)}.py_2{padding-block:var(--spacing-2)}.gap_5{gap:var(--spacing-5)}.ov_hidden{overflow:hidden}.columns_4{columns:4}.bdr_sm{border-radius:var(--radii-sm)}.td_underline{text-decoration:underline}.d_grid{display:grid}.ff_sans{font-family:var(--fonts-sans)}.grid-tc_repeat\(auto-fit\,_minmax\(120px\,_1fr\)\){grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.c_text\.muted{color:var(--colors-text-muted)}.fs_sm{font-size:var(--font-sizes-sm)}.fw_medium{font-weight:var(--font-weights-medium)}.lh_1\.4{line-height:1.4}.ai_center{align-items:center}.d_flex{display:flex}.c_text\.default{color:var(--colors-text-default)}.lh_1\.6{line-height:1.6}.grid-tc_repeat\(auto-fit\,_minmax\(220px\,_1fr\)\){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pos_relative{position:relative}.ac_end{align-content:end}.fs_md{font-size:var(--font-sizes-md)}.fw_semibold{font-weight:var(--font-weights-semibold)}.lh_1\.3{line-height:1.3}.jc_space-between{justify-content:space-between}.bd-cl_collapse{border-collapse:collapse}.lh_1{line-height:1}.c_blue\.600{color:var(--colors-blue-600)}.tu-o_2px{text-underline-offset:2px}.mb_2{margin-bottom:var(--spacing-2)}.max-w_md{max-width:var(--sizes-md)}.max-w_5xl{max-width:var(--sizes-5xl)}.mt_4{margin-top:var(--spacing-4)}.mt_2{margin-top:var(--spacing-2)}.h_52{height:var(--sizes-52)}.w_80{width:var(--sizes-80)}.h_40{height:var(--sizes-40)}.mb_3{margin-bottom:var(--spacing-3)}.h_100vh{height:100vh}.w_100\%{width:100%}.mt_3{margin-top:var(--spacing-3)}.w_full{width:var(--sizes-full)}.max-w_6xl{max-width:var(--sizes-6xl)}.max-w_lg{max-width:var(--sizes-lg)}.max-w_sm{max-width:var(--sizes-sm)}.max-w_2xl{max-width:var(--sizes-2xl)}.min-h_40{min-height:var(--sizes-40)}.h_7{height:var(--sizes-7)}.min-w_16{min-width:var(--sizes-16)}.h_4{height:var(--sizes-4)}.min-w_1{min-width:var(--sizes-1)}.\[\&_th\]\:px_2 th{padding-inline:var(--spacing-2)}.\[\&_th\]\:py_2 th{padding-block:var(--spacing-2)}.\[\&_td\]\:px_2 td{padding-inline:var(--spacing-2)}.\[\&_td\]\:py_2 td{padding-block:var(--spacing-2)}.\[\&_th\]\:c_text\.muted th{color:var(--colors-text-muted)}.\[\&_th\]\:fw_semibold th{font-weight:var(--font-weights-semibold)}.\[\&_th\]\:ta_left th{text-align:left}.\[\&_td\]\:va_top td{vertical-align:top}.dark .dark\:c_blue\.300{color:var(--colors-blue-300)}.\[\&_th\]\:bd-b-c_border\.subtle th{border-bottom-color:var(--colors-border-subtle)}.\[\&_th\]\:border-bottom-style_solid th{border-bottom-style:solid}.\[\&_th\]\:bd-b-w_1px th{border-bottom-width:1px}.\[\&_td\]\:bd-b-c_border\.subtle td{border-bottom-color:var(--colors-border-subtle)}.\[\&_td\]\:border-bottom-style_solid td{border-bottom-style:solid}.\[\&_td\]\:bd-b-w_1px td{border-bottom-width:1px}.\[\&_tbody_tr\:last-child_td\]\:bd-b-w_0 tbody tr:last-child td{border-bottom-width:0}}