@layer reset,base,tokens,recipes,utilities;@layer reset{html{--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";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*{margin:0;padding:0;font:inherit}*,*:before,*:after{box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{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}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}code,kbd,pre,samp{font-size:1em}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:var(--colors-transparent);background-image:none}button,input,optgroup,select,textarea{color:inherit}button,select{text-transform:none}table{text-indent:0px;border-collapse:collapse;border-color:inherit}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder, #9ca3af)}textarea{resize:vertical}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration: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-size:1em;font-family:var(--global-font-mono, var(--font-mono-fallback))}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{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: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}html{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5}body{background:var(--colors-bg-canvas);color:var(--colors-fg-default)}[data-color-mode=dark] body{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;border-color:var(--colors-border-subtle);border-style:solid}*::placeholder{opacity:1;color:var(--colors-fg-subtle)}*::selection{background:var(--colors-accent-a4)}}@layer tokens{:where(:root,:host){--blurs-sm: 4px;--blurs-base: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--colors-neutral-light-1: #fcfcfc;--colors-neutral-light-2: #f9f9f9;--colors-neutral-light-3: #f0f0f0;--colors-neutral-light-4: #e8e8e8;--colors-neutral-light-5: #e0e0e0;--colors-neutral-light-6: #d9d9d9;--colors-neutral-light-7: #cecece;--colors-neutral-light-8: #bbbbbb;--colors-neutral-light-9: #8d8d8d;--colors-neutral-light-10: #838383;--colors-neutral-light-11: #646464;--colors-neutral-light-12: #202020;--colors-neutral-light-a1: #00000003;--colors-neutral-light-a2: #00000006;--colors-neutral-light-a3: #0000000f;--colors-neutral-light-a4: #00000017;--colors-neutral-light-a5: #0000001f;--colors-neutral-light-a6: #00000026;--colors-neutral-light-a7: #00000031;--colors-neutral-light-a8: #00000044;--colors-neutral-light-a9: #00000072;--colors-neutral-light-a10: #0000007c;--colors-neutral-light-a11: #0000009b;--colors-neutral-light-a12: #000000df;--colors-neutral-dark-1: #111111;--colors-neutral-dark-2: #191919;--colors-neutral-dark-3: #222222;--colors-neutral-dark-4: #2a2a2a;--colors-neutral-dark-5: #313131;--colors-neutral-dark-6: #3a3a3a;--colors-neutral-dark-7: #484848;--colors-neutral-dark-8: #606060;--colors-neutral-dark-9: #6e6e6e;--colors-neutral-dark-10: #7b7b7b;--colors-neutral-dark-11: #b4b4b4;--colors-neutral-dark-12: #eeeeee;--colors-neutral-dark-a1: #00000000;--colors-neutral-dark-a2: #ffffff09;--colors-neutral-dark-a3: #ffffff12;--colors-neutral-dark-a4: #ffffff1b;--colors-neutral-dark-a5: #ffffff22;--colors-neutral-dark-a6: #ffffff2c;--colors-neutral-dark-a7: #ffffff3b;--colors-neutral-dark-a8: #ffffff55;--colors-neutral-dark-a9: #ffffff64;--colors-neutral-dark-a10: #ffffff72;--colors-neutral-dark-a11: #ffffffaf;--colors-neutral-dark-a12: #ffffffed;--colors-current: currentColor;--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);--colors-transparent: rgb(0 0 0 / 0);--colors-amber-light-1: #fefdfb;--colors-amber-light-2: #fefbe9;--colors-amber-light-3: #fff7c2;--colors-amber-light-4: #ffee9c;--colors-amber-light-5: #fbe577;--colors-amber-light-6: #f3d673;--colors-amber-light-7: #e9c162;--colors-amber-light-8: #e2a336;--colors-amber-light-9: #ffc53d;--colors-amber-light-10: #ffba18;--colors-amber-light-11: #ab6400;--colors-amber-light-12: #4f3422;--colors-amber-light-a1: #c0800004;--colors-amber-light-a2: #f4d10016;--colors-amber-light-a3: #ffde003d;--colors-amber-light-a4: #ffd40063;--colors-amber-light-a5: #f8cf0088;--colors-amber-light-a6: #eab5008c;--colors-amber-light-a7: #dc9b009d;--colors-amber-light-a8: #da8a00c9;--colors-amber-light-a9: #ffb300c2;--colors-amber-light-a10: #ffb300e7;--colors-amber-light-a11: #ab6400;--colors-amber-light-a12: #341500dd;--colors-amber-dark-1: #16120c;--colors-amber-dark-2: #1d180f;--colors-amber-dark-3: #302008;--colors-amber-dark-4: #3f2700;--colors-amber-dark-5: #4d3000;--colors-amber-dark-6: #5c3d05;--colors-amber-dark-7: #714f19;--colors-amber-dark-8: #8f6424;--colors-amber-dark-9: #ffc53d;--colors-amber-dark-10: #ffd60a;--colors-amber-dark-11: #ffca16;--colors-amber-dark-12: #ffe7b3;--colors-amber-dark-a1: #e63c0006;--colors-amber-dark-a2: #fd9b000d;--colors-amber-dark-a3: #fa820022;--colors-amber-dark-a4: #fc820032;--colors-amber-dark-a5: #fd8b0041;--colors-amber-dark-a6: #fd9b0051;--colors-amber-dark-a7: #ffab2567;--colors-amber-dark-a8: #ffae3587;--colors-amber-dark-a9: #ffc53d;--colors-amber-dark-a10: #ffd60a;--colors-amber-dark-a11: #ffca16;--colors-amber-dark-a12: #ffe7b3;--colors-gray-light-1: #fdfdfc;--colors-gray-light-2: #f9f9f8;--colors-gray-light-3: #f1f0ef;--colors-gray-light-4: #e9e8e6;--colors-gray-light-5: #e2e1de;--colors-gray-light-6: #dad9d6;--colors-gray-light-7: #cfceca;--colors-gray-light-8: #bcbbb5;--colors-gray-light-9: #8d8d86;--colors-gray-light-10: #82827c;--colors-gray-light-11: #63635e;--colors-gray-light-12: #21201c;--colors-gray-light-a1: #55550003;--colors-gray-light-a2: #25250007;--colors-gray-light-a3: #20100010;--colors-gray-light-a4: #1f150019;--colors-gray-light-a5: #1f180021;--colors-gray-light-a6: #19130029;--colors-gray-light-a7: #19140035;--colors-gray-light-a8: #1915014a;--colors-gray-light-a9: #0f0f0079;--colors-gray-light-a10: #0c0c0083;--colors-gray-light-a11: #080800a1;--colors-gray-light-a12: #060500e3;--colors-gray-dark-1: #111110;--colors-gray-dark-2: #191918;--colors-gray-dark-3: #222221;--colors-gray-dark-4: #2a2a28;--colors-gray-dark-5: #31312e;--colors-gray-dark-6: #3b3a37;--colors-gray-dark-7: #494844;--colors-gray-dark-8: #62605b;--colors-gray-dark-9: #6f6d66;--colors-gray-dark-10: #7c7b74;--colors-gray-dark-11: #b5b3ad;--colors-gray-dark-12: #eeeeec;--colors-gray-dark-a1: #00000000;--colors-gray-dark-a2: #f4f4f309;--colors-gray-dark-a3: #f6f6f513;--colors-gray-dark-a4: #fefef31b;--colors-gray-dark-a5: #fbfbeb23;--colors-gray-dark-a6: #fffaed2d;--colors-gray-dark-a7: #fffbed3c;--colors-gray-dark-a8: #fff9eb57;--colors-gray-dark-a9: #fffae965;--colors-gray-dark-a10: #fffdee73;--colors-gray-dark-a11: #fffcf4b0;--colors-gray-dark-a12: #fffffded;--colors-sand-light-1: #fdfdfc;--colors-sand-light-2: #f9f9f8;--colors-sand-light-3: #f1f0ef;--colors-sand-light-4: #e9e8e6;--colors-sand-light-5: #e2e1de;--colors-sand-light-6: #dad9d6;--colors-sand-light-7: #cfceca;--colors-sand-light-8: #bcbbb5;--colors-sand-light-9: #8d8d86;--colors-sand-light-10: #82827c;--colors-sand-light-11: #63635e;--colors-sand-light-12: #21201c;--colors-sand-light-a1: #55550003;--colors-sand-light-a2: #25250007;--colors-sand-light-a3: #20100010;--colors-sand-light-a4: #1f150019;--colors-sand-light-a5: #1f180021;--colors-sand-light-a6: #19130029;--colors-sand-light-a7: #19140035;--colors-sand-light-a8: #1915014a;--colors-sand-light-a9: #0f0f0079;--colors-sand-light-a10: #0c0c0083;--colors-sand-light-a11: #080800a1;--colors-sand-light-a12: #060500e3;--colors-sand-dark-1: #111110;--colors-sand-dark-2: #191918;--colors-sand-dark-3: #222221;--colors-sand-dark-4: #2a2a28;--colors-sand-dark-5: #31312e;--colors-sand-dark-6: #3b3a37;--colors-sand-dark-7: #494844;--colors-sand-dark-8: #62605b;--colors-sand-dark-9: #6f6d66;--colors-sand-dark-10: #7c7b74;--colors-sand-dark-11: #b5b3ad;--colors-sand-dark-12: #eeeeec;--colors-sand-dark-a1: #00000000;--colors-sand-dark-a2: #f4f4f309;--colors-sand-dark-a3: #f6f6f513;--colors-sand-dark-a4: #fefef31b;--colors-sand-dark-a5: #fbfbeb23;--colors-sand-dark-a6: #fffaed2d;--colors-sand-dark-a7: #fffbed3c;--colors-sand-dark-a8: #fff9eb57;--colors-sand-dark-a9: #fffae965;--colors-sand-dark-a10: #fffdee73;--colors-sand-dark-a11: #fffcf4b0;--colors-sand-dark-a12: #fffffded;--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--easings-pulse: cubic-bezier(.4, 0, .6, 1);--easings-default: cubic-bezier(.2, 0, 0, 1);--easings-emphasized-in: cubic-bezier(.05, .7, .1, 1);--easings-emphasized-out: cubic-bezier(.3, 0, .8, .15);--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", 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, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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;--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;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-normal: 1.5;--line-heights-relaxed: 1.75;--line-heights-loose: 2;--radii-none: 0;--radii-2xs: .0625rem;--radii-xs: .125rem;--radii-sm: .25rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-full: 9999px;--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;--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;--borders-none: none;--borders-_debug: 1px solid gray;--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-2xs: 16rem;--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-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-fixed_flex: 1 1 0;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-backdrop-in: fade-in .25s var(--easings-emphasized-in);--animations-backdrop-out: fade-out .2s var(--easings-emphasized-out);--animations-dialog-in: slide-in .4s var(--easings-emphasized-in);--animations-dialog-out: slide-out .2s var(--easings-emphasized-out);--animations-drawer-in-left: slide-in-left .4s var(--easings-emphasized-in);--animations-drawer-out-left: slide-out-left .2s var(--easings-emphasized-out);--animations-drawer-in-right: slide-in-right .4s var(--easings-emphasized-in);--animations-drawer-out-right: slide-out-right .2s var(--easings-emphasized-out);--animations-skeleton-pulse: skeleton-pulse 2s var(--easings-pulse) infinite;--animations-fade-in: fade-in .4s var(--easings-emphasized-in);--animations-collapse-in: collapse-in .25s var(--easings-emphasized-in);--animations-collapse-out: collapse-out .2s var(--easings-emphasized-out);--animations-reveal: fadein .1s;--border-widths-thin: 1px;--border-widths-thick: 2px;--border-widths-medium: 1.5px;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-neutral-1: var(--colors-neutral-light-1);--colors-neutral-2: var(--colors-neutral-light-2);--colors-neutral-3: var(--colors-neutral-light-3);--colors-neutral-4: var(--colors-neutral-light-4);--colors-neutral-5: var(--colors-neutral-light-5);--colors-neutral-6: var(--colors-neutral-light-6);--colors-neutral-7: var(--colors-neutral-light-7);--colors-neutral-8: var(--colors-neutral-light-8);--colors-neutral-9: var(--colors-neutral-light-9);--colors-neutral-10: var(--colors-neutral-light-10);--colors-neutral-11: var(--colors-neutral-light-11);--colors-neutral-12: var(--colors-neutral-light-12);--colors-neutral-a1: var(--colors-neutral-light-a1);--colors-neutral-a2: var(--colors-neutral-light-a2);--colors-neutral-a3: var(--colors-neutral-light-a3);--colors-neutral-a4: var(--colors-neutral-light-a4);--colors-neutral-a5: var(--colors-neutral-light-a5);--colors-neutral-a6: var(--colors-neutral-light-a6);--colors-neutral-a7: var(--colors-neutral-light-a7);--colors-neutral-a8: var(--colors-neutral-light-a8);--colors-neutral-a9: var(--colors-neutral-light-a9);--colors-neutral-a10: var(--colors-neutral-light-a10);--colors-neutral-a11: var(--colors-neutral-light-a11);--colors-neutral-a12: var(--colors-neutral-light-a12);--colors-neutral-default: black;--colors-neutral-emphasized: var(--colors-gray-12);--colors-neutral-fg: white;--colors-neutral-text: black;--colors-amber-1: var(--colors-amber-light-1);--colors-amber-2: var(--colors-amber-light-2);--colors-amber-3: var(--colors-amber-light-3);--colors-amber-4: var(--colors-amber-light-4);--colors-amber-5: var(--colors-amber-light-5);--colors-amber-6: var(--colors-amber-light-6);--colors-amber-7: var(--colors-amber-light-7);--colors-amber-8: var(--colors-amber-light-8);--colors-amber-9: var(--colors-amber-light-9);--colors-amber-10: var(--colors-amber-light-10);--colors-amber-11: var(--colors-amber-light-11);--colors-amber-12: var(--colors-amber-light-12);--colors-amber-a1: var(--colors-amber-light-a1);--colors-amber-a2: var(--colors-amber-light-a2);--colors-amber-a3: var(--colors-amber-light-a3);--colors-amber-a4: var(--colors-amber-light-a4);--colors-amber-a5: var(--colors-amber-light-a5);--colors-amber-a6: var(--colors-amber-light-a6);--colors-amber-a7: var(--colors-amber-light-a7);--colors-amber-a8: var(--colors-amber-light-a8);--colors-amber-a9: var(--colors-amber-light-a9);--colors-amber-a10: var(--colors-amber-light-a10);--colors-amber-a11: var(--colors-amber-light-a11);--colors-amber-a12: var(--colors-amber-light-a12);--colors-amber-default: var(--colors-amber-9);--colors-amber-emphasized: var(--colors-amber-10);--colors-amber-fg: var(--colors-sand-light-12);--colors-amber-text: var(--colors-amber-a11);--colors-sand-1: var(--colors-sand-light-1);--colors-sand-2: var(--colors-sand-light-2);--colors-sand-3: var(--colors-sand-light-3);--colors-sand-4: var(--colors-sand-light-4);--colors-sand-5: var(--colors-sand-light-5);--colors-sand-6: var(--colors-sand-light-6);--colors-sand-7: var(--colors-sand-light-7);--colors-sand-8: var(--colors-sand-light-8);--colors-sand-9: var(--colors-sand-light-9);--colors-sand-10: var(--colors-sand-light-10);--colors-sand-11: var(--colors-sand-light-11);--colors-sand-12: var(--colors-sand-light-12);--colors-sand-a1: var(--colors-sand-light-a1);--colors-sand-a2: var(--colors-sand-light-a2);--colors-sand-a3: var(--colors-sand-light-a3);--colors-sand-a4: var(--colors-sand-light-a4);--colors-sand-a5: var(--colors-sand-light-a5);--colors-sand-a6: var(--colors-sand-light-a6);--colors-sand-a7: var(--colors-sand-light-a7);--colors-sand-a8: var(--colors-sand-light-a8);--colors-sand-a9: var(--colors-sand-light-a9);--colors-sand-a10: var(--colors-sand-light-a10);--colors-sand-a11: var(--colors-sand-light-a11);--colors-sand-a12: var(--colors-sand-light-a12);--colors-sand-default: var(--colors-sand-9);--colors-sand-emphasized: var(--colors-sand-10);--colors-sand-fg: white;--colors-sand-text: var(--colors-sand-12);--colors-gray-1: var(--colors-sand-light-1);--colors-gray-2: var(--colors-sand-light-2);--colors-gray-3: var(--colors-sand-light-3);--colors-gray-4: var(--colors-sand-light-4);--colors-gray-5: var(--colors-sand-light-5);--colors-gray-6: var(--colors-sand-light-6);--colors-gray-7: var(--colors-sand-light-7);--colors-gray-8: var(--colors-sand-light-8);--colors-gray-9: var(--colors-sand-light-9);--colors-gray-10: var(--colors-sand-light-10);--colors-gray-11: var(--colors-sand-light-11);--colors-gray-12: var(--colors-sand-light-12);--colors-gray-a1: var(--colors-sand-light-a1);--colors-gray-a2: var(--colors-sand-light-a2);--colors-gray-a3: var(--colors-sand-light-a3);--colors-gray-a4: var(--colors-sand-light-a4);--colors-gray-a5: var(--colors-sand-light-a5);--colors-gray-a6: var(--colors-sand-light-a6);--colors-gray-a7: var(--colors-sand-light-a7);--colors-gray-a8: var(--colors-sand-light-a8);--colors-gray-a9: var(--colors-sand-light-a9);--colors-gray-a10: var(--colors-sand-light-a10);--colors-gray-a11: var(--colors-sand-light-a11);--colors-gray-a12: var(--colors-sand-light-a12);--colors-gray-default: var(--colors-sand-9);--colors-gray-emphasized: var(--colors-sand-10);--colors-gray-fg: white;--colors-gray-text: var(--colors-sand-12);--colors-accent-1: var(--colors-amber-light-1);--colors-accent-2: var(--colors-amber-light-2);--colors-accent-3: var(--colors-amber-light-3);--colors-accent-4: var(--colors-amber-light-4);--colors-accent-5: var(--colors-amber-light-5);--colors-accent-6: var(--colors-amber-light-6);--colors-accent-7: var(--colors-amber-light-7);--colors-accent-8: var(--colors-amber-light-8);--colors-accent-9: var(--colors-amber-light-9);--colors-accent-10: var(--colors-amber-light-10);--colors-accent-11: var(--colors-amber-light-11);--colors-accent-12: var(--colors-amber-light-12);--colors-accent-a1: var(--colors-amber-light-a1);--colors-accent-a2: var(--colors-amber-light-a2);--colors-accent-a3: var(--colors-amber-light-a3);--colors-accent-a4: var(--colors-amber-light-a4);--colors-accent-a5: var(--colors-amber-light-a5);--colors-accent-a6: var(--colors-amber-light-a6);--colors-accent-a7: var(--colors-amber-light-a7);--colors-accent-a8: var(--colors-amber-light-a8);--colors-accent-a9: var(--colors-amber-light-a9);--colors-accent-a10: var(--colors-amber-light-a10);--colors-accent-a11: var(--colors-amber-light-a11);--colors-accent-a12: var(--colors-amber-light-a12);--colors-accent-default: var(--colors-amber-9);--colors-accent-emphasized: var(--colors-amber-10);--colors-accent-fg: var(--colors-sand-light-12);--colors-accent-text: var(--colors-amber-a11);--colors-bg-canvas: var(--colors-gray-1);--colors-bg-default: white;--colors-bg-subtle: var(--colors-gray-2);--colors-bg-muted: var(--colors-gray-3);--colors-bg-emphasized: var(--colors-gray-4);--colors-bg-disabled: var(--colors-gray-3);--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-fg-disabled: var(--colors-gray-7);--colors-border-default: var(--colors-gray-7);--colors-border-muted: var(--colors-gray-6);--colors-border-subtle: var(--colors-gray-4);--colors-border-disabled: var(--colors-gray-5);--colors-border-outline: var(--colors-gray-a9);--shadows-xs: 0px 1px 2px var(--colors-gray-a5), 0px 0px 1px var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-md: 0px 4px 8px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-lg: 0px 8px 16px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-xl: 0px 16px 24px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-2xl: 0px 24px 40px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--radii-l1: var(--radii-sm);--radii-l2: var(--radii-md);--radii-l3: var(--radii-lg)}[data-color-mode=dark]{--colors-neutral-1: var(--colors-neutral-dark-1);--colors-neutral-2: var(--colors-neutral-dark-2);--colors-neutral-3: var(--colors-neutral-dark-3);--colors-neutral-4: var(--colors-neutral-dark-4);--colors-neutral-5: var(--colors-neutral-dark-5);--colors-neutral-6: var(--colors-neutral-dark-6);--colors-neutral-7: var(--colors-neutral-dark-7);--colors-neutral-8: var(--colors-neutral-dark-8);--colors-neutral-9: var(--colors-neutral-dark-9);--colors-neutral-10: var(--colors-neutral-dark-10);--colors-neutral-11: var(--colors-neutral-dark-11);--colors-neutral-12: var(--colors-neutral-dark-12);--colors-neutral-a1: var(--colors-neutral-dark-a1);--colors-neutral-a2: var(--colors-neutral-dark-a2);--colors-neutral-a3: var(--colors-neutral-dark-a3);--colors-neutral-a4: var(--colors-neutral-dark-a4);--colors-neutral-a5: var(--colors-neutral-dark-a5);--colors-neutral-a6: var(--colors-neutral-dark-a6);--colors-neutral-a7: var(--colors-neutral-dark-a7);--colors-neutral-a8: var(--colors-neutral-dark-a8);--colors-neutral-a9: var(--colors-neutral-dark-a9);--colors-neutral-a10: var(--colors-neutral-dark-a10);--colors-neutral-a11: var(--colors-neutral-dark-a11);--colors-neutral-a12: var(--colors-neutral-dark-a12);--colors-neutral-default: white;--colors-neutral-fg: black;--colors-neutral-text: white;--colors-amber-1: var(--colors-amber-dark-1);--colors-amber-2: var(--colors-amber-dark-2);--colors-amber-3: var(--colors-amber-dark-3);--colors-amber-4: var(--colors-amber-dark-4);--colors-amber-5: var(--colors-amber-dark-5);--colors-amber-6: var(--colors-amber-dark-6);--colors-amber-7: var(--colors-amber-dark-7);--colors-amber-8: var(--colors-amber-dark-8);--colors-amber-9: var(--colors-amber-dark-9);--colors-amber-10: var(--colors-amber-dark-10);--colors-amber-11: var(--colors-amber-dark-11);--colors-amber-12: var(--colors-amber-dark-12);--colors-amber-a1: var(--colors-amber-dark-a1);--colors-amber-a2: var(--colors-amber-dark-a2);--colors-amber-a3: var(--colors-amber-dark-a3);--colors-amber-a4: var(--colors-amber-dark-a4);--colors-amber-a5: var(--colors-amber-dark-a5);--colors-amber-a6: var(--colors-amber-dark-a6);--colors-amber-a7: var(--colors-amber-dark-a7);--colors-amber-a8: var(--colors-amber-dark-a8);--colors-amber-a9: var(--colors-amber-dark-a9);--colors-amber-a10: var(--colors-amber-dark-a10);--colors-amber-a11: var(--colors-amber-dark-a11);--colors-amber-a12: var(--colors-amber-dark-a12);--colors-sand-1: var(--colors-sand-dark-1);--colors-sand-2: var(--colors-sand-dark-2);--colors-sand-3: var(--colors-sand-dark-3);--colors-sand-4: var(--colors-sand-dark-4);--colors-sand-5: var(--colors-sand-dark-5);--colors-sand-6: var(--colors-sand-dark-6);--colors-sand-7: var(--colors-sand-dark-7);--colors-sand-8: var(--colors-sand-dark-8);--colors-sand-9: var(--colors-sand-dark-9);--colors-sand-10: var(--colors-sand-dark-10);--colors-sand-11: var(--colors-sand-dark-11);--colors-sand-12: var(--colors-sand-dark-12);--colors-sand-a1: var(--colors-sand-dark-a1);--colors-sand-a2: var(--colors-sand-dark-a2);--colors-sand-a3: var(--colors-sand-dark-a3);--colors-sand-a4: var(--colors-sand-dark-a4);--colors-sand-a5: var(--colors-sand-dark-a5);--colors-sand-a6: var(--colors-sand-dark-a6);--colors-sand-a7: var(--colors-sand-dark-a7);--colors-sand-a8: var(--colors-sand-dark-a8);--colors-sand-a9: var(--colors-sand-dark-a9);--colors-sand-a10: var(--colors-sand-dark-a10);--colors-sand-a11: var(--colors-sand-dark-a11);--colors-sand-a12: var(--colors-sand-dark-a12);--colors-gray-1: var(--colors-sand-dark-1);--colors-gray-2: var(--colors-sand-dark-2);--colors-gray-3: var(--colors-sand-dark-3);--colors-gray-4: var(--colors-sand-dark-4);--colors-gray-5: var(--colors-sand-dark-5);--colors-gray-6: var(--colors-sand-dark-6);--colors-gray-7: var(--colors-sand-dark-7);--colors-gray-8: var(--colors-sand-dark-8);--colors-gray-9: var(--colors-sand-dark-9);--colors-gray-10: var(--colors-sand-dark-10);--colors-gray-11: var(--colors-sand-dark-11);--colors-gray-12: var(--colors-sand-dark-12);--colors-gray-a1: var(--colors-sand-dark-a1);--colors-gray-a2: var(--colors-sand-dark-a2);--colors-gray-a3: var(--colors-sand-dark-a3);--colors-gray-a4: var(--colors-sand-dark-a4);--colors-gray-a5: var(--colors-sand-dark-a5);--colors-gray-a6: var(--colors-sand-dark-a6);--colors-gray-a7: var(--colors-sand-dark-a7);--colors-gray-a8: var(--colors-sand-dark-a8);--colors-gray-a9: var(--colors-sand-dark-a9);--colors-gray-a10: var(--colors-sand-dark-a10);--colors-gray-a11: var(--colors-sand-dark-a11);--colors-gray-a12: var(--colors-sand-dark-a12);--colors-accent-1: var(--colors-amber-dark-1);--colors-accent-2: var(--colors-amber-dark-2);--colors-accent-3: var(--colors-amber-dark-3);--colors-accent-4: var(--colors-amber-dark-4);--colors-accent-5: var(--colors-amber-dark-5);--colors-accent-6: var(--colors-amber-dark-6);--colors-accent-7: var(--colors-amber-dark-7);--colors-accent-8: var(--colors-amber-dark-8);--colors-accent-9: var(--colors-amber-dark-9);--colors-accent-10: var(--colors-amber-dark-10);--colors-accent-11: var(--colors-amber-dark-11);--colors-accent-12: var(--colors-amber-dark-12);--colors-accent-a1: var(--colors-amber-dark-a1);--colors-accent-a2: var(--colors-amber-dark-a2);--colors-accent-a3: var(--colors-amber-dark-a3);--colors-accent-a4: var(--colors-amber-dark-a4);--colors-accent-a5: var(--colors-amber-dark-a5);--colors-accent-a6: var(--colors-amber-dark-a6);--colors-accent-a7: var(--colors-amber-dark-a7);--colors-accent-a8: var(--colors-amber-dark-a8);--colors-accent-a9: var(--colors-amber-dark-a9);--colors-accent-a10: var(--colors-amber-dark-a10);--colors-accent-a11: var(--colors-amber-dark-a11);--colors-accent-a12: var(--colors-amber-dark-a12);--colors-bg-default: var(--colors-gray-2);--colors-bg-subtle: var(--colors-gray-3);--colors-bg-muted: var(--colors-gray-4);--colors-bg-emphasized: var(--colors-gray-5);--colors-bg-disabled: var(--colors-gray-4);--shadows-xs: 0px 1px 1px var(--colors-black-a12), 0px 0px 1px inset var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-md: 0px 4px 8px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-lg: 0px 8px 16px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-xl: 0px 16px 24px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-2xl: 0px 24px 40px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7) }@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes collapse-in{0%{height:var(--sizes-0)}to{height:var(--height)}}@keyframes collapse-out{0%{height:var(--height)}to{height:var(--sizes-0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes skeleton-pulse{50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}}@layer recipes{@layer _base{.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border-radius:var(--radii-l2);--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);color:var(--colors-fg-default);outline:0;position:relative;width:var(--sizes-full);border-color:var(--colors-border-default);border-width:1px;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: box-shadow, border-color;transition-property:box-shadow,border-color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.input:is(:disabled,[disabled],[data-disabled]){opacity:.4;cursor:not-allowed}.input:is(:focus,[data-focus]){box-shadow:0 0 0 1px var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.iconButton{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);cursor:pointer;display:inline-flex;min-width:var(--sizes-0);outline:var(--borders-none);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;align-items:center;font-weight:var(--font-weights-semibold);justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;transition-property:background,border-color,color,box-shadow;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.iconButton:is([hidden]){display:none}.button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);cursor:pointer;display:inline-flex;min-width:var(--sizes-0);outline:var(--borders-none);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;align-items:center;font-weight:var(--font-weights-semibold);justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;transition-property:background,border-color,color,box-shadow;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.button:is([hidden]){display:none}.link{color:var(--colors-fg-default);--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);cursor:pointer;display:inline-flex;gap:var(--spacing-2);text-decoration:underline .1em transparent;text-underline-offset:.125em;align-items:center;font-weight:var(--font-weights-medium);--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: text-decoration-color;transition-property:text-decoration-color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.link svg{width:1em;height:1em}.link:is(:hover,[data-hover]){text-decoration-color:var(--colors-color-palette-default)}}.input--size_md{padding-inline:var(--spacing-3);height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-md)}.iconButton--variant_link{vertical-align:baseline;height:auto!important;padding-inline:var(--spacing-0)!important;min-width:var(--sizes-0)!important}.iconButton--variant_link:is(:disabled,[disabled],[data-disabled]){color:var(--colors-border-disabled);cursor:not-allowed}.iconButton--variant_link:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-border-disabled)}.iconButton--size_xs{height:var(--sizes-8);min-width:var(--sizes-8);font-size:var(--font-sizes-xs);line-height:1.125rem;padding-inline:var(--spacing-0);gap:var(--spacing-2)}.iconButton--size_xs svg{width:var(--sizes-4);height:var(--sizes-4);font-size:var(--font-sizes-md)}.text--variant_heading{font-weight:var(--font-weights-semibold)}.text--size_4xl{letter-spacing:-.02em;font-size:var(--font-sizes-4xl);line-height:2.75rem}.text--size_xs{font-size:var(--font-sizes-xs);line-height:1.125rem}.text--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.button--variant_solid{background:var(--colors-color-palette-default);color:var(--colors-color-palette-fg);--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text)}.button--variant_solid:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);background:var(--colors-bg-disabled);cursor:not-allowed}.button--variant_solid:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-fg-disabled);background:var(--colors-bg-disabled)}.button--variant_solid:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--variant_solid:is(:hover,[data-hover]){background:var(--colors-color-palette-emphasized)}.button--size_md{height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-sm);line-height:1.25rem;padding-inline:var(--spacing-4);gap:var(--spacing-2)}.button--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.button--variant_ghost{color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--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-default: var(--colors-gray-default);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--colors-color-palette-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text)}.button--variant_ghost:is([aria-selected=true],[data-selected]){background:var(--colors-color-palette-a3)}.button--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}.button--variant_ghost:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--variant_ghost:is(:hover,[data-hover]){background:var(--colors-color-palette-a3)}.button--variant_subtle{background:var(--colors-color-palette-a3);color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--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-default: var(--colors-gray-default);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--colors-color-palette-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text)}.button--variant_subtle:is(:disabled,[disabled],[data-disabled]){background:var(--colors-bg-disabled);color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_subtle:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-bg-disabled);color:var(--colors-fg-disabled)}.button--variant_subtle:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--variant_subtle:is(:hover,[data-hover]){background:var(--colors-color-palette-a4)}.button--variant_outline{color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--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-default: var(--colors-gray-default);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--colors-color-palette-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text);border-width:1px;border-color:var(--colors-color-palette-a8)}.button--variant_outline:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed;border-color:var(--colors-border-disabled)}.button--variant_outline:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled);border-color:var(--colors-border-disabled)}.button--variant_outline:is([aria-selected=true],[data-selected]){background:var(--colors-accent-default);color:var(--colors-accent-fg);border-color:var(--colors-accent-default)}.button--variant_outline:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-accent-emphasized);border-color:var(--colors-accent-emphasized)}.button--variant_outline:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--variant_outline:is(:hover,[data-hover]){background:var(--colors-color-palette-a2)}.button--size_sm{height:var(--sizes-9);min-width:var(--sizes-9);font-size:var(--font-sizes-sm);line-height:1.25rem;padding-inline:var(--spacing-3\.5);gap:var(--spacing-2)}.button--size_sm svg{width:var(--sizes-4);height:var(--sizes-4)}}@layer recipes.slots{@layer _base{.combobox__root{display:flex;gap:var(--spacing-1\.5);width:var(--sizes-full);flex-direction:column}.combobox__label{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.combobox__control{position:relative}.combobox__trigger{color:var(--colors-fg-muted);position:absolute;bottom:var(--spacing-0);right:var(--spacing-0);top:var(--spacing-0)}.combobox__content{background:var(--colors-bg-default);border-radius:var(--radii-l2);box-shadow:var(--shadows-lg);display:flex;z-index:var(--z-index-dropdown);flex-direction:column}.combobox__content:is([hidden]){display:none}.combobox__content:is([open],[data-state=open]){animation:fadeIn .25s ease-out}.combobox__content:is([data-state=closed]){animation:fadeOut .2s ease-out}.combobox__content:is(:focus-visible,[data-focus-visible]){outline-offset:2px;outline:2px solid;outline-color:var(--colors-border-outline)}.combobox__item{border-radius:var(--radii-l1);cursor:pointer;display:flex;align-items:center;justify-content:space-between;--transition-duration: var(--durations-fast);transition-duration:var(--durations-fast);--transition-prop: background, color;transition-property:background,color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.combobox__item[data-highlighted]{background:var(--colors-bg-muted)}.combobox__item:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.combobox__item:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent)}.combobox__item:is(:hover,[data-hover]){background:var(--colors-bg-muted)}.combobox__itemIndicator{color:var(--colors-color-palette-default)}.combobox__itemGroupLabel{font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-semibold)}.select__label{font-weight:var(--font-weights-medium)}.select__label,.select__trigger{color:var(--colors-fg-default)}.select__trigger{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);cursor:pointer;display:inline-flex;outline:0;position:relative;width:var(--sizes-full);align-items:center;border-color:var(--colors-border-default);justify-content:space-between;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, box-shadow, border-color;transition-property:background,box-shadow,border-color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.select__trigger:is(:placeholder-shown,[data-placeholder-shown]){color:var(--colors-fg-subtle)}.select__trigger:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.select__trigger:is(:disabled,[disabled],[data-disabled]) :where(svg){color:var(--colors-fg-disabled)}.select__trigger :where(svg){color:var(--colors-fg-subtle)}.select__item{border-radius:var(--radii-l1);cursor:pointer;display:flex;align-items:center;justify-content:space-between;--transition-duration: var(--durations-fast);transition-duration:var(--durations-fast);--transition-prop: background, color;transition-property:background,color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.select__item[data-highlighted]{background:var(--colors-gray-a3);color:var(--colors-fg-default)}.select__item:is([aria-selected=true],[data-selected]){color:var(--colors-fg-default)}.select__item:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.select__item:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}.select__item:is(:hover,[data-hover]){background:var(--colors-gray-a3);color:var(--colors-fg-default)}.select__itemIndicator{color:var(--colors-color-palette-default)}.select__itemGroupLabel{font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-semibold)}.select__content{background:var(--colors-bg-default);border-radius:var(--radii-l2);box-shadow:var(--shadows-lg);display:flex;z-index:var(--z-index-dropdown);flex-direction:column}.select__content:is([hidden]){display:none}.select__content:is([open],[data-state=open]){animation:fadeIn .25s ease-out}.select__content:is([data-state=closed]){animation:fadeOut .2s ease-out}.select__content:is(:focus-visible,[data-focus-visible]){outline-offset:2px;outline:2px solid;outline-color:var(--colors-border-outline)}.select__root{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:flex;gap:var(--spacing-1\.5);width:var(--sizes-full);flex-direction:column}.tooltip__content{background:var(--colors-gray-a12);border-radius:var(--radii-l2);box-shadow:var(--shadows-sm);color:var(--colors-bg-default);padding-inline:var(--spacing-3);padding-block:var(--spacing-2);font-size:var(--font-sizes-xs);line-height:1.125rem;max-width:var(--sizes-2xs);font-weight:var(--font-weights-semibold)}.tooltip__content:is([open],[data-state=open]){animation:fadeIn .25s ease-out}.tooltip__content:is([data-state=closed]){animation:fadeOut .2s ease-out}.checkbox__root{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:flex;align-items:center}.checkbox__label{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.checkbox__control{color:var(--colors-color-palette-fg);cursor:pointer;display:flex;align-items:center;border-color:var(--colors-border-default);border-width:1px;justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: border-color, background;transition-property:border-color,background;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.checkbox__control:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.checkbox__control:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:hover,[data-hover]){background:var(--colors-color-palette-default)}.checkbox__control:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]){background:var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.checkbox__control:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):is(:hover,[data-hover]){background:var(--colors-color-palette-default)}.checkbox__control:has(+:focus-visible){outline-offset:2px;outline:2px solid;outline-color:var(--colors-border-outline)}.checkbox__control:has(+:focus-visible):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){outline-color:var(--colors-color-palette-default)}.checkbox__control:is(:hover,[data-hover]){background:var(--colors-bg-subtle)}.slider__root{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:flex;gap:var(--spacing-1);width:var(--sizes-full);flex-direction:column}.slider__label{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.slider__thumb{background:var(--colors-bg-default);border-radius:var(--radii-full);box-shadow:var(--shadows-sm);outline:var(--borders-none);z-index:1;border-color:var(--colors-color-palette-default);border-width:2px}.slider__track{border-radius:var(--radii-full);overflow:hidden;flex:1 1 0%;background-color:var(--colors-bg-emphasized)}.slider__range{background:var(--colors-color-palette-default)}.slider__control{position:relative;display:flex;align-items:center}.slider__markerGroup{margin-top:calc(var(--spacing-1) * -1)}.slider__marker{--before-background: white;color:var(--colors-fg-muted)}[data-color-mode=dark] .slider__marker{--before-background: var(--colors-color-palette-fg)}.slider__marker:before{background:var(--colors-white);border-radius:var(--radii-full);display:block;position:relative;transform:translate(-50%);content:"";left:50%}.slider__marker:is([data-state=under-value]):before{background:var(--before-background)}.switchRecipe__root{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:flex;position:relative;align-items:center}.switchRecipe__label{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.switchRecipe__control{background:var(--colors-bg-emphasized);border-radius:var(--radii-full);cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background;transition-property:background;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.switchRecipe__control:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-color-palette-default)}.switchRecipe__thumb{background:var(--colors-bg-default);border-radius:var(--radii-full);box-shadow:var(--shadows-xs);--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: transform, background;transition-property:transform,background;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.switchRecipe__thumb:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){transform:translate(100%);background:var(--colors-bg-default)}[data-color-mode=dark] .switchRecipe__thumb:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-color-palette-fg)}.radioButtonGroup__root{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:flex;flex-wrap:wrap}.radioButtonGroup__item{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);color:var(--colors-fg-default);cursor:pointer;display:inline-flex;outline:var(--borders-none);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;align-items:center;border-color:var(--colors-border-default);border-width:1px;font-weight:var(--font-weights-semibold);justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;transition-property:background,border-color,color,box-shadow;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.radioButtonGroup__item:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){cursor:default}.radioButtonGroup__item:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed;border-color:var(--colors-border-disabled)}.radioButtonGroup__item:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:initial;color:var(--colors-fg-disabled);border-color:var(--colors-border-disabled)}.radioButtonGroup__item:is(:hover,[data-hover]){background:var(--colors-gray-a2)}.radioButtonGroup__itemText{display:inline-flex;align-items:center}.table__root{caption-side:bottom;width:var(--sizes-full)}.table__body tr:last-child{border-bottom-width:0}.table__cell{vertical-align:middle}.table__footer{font-weight:var(--font-weights-medium);border-top-width:1px}.table__footer tr:last-child{border-bottom-width:0}.table__header{color:var(--colors-fg-muted);text-align:left;vertical-align:middle;font-weight:var(--font-weights-medium)}.table__row{border-bottom-width:1px;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, color;transition-property:background,color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.table__caption{color:var(--colors-fg-subtle)}}.combobox__label--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.combobox__trigger--size_md{right:var(--spacing-3)}.combobox__content--size_md{padding:var(--spacing-1);gap:var(--spacing-1)}.combobox__item--size_md{font-size:var(--font-sizes-md);line-height:1.5rem;padding-inline:var(--spacing-2);height:var(--sizes-10)}.combobox__itemIndicator--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.combobox__itemGroupLabel--size_md{padding-inline:var(--spacing-2);padding-block:var(--spacing-1\.5)}.select__label--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.select__trigger--size_md{padding-inline:var(--spacing-3);height:var(--sizes-10);min-width:var(--sizes-10);gap:var(--spacing-2);font-size:var(--font-sizes-md)}.select__trigger--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.select__item--size_md{font-size:var(--font-sizes-md);line-height:1.5rem;padding-inline:var(--spacing-2);height:var(--sizes-10)}.select__itemIndicator--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.select__itemGroupLabel--size_md{padding-inline:var(--spacing-2);padding-block:var(--spacing-1\.5)}.select__content--size_md{padding:var(--spacing-1);gap:var(--spacing-1)}.select__trigger--variant_outline{border-width:1px}.select__trigger--variant_outline:is(:focus,[data-focus]){box-shadow:0 0 0 1px var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.checkbox__root--size_md{gap:var(--spacing-3)}.checkbox__label--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.checkbox__control--size_md{width:var(--sizes-5);height:var(--sizes-5);border-radius:var(--radii-l1)}.checkbox__control--size_md svg{width:var(--sizes-3\.5);height:var(--sizes-3\.5)}.slider__label--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.slider__thumb--size_md{height:var(--sizes-5);width:var(--sizes-5)}.slider__track--size_md,.slider__range--size_md{height:var(--sizes-2)}.slider__control--size_md{height:var(--sizes-5)}.slider__marker--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.slider__marker--size_md:before{height:var(--sizes-1);width:var(--sizes-1);top:calc(var(--spacing-3) * -1)}.slider__label--size_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.slider__thumb--size_sm{height:var(--sizes-4);width:var(--sizes-4)}.slider__track--size_sm,.slider__range--size_sm{height:var(--sizes-1\.5)}.slider__control--size_sm{height:var(--sizes-4)}.slider__marker--size_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.slider__marker--size_sm:before{height:var(--sizes-1);width:var(--sizes-1);top:calc(var(--spacing-2\.5) * -1)}.switchRecipe__root--size_md{gap:var(--spacing-3)}.switchRecipe__label--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.switchRecipe__control--size_md{width:var(--sizes-9);padding:var(--spacing-0\.5)}.switchRecipe__thumb--size_md{width:var(--sizes-4);height:var(--sizes-4)}.switchRecipe__root--size_sm{gap:var(--spacing-2)}.switchRecipe__label--size_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.switchRecipe__control--size_sm{width:var(--sizes-7);padding:var(--spacing-0\.5)}.switchRecipe__thumb--size_sm{width:var(--sizes-3);height:var(--sizes-3)}.radioButtonGroup__root--size_sm{gap:var(--spacing-2)}.radioButtonGroup__item--size_sm{height:var(--sizes-9);min-width:var(--sizes-9);font-size:var(--font-sizes-sm);line-height:1.25rem;padding-inline:var(--spacing-3\.5)}.radioButtonGroup__item--size_sm svg{width:var(--sizes-4\.5);height:var(--sizes-4\.5)}.radioButtonGroup__itemText--size_sm{gap:var(--spacing-2)}.radioButtonGroup__item--variant_outline:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){box-shadow:0 0 0 1px var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.radioButtonGroup__item--variant_outline:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:hover,[data-hover]){background:initial}.radioButtonGroup__root--size_md{gap:var(--spacing-3)}.radioButtonGroup__item--size_md{height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-sm);line-height:1.25rem;padding-inline:var(--spacing-4)}.radioButtonGroup__item--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.radioButtonGroup__itemText--size_md{gap:var(--spacing-2)}.radioButtonGroup__item--variant_solid:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-color-palette-default);color:var(--colors-color-palette-fg);border-color:var(--colors-color-palette-default)}.radioButtonGroup__item--variant_solid:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:hover,[data-hover]){color:var(--colors-color-palette-fg);background:var(--colors-color-palette-default)}.table__root--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.table__cell--size_md{height:var(--sizes-14);padding-inline:var(--spacing-4)}.table__header--size_md{height:var(--sizes-11);padding-inline:var(--spacing-4)}.table__caption--size_md{margin-top:var(--spacing-4)}.table__row--variant_plain:is([aria-selected=true],[data-selected]){background:var(--colors-bg-muted)}.table__row--variant_plain:is(:hover,[data-hover]){background:var(--colors-bg-subtle)}}@layer utilities{.w_2xs{width:var(--sizes-2xs)}.max-h_lg{max-height:var(--sizes-lg)}.overflow_auto{overflow:auto}.d_flex{display:flex}.gap_2{gap:var(--spacing-2)}.p_4{padding:var(--spacing-4)}.my_2{margin-block:var(--spacing-2)}.w_fit{width:var(--sizes-fit)}.flex_1{flex:1 1 0%}.flex_auto{flex:1 1 auto}.gap_4{gap:var(--spacing-4)}.h_0{height:var(--sizes-0)}.h_full{height:var(--sizes-full)}.w_full{width:var(--sizes-full)}.shadow_sm{box-shadow:var(--shadows-sm)}.rounded_md{border-radius:var(--radii-md)}.m_0{margin:var(--spacing-0)}.p_0{padding:var(--spacing-0)}.h_screen{height:100vh}.overflow_hidden{overflow:hidden}.shadow_md{box-shadow:var(--shadows-md)}.gap_10px{gap:10px}.bg_bg\.subtle{background:var(--colors-bg-subtle)}.stroke-w_1\.25{stroke-width:1.25}.w_100\%{width:100%}.h_500{height:500px}.p_2{padding:var(--spacing-2)}.w_500{width:500px}.align_top{vertical-align:top}.h_36{height:var(--sizes-36)}.stroke_var\(--colors-neutral-9\){stroke:var(--colors-neutral-9)}.stroke_var\(--colors-accent-10\){stroke:var(--colors-accent-10)}.stroke_green{stroke:green}.stroke-dasharray_5_7{stroke-dasharray:5 7}.stroke_red{stroke:red}.p_1{padding:var(--spacing-1)}.w_6{width:var(--sizes-6)}.h_6{height:var(--sizes-6)}.border__debug{border:var(--borders-_debug)}.rounded_xl{border-radius:var(--radii-xl)}.transition_all{transition-property:var(--transition-prop, all);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.transform_scale\(1\){transform:scale(1)}.bg_bg\.canvas{background:var(--colors-bg-canvas)}.shadow_xl{box-shadow:var(--shadows-xl)}.transform_scale\(0\){transform:scale(0)}.text_accent\.default{color:var(--colors-accent-default)}.text_end{text-align:end}.text_neutral\.9{color:var(--colors-neutral-9)}.transform_translateY\(-3px\){transform:translateY(-3px)}.z_dropdown{z-index:var(--z-index-dropdown)}.bg_accent\.default{background:var(--colors-accent-default)}.shadow_lg{box-shadow:var(--shadows-lg)}.bg_accent\.2{background:var(--colors-accent-2)}.font-variant_all-small-caps{font-variant:all-small-caps}.max-w_1\/2{max-width:50%}.w_1\/4{width:25%}.w_1\/2{width:50%}.px_3{padding-inline:var(--spacing-3)}.bg_bg\.muted{background:var(--colors-bg-muted)}.pos_sticky{position:sticky}.text_fg\.default{color:var(--colors-fg-default)}.shadow_xs{box-shadow:var(--shadows-xs)}.flex_0_0_auto{flex:0 0 auto}.flex_column{flex-direction:column}.self_flex-start{align-self:flex-start}.fs_lg{font-size:var(--font-sizes-lg)}.fs_sm{font-size:var(--font-sizes-sm)}.items_center{align-items:center}.justify_center{justify-content:center}.overflow-y_auto{overflow-y:auto}.overflow-y_hidden{overflow-y:hidden}.justify_space-between{justify-content:space-between}.flex_row{flex-direction:row}.font_normal{font-weight:var(--font-weights-normal)}.font_light{font-weight:var(--font-weights-light)}.fs_xs{font-size:var(--font-sizes-xs)}.top_0{top:var(--spacing-0)}.right_0{right:var(--spacing-0)}.left_0{left:var(--spacing-0)}.bottom_0{bottom:var(--spacing-0)}.top_15{top:15px}.bottom_15{bottom:15px}.justify_flex-end{justify-content:flex-end}.duration_fast{--transition-duration: var(--durations-fast);transition-duration:var(--durations-fast)}.ease_pulse{--transition-easing: var(--easings-pulse);transition-timing-function:var(--easings-pulse)}.border_accent\.4{border-color:var(--colors-accent-4)}.border-w_thick{border-width:var(--border-widths-thick)}.justify_space-evenly{justify-content:space-evenly}.font_medium{font-weight:var(--font-weights-medium)}.duration_normal{--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal)}.mb_5{margin-bottom:var(--spacing-5)}.justify_space-around{justify-content:space-around}.\[\&\:nth-child\(even\)\]\:bg_neutral\.2:nth-child(2n){background:var(--colors-neutral-2)}.hover\:text-decor_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:bg_gray\.a2:is(:hover,[data-hover]){background:var(--colors-gray-a2)}.hover\:cursor_pointer:is(:hover,[data-hover]){cursor:pointer}}