@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";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;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%;line-height:inherit}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;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:var(--colors-transparent)}::placeholder{opacity:1;--placeholder-fallback: rgba(0, 0, 0, .5);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)}}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}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-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}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: "🐼"}body{background:var(--colors-bg-canvas);color:var(--colors-fg-default)}.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-color-palette-a3)}html{--colors-color-palette-light-1: var(--colors-slate-light-1);--colors-color-palette-light-2: var(--colors-slate-light-2);--colors-color-palette-light-3: var(--colors-slate-light-3);--colors-color-palette-light-4: var(--colors-slate-light-4);--colors-color-palette-light-5: var(--colors-slate-light-5);--colors-color-palette-light-6: var(--colors-slate-light-6);--colors-color-palette-light-7: var(--colors-slate-light-7);--colors-color-palette-light-8: var(--colors-slate-light-8);--colors-color-palette-light-9: var(--colors-slate-light-9);--colors-color-palette-light-10: var(--colors-slate-light-10);--colors-color-palette-light-11: var(--colors-slate-light-11);--colors-color-palette-light-12: var(--colors-slate-light-12);--colors-color-palette-light-a1: var(--colors-slate-light-a1);--colors-color-palette-light-a2: var(--colors-slate-light-a2);--colors-color-palette-light-a3: var(--colors-slate-light-a3);--colors-color-palette-light-a4: var(--colors-slate-light-a4);--colors-color-palette-light-a5: var(--colors-slate-light-a5);--colors-color-palette-light-a6: var(--colors-slate-light-a6);--colors-color-palette-light-a7: var(--colors-slate-light-a7);--colors-color-palette-light-a8: var(--colors-slate-light-a8);--colors-color-palette-light-a9: var(--colors-slate-light-a9);--colors-color-palette-light-a10: var(--colors-slate-light-a10);--colors-color-palette-light-a11: var(--colors-slate-light-a11);--colors-color-palette-light-a12: var(--colors-slate-light-a12);--colors-color-palette-dark-1: var(--colors-slate-dark-1);--colors-color-palette-dark-2: var(--colors-slate-dark-2);--colors-color-palette-dark-3: var(--colors-slate-dark-3);--colors-color-palette-dark-4: var(--colors-slate-dark-4);--colors-color-palette-dark-5: var(--colors-slate-dark-5);--colors-color-palette-dark-6: var(--colors-slate-dark-6);--colors-color-palette-dark-7: var(--colors-slate-dark-7);--colors-color-palette-dark-8: var(--colors-slate-dark-8);--colors-color-palette-dark-9: var(--colors-slate-dark-9);--colors-color-palette-dark-10: var(--colors-slate-dark-10);--colors-color-palette-dark-11: var(--colors-slate-dark-11);--colors-color-palette-dark-12: var(--colors-slate-dark-12);--colors-color-palette-dark-a1: var(--colors-slate-dark-a1);--colors-color-palette-dark-a2: var(--colors-slate-dark-a2);--colors-color-palette-dark-a3: var(--colors-slate-dark-a3);--colors-color-palette-dark-a4: var(--colors-slate-dark-a4);--colors-color-palette-dark-a5: var(--colors-slate-dark-a5);--colors-color-palette-dark-a6: var(--colors-slate-dark-a6);--colors-color-palette-dark-a7: var(--colors-slate-dark-a7);--colors-color-palette-dark-a8: var(--colors-slate-dark-a8);--colors-color-palette-dark-a9: var(--colors-slate-dark-a9);--colors-color-palette-dark-a10: var(--colors-slate-dark-a10);--colors-color-palette-dark-a11: var(--colors-slate-dark-a11);--colors-color-palette-dark-a12: var(--colors-slate-dark-a12);--colors-color-palette-1: var(--colors-slate-1);--colors-color-palette-2: var(--colors-slate-2);--colors-color-palette-3: var(--colors-slate-3);--colors-color-palette-4: var(--colors-slate-4);--colors-color-palette-5: var(--colors-slate-5);--colors-color-palette-6: var(--colors-slate-6);--colors-color-palette-7: var(--colors-slate-7);--colors-color-palette-8: var(--colors-slate-8);--colors-color-palette-9: var(--colors-slate-9);--colors-color-palette-10: var(--colors-slate-10);--colors-color-palette-11: var(--colors-slate-11);--colors-color-palette-12: var(--colors-slate-12);--colors-color-palette-a1: var(--colors-slate-a1);--colors-color-palette-a2: var(--colors-slate-a2);--colors-color-palette-a3: var(--colors-slate-a3);--colors-color-palette-a4: var(--colors-slate-a4);--colors-color-palette-a5: var(--colors-slate-a5);--colors-color-palette-a6: var(--colors-slate-a6);--colors-color-palette-a7: var(--colors-slate-a7);--colors-color-palette-a8: var(--colors-slate-a8);--colors-color-palette-a9: var(--colors-slate-a9);--colors-color-palette-a10: var(--colors-slate-a10);--colors-color-palette-a11: var(--colors-slate-a11);--colors-color-palette-a12: var(--colors-slate-a12);--colors-color-palette-default: var(--colors-slate-default);--colors-color-palette-emphasized: var(--colors-slate-emphasized);--colors-color-palette-fg: var(--colors-slate-fg);--colors-color-palette-text: var(--colors-slate-text)}*,: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){--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-spin: spin 1s linear infinite;--blurs-sm: 4px;--blurs-base: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--borders-none: none;--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-red-light-1: #fffcfc;--colors-red-light-2: #fff7f7;--colors-red-light-3: #feebec;--colors-red-light-4: #ffdbdc;--colors-red-light-5: #ffcdce;--colors-red-light-6: #fdbdbe;--colors-red-light-7: #f4a9aa;--colors-red-light-8: #eb8e90;--colors-red-light-9: #e5484d;--colors-red-light-10: #dc3e42;--colors-red-light-11: #ce2c31;--colors-red-light-12: #641723;--colors-red-light-a1: #ff000003;--colors-red-light-a2: #ff000008;--colors-red-light-a3: #f3000d14;--colors-red-light-a4: #ff000824;--colors-red-light-a5: #ff000632;--colors-red-light-a6: #f8000442;--colors-red-light-a7: #df000356;--colors-red-light-a8: #d2000571;--colors-red-light-a9: #db0007b7;--colors-red-light-a10: #d10005c1;--colors-red-light-a11: #c40006d3;--colors-red-light-a12: #55000de8;--colors-red-dark-1: #191111;--colors-red-dark-2: #201314;--colors-red-dark-3: #3b1219;--colors-red-dark-4: #500f1c;--colors-red-dark-5: #611623;--colors-red-dark-6: #72232d;--colors-red-dark-7: #8c333a;--colors-red-dark-8: #b54548;--colors-red-dark-9: #e5484d;--colors-red-dark-10: #ec5d5e;--colors-red-dark-11: #ff9592;--colors-red-dark-12: #ffd1d9;--colors-red-dark-a1: #f4121209;--colors-red-dark-a2: #f22f3e11;--colors-red-dark-a3: #ff173f2d;--colors-red-dark-a4: #fe0a3b44;--colors-red-dark-a5: #ff204756;--colors-red-dark-a6: #ff3e5668;--colors-red-dark-a7: #ff536184;--colors-red-dark-a8: #ff5d61b0;--colors-red-dark-a9: #fe4e54e4;--colors-red-dark-a10: #ff6465eb;--colors-red-dark-a11: #ff9592;--colors-red-dark-a12: #ffd1d9;--colors-gray-light-1: #fcfcfc;--colors-gray-light-2: #f9f9f9;--colors-gray-light-3: #f0f0f0;--colors-gray-light-4: #e8e8e8;--colors-gray-light-5: #e0e0e0;--colors-gray-light-6: #d9d9d9;--colors-gray-light-7: #cecece;--colors-gray-light-8: #bbbbbb;--colors-gray-light-9: #8d8d8d;--colors-gray-light-10: #838383;--colors-gray-light-11: #646464;--colors-gray-light-12: #202020;--colors-gray-light-a1: #00000003;--colors-gray-light-a2: #00000006;--colors-gray-light-a3: #0000000f;--colors-gray-light-a4: #00000017;--colors-gray-light-a5: #0000001f;--colors-gray-light-a6: #00000026;--colors-gray-light-a7: #00000031;--colors-gray-light-a8: #00000044;--colors-gray-light-a9: #00000072;--colors-gray-light-a10: #0000007c;--colors-gray-light-a11: #0000009b;--colors-gray-light-a12: #000000df;--colors-gray-dark-1: #111111;--colors-gray-dark-2: #191919;--colors-gray-dark-3: #222222;--colors-gray-dark-4: #2a2a2a;--colors-gray-dark-5: #313131;--colors-gray-dark-6: #3a3a3a;--colors-gray-dark-7: #484848;--colors-gray-dark-8: #606060;--colors-gray-dark-9: #6e6e6e;--colors-gray-dark-10: #7b7b7b;--colors-gray-dark-11: #b4b4b4;--colors-gray-dark-12: #eeeeee;--colors-gray-dark-a1: #00000000;--colors-gray-dark-a2: #ffffff09;--colors-gray-dark-a3: #ffffff12;--colors-gray-dark-a4: #ffffff1b;--colors-gray-dark-a5: #ffffff22;--colors-gray-dark-a6: #ffffff2c;--colors-gray-dark-a7: #ffffff3b;--colors-gray-dark-a8: #ffffff55;--colors-gray-dark-a9: #ffffff64;--colors-gray-dark-a10: #ffffff72;--colors-gray-dark-a11: #ffffffaf;--colors-gray-dark-a12: #ffffffed;--colors-slate-light-1: #fcfcfd;--colors-slate-light-2: #f9f9fb;--colors-slate-light-3: #f0f0f3;--colors-slate-light-4: #e8e8ec;--colors-slate-light-5: #e0e1e6;--colors-slate-light-6: #d9d9e0;--colors-slate-light-7: #cdced6;--colors-slate-light-8: #b9bbc6;--colors-slate-light-9: #8b8d98;--colors-slate-light-10: #80838d;--colors-slate-light-11: #60646c;--colors-slate-light-12: #1c2024;--colors-slate-light-a1: #00005503;--colors-slate-light-a2: #00005506;--colors-slate-light-a3: #0000330f;--colors-slate-light-a4: #00002d17;--colors-slate-light-a5: #0009321f;--colors-slate-light-a6: #00002f26;--colors-slate-light-a7: #00062e32;--colors-slate-light-a8: #00083046;--colors-slate-light-a9: #00051d74;--colors-slate-light-a10: #00071b7f;--colors-slate-light-a11: #0007149f;--colors-slate-light-a12: #000509e3;--colors-slate-dark-1: #111113;--colors-slate-dark-2: #18191b;--colors-slate-dark-3: #212225;--colors-slate-dark-4: #272a2d;--colors-slate-dark-5: #2e3135;--colors-slate-dark-6: #363a3f;--colors-slate-dark-7: #43484e;--colors-slate-dark-8: #5a6169;--colors-slate-dark-9: #696e77;--colors-slate-dark-10: #777b84;--colors-slate-dark-11: #b0b4ba;--colors-slate-dark-12: #edeef0;--colors-slate-dark-a1: #00000000;--colors-slate-dark-a2: #d8f4f609;--colors-slate-dark-a3: #ddeaf814;--colors-slate-dark-a4: #d3edf81d;--colors-slate-dark-a5: #d9edfe25;--colors-slate-dark-a6: #d6ebfd30;--colors-slate-dark-a7: #d9edff40;--colors-slate-dark-a8: #d9edff5d;--colors-slate-dark-a9: #dfebfd6d;--colors-slate-dark-a10: #e5edfd7b;--colors-slate-dark-a11: #f1f7feb5;--colors-slate-dark-a12: #fcfdffef;--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";--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;--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;--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-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--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;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--radii-l1: var(--radii-sm);--radii-l2: var(--radii-md);--radii-l3: var(--radii-lg)}:where(:root,.light){--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-5);--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-9);--colors-fg-error: var(--colors-red-9);--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);--colors-border-error: var(--colors-red-9);--colors-red-1: var(--colors-red-light-1);--colors-red-2: var(--colors-red-light-2);--colors-red-3: var(--colors-red-light-3);--colors-red-4: var(--colors-red-light-4);--colors-red-5: var(--colors-red-light-5);--colors-red-6: var(--colors-red-light-6);--colors-red-7: var(--colors-red-light-7);--colors-red-8: var(--colors-red-light-8);--colors-red-9: var(--colors-red-light-9);--colors-red-10: var(--colors-red-light-10);--colors-red-11: var(--colors-red-light-11);--colors-red-12: var(--colors-red-light-12);--colors-red-a1: var(--colors-red-light-a1);--colors-red-a2: var(--colors-red-light-a2);--colors-red-a3: var(--colors-red-light-a3);--colors-red-a4: var(--colors-red-light-a4);--colors-red-a5: var(--colors-red-light-a5);--colors-red-a6: var(--colors-red-light-a6);--colors-red-a7: var(--colors-red-light-a7);--colors-red-a8: var(--colors-red-light-a8);--colors-red-a9: var(--colors-red-light-a9);--colors-red-a10: var(--colors-red-light-a10);--colors-red-a11: var(--colors-red-light-a11);--colors-red-a12: var(--colors-red-light-a12);--colors-red-default: var(--colors-red-light-9);--colors-red-emphasized: var(--colors-red-light-10);--colors-red-fg: white;--colors-red-text: var(--colors-red-light-a11);--colors-gray-1: var(--colors-gray-light-1);--colors-gray-2: var(--colors-gray-light-2);--colors-gray-3: var(--colors-gray-light-3);--colors-gray-4: var(--colors-gray-light-4);--colors-gray-5: var(--colors-gray-light-5);--colors-gray-6: var(--colors-gray-light-6);--colors-gray-7: var(--colors-gray-light-7);--colors-gray-8: var(--colors-gray-light-8);--colors-gray-9: var(--colors-gray-light-9);--colors-gray-10: var(--colors-gray-light-10);--colors-gray-11: var(--colors-gray-light-11);--colors-gray-12: var(--colors-gray-light-12);--colors-gray-a1: var(--colors-gray-light-a1);--colors-gray-a2: var(--colors-gray-light-a2);--colors-gray-a3: var(--colors-gray-light-a3);--colors-gray-a4: var(--colors-gray-light-a4);--colors-gray-a5: var(--colors-gray-light-a5);--colors-gray-a6: var(--colors-gray-light-a6);--colors-gray-a7: var(--colors-gray-light-a7);--colors-gray-a8: var(--colors-gray-light-a8);--colors-gray-a9: var(--colors-gray-light-a9);--colors-gray-a10: var(--colors-gray-light-a10);--colors-gray-a11: var(--colors-gray-light-a11);--colors-gray-a12: var(--colors-gray-light-a12);--colors-gray-default: black;--colors-gray-emphasized: var(--colors-gray-12);--colors-gray-fg: white;--colors-gray-text: black;--colors-slate-1: var(--colors-slate-light-1);--colors-slate-2: var(--colors-slate-light-2);--colors-slate-3: var(--colors-slate-light-3);--colors-slate-4: var(--colors-slate-light-4);--colors-slate-5: var(--colors-slate-light-5);--colors-slate-6: var(--colors-slate-light-6);--colors-slate-7: var(--colors-slate-light-7);--colors-slate-8: var(--colors-slate-light-8);--colors-slate-9: var(--colors-slate-light-9);--colors-slate-10: var(--colors-slate-light-10);--colors-slate-11: var(--colors-slate-light-11);--colors-slate-12: var(--colors-slate-light-12);--colors-slate-a1: var(--colors-slate-light-a1);--colors-slate-a2: var(--colors-slate-light-a2);--colors-slate-a3: var(--colors-slate-light-a3);--colors-slate-a4: var(--colors-slate-light-a4);--colors-slate-a5: var(--colors-slate-light-a5);--colors-slate-a6: var(--colors-slate-light-a6);--colors-slate-a7: var(--colors-slate-light-a7);--colors-slate-a8: var(--colors-slate-light-a8);--colors-slate-a9: var(--colors-slate-light-a9);--colors-slate-a10: var(--colors-slate-light-a10);--colors-slate-a11: var(--colors-slate-light-a11);--colors-slate-a12: var(--colors-slate-light-a12);--colors-slate-default: var(--colors-slate-light-9);--colors-slate-emphasized: var(--colors-slate-light-10);--colors-slate-fg: white;--colors-slate-text: var(--colors-slate-light-12);--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) }.dark{--colors-bg-canvas: var(--colors-gray-1);--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-6);--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-9);--colors-fg-error: var(--colors-red-9);--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);--colors-border-error: var(--colors-red-9);--colors-red-1: var(--colors-red-dark-1);--colors-red-2: var(--colors-red-dark-2);--colors-red-3: var(--colors-red-dark-3);--colors-red-4: var(--colors-red-dark-4);--colors-red-5: var(--colors-red-dark-5);--colors-red-6: var(--colors-red-dark-6);--colors-red-7: var(--colors-red-dark-7);--colors-red-8: var(--colors-red-dark-8);--colors-red-9: var(--colors-red-dark-9);--colors-red-10: var(--colors-red-dark-10);--colors-red-11: var(--colors-red-dark-11);--colors-red-12: var(--colors-red-dark-12);--colors-red-a1: var(--colors-red-dark-a1);--colors-red-a2: var(--colors-red-dark-a2);--colors-red-a3: var(--colors-red-dark-a3);--colors-red-a4: var(--colors-red-dark-a4);--colors-red-a5: var(--colors-red-dark-a5);--colors-red-a6: var(--colors-red-dark-a6);--colors-red-a7: var(--colors-red-dark-a7);--colors-red-a8: var(--colors-red-dark-a8);--colors-red-a9: var(--colors-red-dark-a9);--colors-red-a10: var(--colors-red-dark-a10);--colors-red-a11: var(--colors-red-dark-a11);--colors-red-a12: var(--colors-red-dark-a12);--colors-red-default: var(--colors-red-dark-9);--colors-red-emphasized: var(--colors-red-dark-10);--colors-red-fg: white;--colors-red-text: var(--colors-red-dark-a11);--colors-gray-1: var(--colors-gray-dark-1);--colors-gray-2: var(--colors-gray-dark-2);--colors-gray-3: var(--colors-gray-dark-3);--colors-gray-4: var(--colors-gray-dark-4);--colors-gray-5: var(--colors-gray-dark-5);--colors-gray-6: var(--colors-gray-dark-6);--colors-gray-7: var(--colors-gray-dark-7);--colors-gray-8: var(--colors-gray-dark-8);--colors-gray-9: var(--colors-gray-dark-9);--colors-gray-10: var(--colors-gray-dark-10);--colors-gray-11: var(--colors-gray-dark-11);--colors-gray-12: var(--colors-gray-dark-12);--colors-gray-a1: var(--colors-gray-dark-a1);--colors-gray-a2: var(--colors-gray-dark-a2);--colors-gray-a3: var(--colors-gray-dark-a3);--colors-gray-a4: var(--colors-gray-dark-a4);--colors-gray-a5: var(--colors-gray-dark-a5);--colors-gray-a6: var(--colors-gray-dark-a6);--colors-gray-a7: var(--colors-gray-dark-a7);--colors-gray-a8: var(--colors-gray-dark-a8);--colors-gray-a9: var(--colors-gray-dark-a9);--colors-gray-a10: var(--colors-gray-dark-a10);--colors-gray-a11: var(--colors-gray-dark-a11);--colors-gray-a12: var(--colors-gray-dark-a12);--colors-gray-default: white;--colors-gray-emphasized: var(--colors-gray-12);--colors-gray-fg: black;--colors-gray-text: white;--colors-slate-1: var(--colors-slate-dark-1);--colors-slate-2: var(--colors-slate-dark-2);--colors-slate-3: var(--colors-slate-dark-3);--colors-slate-4: var(--colors-slate-dark-4);--colors-slate-5: var(--colors-slate-dark-5);--colors-slate-6: var(--colors-slate-dark-6);--colors-slate-7: var(--colors-slate-dark-7);--colors-slate-8: var(--colors-slate-dark-8);--colors-slate-9: var(--colors-slate-dark-9);--colors-slate-10: var(--colors-slate-dark-10);--colors-slate-11: var(--colors-slate-dark-11);--colors-slate-12: var(--colors-slate-dark-12);--colors-slate-a1: var(--colors-slate-dark-a1);--colors-slate-a2: var(--colors-slate-dark-a2);--colors-slate-a3: var(--colors-slate-dark-a3);--colors-slate-a4: var(--colors-slate-dark-a4);--colors-slate-a5: var(--colors-slate-dark-a5);--colors-slate-a6: var(--colors-slate-dark-a6);--colors-slate-a7: var(--colors-slate-dark-a7);--colors-slate-a8: var(--colors-slate-dark-a8);--colors-slate-a9: var(--colors-slate-dark-a9);--colors-slate-a10: var(--colors-slate-dark-a10);--colors-slate-a11: var(--colors-slate-dark-a11);--colors-slate-a12: var(--colors-slate-dark-a12);--colors-slate-default: var(--colors-slate-dark-9);--colors-slate-emphasized: var(--colors-slate-dark-10);--colors-slate-fg: white;--colors-slate-text: var(--colors-slate-dark-12);--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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer recipes{@layer _base{.button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);cursor:pointer;display:inline-flex;isolation:isolate;min-width:var(--sizes-0);outline:var(--borders-none);position:relative;-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}.button :where(svg){width:1.1em;height:1.1em;font-size:1.1em}.spinner{display:inline-block;border-radius:var(--radii-full);width:var(--size);height:var(--size);animation:var(--animations-spin);border-width:2px;border-color:var(--colors-color-palette-default);border-style:solid;animation-duration:var(--durations-slowest)}.formLabel{font-weight:var(--font-weights-medium)}.formLabel,.input{color:var(--colors-fg-default)}.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border-radius:var(--radii-l2);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([aria-invalid]){border-color:var(--colors-fg-error)}.input:is([aria-invalid]):is(:focus,[data-focus]){box-shadow:0 0 0 1px var(--colors-border-error);border-color:var(--colors-fg-error)}.input:is(:focus,[data-focus]){box-shadow:0 0 0 1px var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.link{color:var(--colors-fg-default);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}.skeleton{animation:var(--animations-skeleton-pulse);border-radius:var(--radii-l3);color:var(--colors-transparent);cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background-clip:padding-box;-webkit-background-clip:padding-box;background-color:var(--colors-gray-a4)}.skeleton:before,.skeleton:after,.skeleton *{visibility:hidden}@media (hover: hover) and (pointer: fine){.link:is(:hover,[data-hover]){text-decoration-color:var(--colors-color-palette-default)}}}.text--variant_heading{color:var(--colors-fg-default);font-weight:var(--font-weights-semibold)}.text--size_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.text--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.text--size_3xl{font-size:var(--font-sizes-3xl);line-height:2.375rem}.text--size_xs{font-size:var(--font-sizes-xs);line-height:1.125rem}.text--size_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.text--size_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}.button--variant_solid{background:var(--colors-color-palette-default);color:var(--colors-color-palette-fg)}.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(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.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--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(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.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-a7)}.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([aria-selected=true],[data-selected]){background:accent.default;color:accent.fg;border-color:accent.default}.button--variant_outline:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.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(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.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_xs{height:var(--sizes-8);min-width:var(--sizes-8);font-size:var(--font-sizes-xs);line-height:1.125rem;padding-inline:var(--spacing-3);gap:var(--spacing-2)}.spinner--size_md{--size: var(--sizes-6)}.formLabel--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.input--size_md{padding-inline:var(--spacing-3);height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-md)}@media (hover: hover) and (pointer: fine){.button--variant_solid:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-fg-disabled);background:var(--colors-bg-disabled)}}@media (hover: hover) and (pointer: fine){.button--variant_solid:is(:hover,[data-hover]){background:var(--colors-color-palette-emphasized)}}@media (hover: hover) and (pointer: fine){.button--variant_subtle:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-bg-disabled);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.button--variant_subtle:is(:hover,[data-hover]){background:var(--colors-color-palette-a4)}}@media (hover: hover) and (pointer: fine){.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)}}@media (hover: hover) and (pointer: fine){.button--variant_outline:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:accent.emphasized;border-color:accent.emphasized}}@media (hover: hover) and (pointer: fine){.button--variant_outline:is(:hover,[data-hover]){background:var(--colors-color-palette-a2)}}@media (hover: hover) and (pointer: fine){.button--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.button--variant_ghost:is(:hover,[data-hover]){background:var(--colors-color-palette-a3)}}}@layer recipes.slots{@layer _base{.fileUpload__root{gap:var(--spacing-4);width:100%}.fileUpload__root,.fileUpload__dropzone{display:flex;flex-direction:column}.fileUpload__dropzone{gap:var(--spacing-3);min-height:var(--sizes-xs);padding-inline:var(--spacing-6);padding-block:var(--spacing-4);align-items:center;justify-content:center}.fileUpload__dropzone,.fileUpload__item{background:var(--colors-bg-default);border-radius:var(--radii-l3);border-width:1px}.fileUpload__item{animation:fadeIn .25s ease-out;display:grid;padding:var(--spacing-4);column-gap:var(--spacing-3);grid-template-columns:auto 1fr auto;grid-template-areas:"preview name delete" "preview size delete"}.fileUpload__itemDeleteTrigger{grid-area:delete;align-self:flex-start}.fileUpload__itemGroup{display:flex;gap:var(--spacing-3);flex-direction:column}.fileUpload__itemName{color:var(--colors-fg-default);grid-area:name;font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-medium)}.fileUpload__itemPreview{grid-area:preview}.fileUpload__itemPreviewImage{aspect-ratio:1;height:var(--sizes-10);object-fit:scale-down;width:var(--sizes-10)}.fileUpload__itemSizeText{color:var(--colors-fg-muted);grid-area:size}.fileUpload__itemSizeText,.fileUpload__label{font-size:var(--font-sizes-sm);line-height:1.25rem}.fileUpload__label{font-weight:var(--font-weights-medium)}.switchRecipe__root{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%)}:root .switchRecipe__thumb:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]),.light .switchRecipe__thumb:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-bg-default)}.dark .switchRecipe__thumb:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background:var(--colors-color-palette-fg)}.dialog__backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);height:100vh;position:fixed;width:100vw;z-index:var(--z-index-overlay);left:var(--spacing-0);top:var(--spacing-0)}:root .dialog__backdrop,.light .dialog__backdrop{background:var(--colors-white-a10)}.dark .dialog__backdrop{background:var(--colors-black-a10)}.dialog__backdrop:is([open],[data-open],[data-state=open]){animation:var(--animations-backdrop-in)}.dialog__backdrop:is([closed],[data-closed],[data-state=closed]){animation:var(--animations-backdrop-out)}.dialog__positioner{display:flex;overflow:auto;position:fixed;width:100vw;height:100dvh;z-index:var(--z-index-modal);align-items:center;justify-content:center;left:var(--spacing-0);top:var(--spacing-0)}.dialog__content{background:var(--colors-bg-default);border-radius:var(--radii-l3);box-shadow:var(--shadows-lg);min-width:var(--sizes-sm);position:relative}.dialog__content:is([open],[data-open],[data-state=open]){animation:var(--animations-dialog-in)}.dialog__content:is([closed],[data-closed],[data-state=closed]){animation:var(--animations-dialog-out)}.dialog__title{font-size:var(--font-sizes-lg);line-height:1.75rem;font-weight:var(--font-weights-semibold)}.dialog__description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.25rem}.clipboard__root{display:flex;gap:var(--spacing-1\.5);flex-direction:column}.clipboard__control{display:flex;gap:var(--spacing-3)}.menu__content{background:var(--colors-bg-default);border-radius:var(--radii-l2);box-shadow:var(--shadows-lg);display:flex;outline:var(--borders-none);width:calc(100% + 2rem);z-index:var(--z-index-dropdown);flex-direction:column}.menu__content:is([hidden]){display:none}.menu__content:is([open],[data-open],[data-state=open]){animation:fadeIn .25s ease-out}.menu__content:is([closed],[data-closed],[data-state=closed]){animation:fadeOut .2s ease-out}.menu__item{border-radius:var(--radii-l1);cursor:pointer;display:flex;font-size:var(--font-sizes-sm);line-height:1.25rem;align-items:center;font-weight:var(--font-weights-medium);--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)}.menu__item[data-highlighted]{background:var(--colors-bg-muted)}.menu__item :where(svg){color:var(--colors-fg-muted)}.menu__item:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.menu__itemGroup{display:flex;flex-direction:column}.menu__itemGroupLabel{font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-semibold)}.menu__positioner{z-index:var(--z-index-dropdown)}.menu__triggerItem{border-radius:var(--radii-l1);cursor:pointer;display:flex;font-size:var(--font-sizes-sm);line-height:1.25rem;align-items:center;font-weight:var(--font-weights-medium);--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)}.menu__triggerItem[data-highlighted]{background:var(--colors-bg-muted)}.menu__triggerItem :where(svg){color:var(--colors-fg-muted)}.menu__triggerItem:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.avatar__root{border-radius:var(--radii-full);overflow:hidden;flex-shrink:0}.avatar__image{object-fit:cover}.avatar__fallback{background:var(--colors-bg-subtle);border-radius:var(--radii-full);color:var(--colors-fg-default);display:flex;height:inherit;align-items:center;border-width:1px;font-weight:var(--font-weights-semibold);justify-content:center}.avatar__fallback:is([hidden]){display:none}.checkbox__root{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(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]){background:var(--colors-color-palette-default);border-color: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)}.numberInput__root{display:flex;gap:var(--spacing-1\.5);flex-direction:column}.numberInput__label{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.numberInput__input{background:var(--colors-transparent);border:var(--borders-none);grid-row:span 2 / span 2;outline:var(--borders-none);width:var(--sizes-full)}.numberInput__input:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.numberInput__control{border-radius:var(--radii-l2);display:grid}.numberInput__control>:not([hidden])~:not([hidden]){border-inline-start-width:1px;border-inline-end-width:0px}.numberInput__control{overflow:hidden;border-color:var(--colors-border-default);border-width:1px;grid-template-columns:1fr 32px;grid-template-rows:1fr 1fr;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: border-color, box-shadow;transition-property:border-color,box-shadow;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.numberInput__control:is(:disabled,[disabled],[data-disabled]){opacity:.4;cursor:not-allowed}.numberInput__control:focus-within{box-shadow:0 0 0 1px var(--colors-color-palette-default);border-color:var(--colors-color-palette-default)}.numberInput__incrementTrigger{color:var(--colors-fg-muted);cursor:pointer;display:inline-flex;align-items:center;border-color:var(--colors-border-default);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)}.numberInput__incrementTrigger :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.numberInput__incrementTrigger:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.numberInput__decrementTrigger{color:var(--colors-fg-muted);cursor:pointer;display:inline-flex;align-items:center;border-color:var(--colors-border-default);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);border-top-width:1px}.numberInput__decrementTrigger :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.numberInput__decrementTrigger:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.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);z-index:var(--z-index-tooltip);font-weight:var(--font-weights-semibold)}.tooltip__content:is([open],[data-open],[data-state=open]){animation:fadeIn .25s ease-out}.tooltip__content:is([closed],[data-closed],[data-state=closed]){animation:fadeOut .2s ease-out}.tabs__root{display:flex;width:var(--sizes-full)}.tabs__root[data-orientation=horizontal]{flex-direction:column}.tabs__root[data-orientation=vertical]{flex-direction:row}.tabs__list{display:flex;overflow:auto;position:relative;scrollbar-width:none;flex-shrink:0}.tabs__list::-webkit-scrollbar{display:none}.tabs__list[data-orientation=horizontal]{flex-direction:row}.tabs__list[data-orientation=vertical]{flex-direction:column}.tabs__trigger{color:var(--colors-fg-muted);cursor:pointer;display:inline-flex;gap:var(--spacing-2);white-space:nowrap;z-index:1;align-items:center;flex-shrink:0;font-weight:var(--font-weights-semibold);justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: color, background, border-color;transition-property:color,background,border-color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.tabs__trigger:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.tabs__trigger:is([aria-selected=true],[data-selected]){color:var(--colors-fg-default)}.tabs__trigger[data-orientation=vertical]{justify-content:flex-start}.editable__root{display:flex;gap:var(--spacing-1\.5);width:100%;flex-direction:column}.editable__control{display:flex;gap:var(--spacing-2)}.accordion__root>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0px}.accordion__root{width:var(--sizes-full);border-top-width:1px;border-bottom-width:1px}.accordion__itemTrigger{color:var(--colors-fg-default);cursor:pointer;display:flex;gap:var(--spacing-3);font-size:var(--font-sizes-lg);line-height:1.75rem;text-align:left;width:var(--sizes-full);align-items:center;font-weight:var(--font-weights-semibold);justify-content:space-between}.accordion__itemTrigger:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.accordion__itemContent{color:var(--colors-fg-muted);overflow:hidden;--transition-prop: padding-bottom;transition-property:padding-bottom;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.accordion__itemContent:is([open],[data-open],[data-state=open]){animation:var(--animations-collapse-in)}.accordion__itemContent:is([closed],[data-closed],[data-state=closed]){animation:var(--animations-collapse-out)}.accordion__itemIndicator{color:var(--colors-fg-muted);transform-origin:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: transform;transition-property:transform;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.accordion__itemIndicator:is([open],[data-open],[data-state=open]){transform:rotate(-180deg)}.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__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-open],[data-state=open]){animation:fadeIn .25s ease-out}.select__content:is([closed],[data-closed],[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{width:var(--sizes-full)}.select__root,.colorPicker__root{display:flex;gap:var(--spacing-1\.5);flex-direction:column}.colorPicker__label{color:var(--colors-fg-default);font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-medium)}.colorPicker__control{display:flex;gap:var(--spacing-2);flex-direction:row}.colorPicker__content{background:var(--colors-bg-default);border-radius:var(--radii-l3);box-shadow:var(--shadows-lg);display:flex;max-width:var(--sizes-sm);padding:var(--spacing-4);z-index:var(--z-index-dropdown);flex-direction:column}.colorPicker__content:is([open],[data-open],[data-state=open]){animation:fadeIn .25s ease-out}.colorPicker__content:is([closed],[data-closed],[data-state=closed]){animation:fadeOut .2s ease-out}.colorPicker__content:is([hidden]){display:none}.colorPicker__area{height:var(--sizes-36);border-radius:var(--radii-l2);overflow:hidden}.colorPicker__areaThumb{border-radius:var(--radii-full);height:var(--sizes-2\.5);width:var(--sizes-2\.5);box-shadow:#fff 0 0 0 2px,#000 0 0 2px 1px;outline:var(--borders-none)}.colorPicker__areaBackground{height:var(--sizes-full)}.colorPicker__channelSlider,.colorPicker__channelSliderTrack{border-radius:var(--radii-l2)}.colorPicker__channelSliderTrack{height:var(--sizes-3)}.colorPicker__channelSliderThumb{border-radius:var(--radii-full);height:var(--sizes-2\.5);width:var(--sizes-2\.5);box-shadow:#fff 0 0 0 2px,#000 0 0 2px 1px;transform:translate(-50%,-50%);outline:var(--borders-none)}.colorPicker__transparencyGrid{border-radius:var(--radii-l2)}.colorPicker__swatchGroup{display:grid;gap:var(--spacing-2);background:var(--colors-bg-default);grid-template-columns:repeat(7,1fr)}.colorPicker__swatch{height:var(--sizes-6);width:var(--sizes-6);border-radius:var(--radii-l2);box-shadow:0 0 0 1px var(--colors-border-emphasized),0 0 0 2px var(--colors-bg-default) inset}@media (hover: hover) and (pointer: fine){.menu__item :where(svg):is(:hover,[data-hover]){color:var(--colors-fg-default)}}@media (hover: hover) and (pointer: fine){.menu__item:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-fg-disabled);background:none}}@media (hover: hover) and (pointer: fine){.menu__item:is(:hover,[data-hover]){background:var(--colors-bg-muted)}}@media (hover: hover) and (pointer: fine){.menu__triggerItem :where(svg):is(:hover,[data-hover]){color:var(--colors-fg-default)}}@media (hover: hover) and (pointer: fine){.menu__triggerItem:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-fg-disabled);background:none}}@media (hover: hover) and (pointer: fine){.menu__triggerItem:is(:hover,[data-hover]){background:var(--colors-bg-muted)}}@media (hover: hover) and (pointer: fine){.checkbox__control:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:hover,[data-hover]){background:var(--colors-color-palette-default)}}@media (hover: hover) and (pointer: fine){.checkbox__control:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):is(:hover,[data-hover]){background:var(--colors-color-palette-default)}}@media (hover: hover) and (pointer: fine){.checkbox__control:is(:hover,[data-hover]){background:var(--colors-bg-subtle)}}@media (hover: hover) and (pointer: fine){.numberInput__incrementTrigger:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.numberInput__incrementTrigger:is(:hover,[data-hover]){background:var(--colors-gray-a2);color:var(--colors-fg-default)}}@media (hover: hover) and (pointer: fine){.numberInput__decrementTrigger:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.numberInput__decrementTrigger:is(:hover,[data-hover]){background:var(--colors-gray-a2);color:var(--colors-fg-default)}}@media (hover: hover) and (pointer: fine){.tabs__trigger:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.tabs__trigger:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){color:var(--colors-fg-default)}}@media (hover: hover) and (pointer: fine){.tabs__trigger:is(:hover,[data-hover]){color:var(--colors-fg-muted)}}@media (hover: hover) and (pointer: fine){.select__item:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.select__item:is(:hover,[data-hover]){background:var(--colors-gray-a3);color:var(--colors-fg-default)}}}.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)}.menu__content--size_md{padding-block:var(--spacing-1);gap:var(--spacing-1)}.menu__item--size_md{height:var(--sizes-10);padding-inline:var(--spacing-2\.5);margin-inline:var(--spacing-1)}.menu__item--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.menu__itemGroup--size_md{gap:var(--spacing-1)}.menu__itemGroupLabel--size_md{padding-block:var(--spacing-2\.5);padding-inline:var(--spacing-2\.5);margin-inline:var(--spacing-1)}.menu__triggerItem--size_md{height:var(--sizes-10);padding-inline:var(--spacing-2\.5);margin-inline:var(--spacing-1\.5)}.menu__triggerItem--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.avatar__root--size_md,.avatar__image--size_md{height:var(--sizes-10);width:var(--sizes-10)}.avatar__fallback--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.avatar__fallback--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.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)}.numberInput__label--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.numberInput__control--size_md{padding-inline-start:var(--spacing-3);height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-md)}.tabs__trigger--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.tabs__list--variant_line[data-orientation=horizontal]{box-shadow:0 -1px 0 0 inset var(--colors-border-default);gap:var(--spacing-4)}.tabs__list--variant_line[data-orientation=vertical]{box-shadow:1px 0 0 0 inset var(--colors-border-default);gap:var(--spacing-1)}.tabs__trigger--variant_line[data-orientation=horizontal]{padding-bottom:var(--spacing-2\.5)}.tabs__content--variant_line{padding-top:var(--spacing-4)}.tabs__indicator--variant_line{background:var(--colors-color-palette-default)}.tabs__indicator--variant_line[data-orientation=horizontal]{height:2px;width:var(--width);bottom:var(--spacing-0)}.tabs__indicator--variant_line[data-orientation=vertical]{height:var(--height);width:2px;left:var(--spacing-0)}.accordion__itemTrigger--size_md{padding-block:var(--spacing-4)}.accordion__itemContent--size_md{padding-bottom:var(--spacing-6);padding-right:var(--spacing-8)}.accordion__itemContent--size_md:is([closed],[data-closed],[data-state=closed]){padding-bottom:var(--spacing-0)}.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)}}@layer utilities{@layer compositions{.textStyle_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.textStyle_md{font-size:var(--font-sizes-md);line-height:1.5rem}}.w_full{width:var(--sizes-full)}.min-h_screen{min-height:100vh}.pos_relative{position:relative}.d_flex{display:flex}.gap_10px{gap:10px}.h_100vh{height:100vh}.w_100vw{width:100vw}.gap_10{gap:var(--spacing-10)}.w_280px{width:280px}.m_auto{margin:auto}.px_0{padding-inline:var(--spacing-0)}.anim_fade-in{animation:var(--animations-fade-in)}.bg_colorPalette\.a3{background:var(--colors-color-palette-a3)}.bd_none{border:var(--borders-none)}.op_0{opacity:0}.color-palette_red{--colors-color-palette-light-1: var(--colors-red-light-1);--colors-color-palette-light-2: var(--colors-red-light-2);--colors-color-palette-light-3: var(--colors-red-light-3);--colors-color-palette-light-4: var(--colors-red-light-4);--colors-color-palette-light-5: var(--colors-red-light-5);--colors-color-palette-light-6: var(--colors-red-light-6);--colors-color-palette-light-7: var(--colors-red-light-7);--colors-color-palette-light-8: var(--colors-red-light-8);--colors-color-palette-light-9: var(--colors-red-light-9);--colors-color-palette-light-10: var(--colors-red-light-10);--colors-color-palette-light-11: var(--colors-red-light-11);--colors-color-palette-light-12: var(--colors-red-light-12);--colors-color-palette-light-a1: var(--colors-red-light-a1);--colors-color-palette-light-a2: var(--colors-red-light-a2);--colors-color-palette-light-a3: var(--colors-red-light-a3);--colors-color-palette-light-a4: var(--colors-red-light-a4);--colors-color-palette-light-a5: var(--colors-red-light-a5);--colors-color-palette-light-a6: var(--colors-red-light-a6);--colors-color-palette-light-a7: var(--colors-red-light-a7);--colors-color-palette-light-a8: var(--colors-red-light-a8);--colors-color-palette-light-a9: var(--colors-red-light-a9);--colors-color-palette-light-a10: var(--colors-red-light-a10);--colors-color-palette-light-a11: var(--colors-red-light-a11);--colors-color-palette-light-a12: var(--colors-red-light-a12);--colors-color-palette-dark-1: var(--colors-red-dark-1);--colors-color-palette-dark-2: var(--colors-red-dark-2);--colors-color-palette-dark-3: var(--colors-red-dark-3);--colors-color-palette-dark-4: var(--colors-red-dark-4);--colors-color-palette-dark-5: var(--colors-red-dark-5);--colors-color-palette-dark-6: var(--colors-red-dark-6);--colors-color-palette-dark-7: var(--colors-red-dark-7);--colors-color-palette-dark-8: var(--colors-red-dark-8);--colors-color-palette-dark-9: var(--colors-red-dark-9);--colors-color-palette-dark-10: var(--colors-red-dark-10);--colors-color-palette-dark-11: var(--colors-red-dark-11);--colors-color-palette-dark-12: var(--colors-red-dark-12);--colors-color-palette-dark-a1: var(--colors-red-dark-a1);--colors-color-palette-dark-a2: var(--colors-red-dark-a2);--colors-color-palette-dark-a3: var(--colors-red-dark-a3);--colors-color-palette-dark-a4: var(--colors-red-dark-a4);--colors-color-palette-dark-a5: var(--colors-red-dark-a5);--colors-color-palette-dark-a6: var(--colors-red-dark-a6);--colors-color-palette-dark-a7: var(--colors-red-dark-a7);--colors-color-palette-dark-a8: var(--colors-red-dark-a8);--colors-color-palette-dark-a9: var(--colors-red-dark-a9);--colors-color-palette-dark-a10: var(--colors-red-dark-a10);--colors-color-palette-dark-a11: var(--colors-red-dark-a11);--colors-color-palette-dark-a12: var(--colors-red-dark-a12);--colors-color-palette-1: var(--colors-red-1);--colors-color-palette-2: var(--colors-red-2);--colors-color-palette-3: var(--colors-red-3);--colors-color-palette-4: var(--colors-red-4);--colors-color-palette-5: var(--colors-red-5);--colors-color-palette-6: var(--colors-red-6);--colors-color-palette-7: var(--colors-red-7);--colors-color-palette-8: var(--colors-red-8);--colors-color-palette-9: var(--colors-red-9);--colors-color-palette-10: var(--colors-red-10);--colors-color-palette-11: var(--colors-red-11);--colors-color-palette-12: var(--colors-red-12);--colors-color-palette-a1: var(--colors-red-a1);--colors-color-palette-a2: var(--colors-red-a2);--colors-color-palette-a3: var(--colors-red-a3);--colors-color-palette-a4: var(--colors-red-a4);--colors-color-palette-a5: var(--colors-red-a5);--colors-color-palette-a6: var(--colors-red-a6);--colors-color-palette-a7: var(--colors-red-a7);--colors-color-palette-a8: var(--colors-red-a8);--colors-color-palette-a9: var(--colors-red-a9);--colors-color-palette-a10: var(--colors-red-a10);--colors-color-palette-a11: var(--colors-red-a11);--colors-color-palette-a12: var(--colors-red-a12);--colors-color-palette-default: var(--colors-red-default);--colors-color-palette-emphasized: var(--colors-red-emphasized);--colors-color-palette-fg: var(--colors-red-fg);--colors-color-palette-text: var(--colors-red-text)}.d_inline-flex{display:inline-flex}.pos_absolute{position:absolute}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.inset-s_50\%{inset-inline-start:50%}.w_1\.1em{width:1.1em}.h_1\.1em{height:1.1em}.h_0\.5{height:var(--sizes-0\.5)}.bdr_full{border-radius:var(--radii-full)}.min-h_200px{min-height:200px}.gap_4{gap:var(--spacing-4)}.gap_1{gap:var(--spacing-1)}.gap_2{gap:var(--spacing-2)}.c_gray{color:gray}.max-h_40vh{max-height:40vh}.max-w_336px{max-width:336px}.max-w_240px{max-width:240px}.white-space_nowrap{white-space:nowrap}.ov_hidden{overflow:hidden}.tov_ellipsis{text-overflow:ellipsis}.min-h_5{min-height:var(--sizes-5)}.w_152px{width:152px}.w_fit-content{width:fit-content}.bdr_md{border-radius:var(--radii-md)}.w_4{width:var(--sizes-4)}.h_4{height:var(--sizes-4)}.cursor_pointer{cursor:pointer}.w_240px{width:240px}.gap_3{gap:var(--spacing-3)}.flex_1{flex:1 1 0%}.c_white{color:var(--colors-white)}.h_38px{height:38px}.ta_left{text-align:left}.max-h_200px{max-height:200px}.sr_true{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.px_0\!{padding-inline:var(--spacing-0)!important}.gap_6{gap:var(--spacing-6)}.p_6{padding:var(--spacing-6)}.w_1\/4{width:25%}.w_232px{width:232px}.bx-sh_0px_2px_4px_0px_rgba\(0\,_0\,_0\,_0\.10\){box-shadow:0 2px 4px #0000001a}.bkdp_blur\(12px\){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.h_1px{height:1px}.h_full{height:var(--sizes-full)}.ring_none{outline:var(--borders-none)}.c_yellow{color:#ff0}.c_red\.emphasized{color:var(--colors-red-emphasized)}.ta_center{text-align:center}.max-h_100vh{max-height:100vh}.p_9{padding:var(--spacing-9)}.h_10{height:var(--sizes-10)}.d_grid{display:grid}.p_0{padding:var(--spacing-0)}.h_fit-content{height:fit-content}.gap_0\.5{gap:var(--spacing-0\.5)}.w_90\%{width:90%}.bdr_4px{border-radius:4px}.c_GrayText{color:GrayText}.min-w_6{min-width:var(--sizes-6)}.w_6{width:var(--sizes-6)}.h_6{height:var(--sizes-6)}.w_140px{width:140px}.asp_3\/2{aspect-ratio:3/2}.bx-sh_0_0_10px_4px_rgba\(0\,_0\,_0\,_0\.01\)_inset{box-shadow:0 0 10px 4px #00000003 inset}.p_8{padding:var(--spacing-8)}.bdr-r_lg{border-top-right-radius:var(--radii-lg);border-bottom-right-radius:var(--radii-lg)}.bx-sh_4px_0_4px_0_\#000000\;{box-shadow:4px 0 4px #000}.w_60{width:var(--sizes-60)}.m_-1{margin:calc(var(--spacing-1) * -1)}.color-palette_white{--colors-color-palette: var(--colors-white);--colors-color-palette-a1: var(--colors-white-a1);--colors-color-palette-a2: var(--colors-white-a2);--colors-color-palette-a3: var(--colors-white-a3);--colors-color-palette-a4: var(--colors-white-a4);--colors-color-palette-a5: var(--colors-white-a5);--colors-color-palette-a6: var(--colors-white-a6);--colors-color-palette-a7: var(--colors-white-a7);--colors-color-palette-a8: var(--colors-white-a8);--colors-color-palette-a9: var(--colors-white-a9);--colors-color-palette-a10: var(--colors-white-a10);--colors-color-palette-a11: var(--colors-white-a11);--colors-color-palette-a12: var(--colors-white-a12)}.bx-sh_-2px_-4px_8px_0_rgba\(72\,_72\,_72\,_0\.4\)\,_2px_4px_8px_0_rgba\(0\,_0\,_0\,_0\.4\){box-shadow:-2px -4px 8px #48484866,2px 4px 8px #0006}.bx-sh_none{box-shadow:none}.translate-x_0{--translate-x: var(--spacing-0)}.translate-y_0{--translate-y: var(--spacing-0)}.translate-z_0{--translate-z: var(--spacing-0)}.scale_1{scale:1}.z_10{z-index:10}.trf_translateX\(-50\%\){transform:translate(-50%)}.bg_rgba\(0\,_0\,_0\,_0\.6\){background:#0009}.us_none{-webkit-user-select:none;user-select:none}.min-h_30vh{min-height:30vh}.m_4{margin:var(--spacing-4)}.max-h_calc\(100vh_-_40px\){max-height:calc(100vh - 40px)}.p_4{padding:var(--spacing-4)}.gap_0{gap:var(--spacing-0)}.w_256px{width:256px}.w_24{width:var(--sizes-24)}.w_28{width:var(--sizes-28)}.max-w_218px{max-width:218px}.min-w_4{min-width:var(--sizes-4)}.h_8{height:var(--sizes-8)}.min-w_8{min-width:var(--sizes-8)}.px_3{padding-inline:var(--spacing-3)}.p_3\.5{padding:var(--spacing-3\.5)}.h_11{height:var(--sizes-11)}.h_9{height:var(--sizes-9)}.min-w_9{min-width:var(--sizes-9)}.px_3\.5{padding-inline:var(--spacing-3\.5)}.h_12{height:var(--sizes-12)}.min-w_10{min-width:var(--sizes-10)}.px_4{padding-inline:var(--spacing-4)}.p_4\.5{padding:var(--spacing-4\.5)}.min-w_11{min-width:var(--sizes-11)}.px_4\.5{padding-inline:var(--spacing-4\.5)}.px_2\.5{padding-inline:var(--spacing-2\.5)}.w_248px{width:248px}.flex_0_0_auto{flex:0 0 auto}.w_116px{width:116px}.h_116px{height:116px}.p_2{padding:var(--spacing-2)}.w_100px{width:100px}.h_100px{height:100px}.obj-f_contain{object-fit:contain}.h_1{height:var(--sizes-1)}.h_7{height:var(--sizes-7)}.w_calc\(100\%_-_28px\){width:calc(100% - 28px)}.m_1{margin:var(--spacing-1)}.gap_1\.5{gap:var(--spacing-1\.5)}.bdr_9999px{border-radius:9999px}.m_0{margin:var(--spacing-0)}.py_0{padding-block:var(--spacing-0)}.p_1{padding:var(--spacing-1)}.w_0\.5{width:var(--sizes-0\.5)}.m_1\.5{margin:var(--spacing-1\.5)}.pos_fixed{position:fixed}.z_9999{z-index:9999}.flex-d_column{flex-direction:column}.bg-c_bg\.canvas{background-color:var(--colors-bg-canvas)}.ai_stretch{align-items:stretch}.jc_center{justify-content:center}.ai_center{align-items:center}.jc_space-between{justify-content:space-between}.flex-d_row{flex-direction:row}.as_stretch{align-self:stretch}.top_50\%{top:50%}.bd-w_1\.5px{border-width:1.5px}.bd-t-c_fg\.disabled{border-top-color:var(--colors-fg-disabled)}.bd-r-c_fg\.disabled{border-right-color:var(--colors-fg-disabled)}.bg-c_white{background-color:var(--colors-white)}.grid-ce_2{grid-column-end:2}.mr_-2\.5{margin-right:calc(var(--spacing-2\.5) * -1)}.fs_sm{font-size:var(--font-sizes-sm)}.bg-c_black\.a6{background-color:var(--colors-black-a6)}.right_2{right:var(--spacing-2)}.top_3{top:var(--spacing-3)}.bd-s-w_0{border-inline-start-width:0}.pr_2{padding-right:var(--spacing-2)}.fs_xs{font-size:var(--font-sizes-xs)}.mr_1{margin-right:var(--spacing-1)}.bd-b-c_transparent{border-bottom-color:var(--colors-transparent)}.bd-l-c_transparent{border-left-color:var(--colors-transparent)}.pb_1{padding-bottom:var(--spacing-1)}.bg-c_fg\.default{background-color:var(--colors-fg-default)}.pt_4\!{padding-top:var(--spacing-4)!important}.ai_flex-start{align-items:flex-start}.jc_flex-end{justify-content:flex-end}.pb_4{padding-bottom:var(--spacing-4)}.bg-c_rgba\(0\,_0\,_0\,_0\.6\){background-color:#0009}.bg-c_border\.default{background-color:var(--colors-border-default)}.pl_1{padding-left:var(--spacing-1)}.pr_1{padding-right:var(--spacing-1)}.lh_28px{line-height:28px}.grid-tc_repeat\(auto-fill\,_minmax\(300px\,_1fr\)\){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cg_10{column-gap:var(--spacing-10)}.rg_8{row-gap:var(--spacing-8)}.border-style_dashed{border-style:dashed}.bg-c_white\.a4{background-color:var(--colors-white-a4)}.bd-w_2{border-width:2px}.bd-c_gray{border-color:gray}.pl_6{padding-left:var(--spacing-6)}.pr_6{padding-right:var(--spacing-6)}.bg-c_bg\.default{background-color:var(--colors-bg-default)}.pt_2{padding-top:var(--spacing-2)}.pb_2{padding-bottom:var(--spacing-2)}.fw_semibold{font-weight:var(--font-weights-semibold)}.jc_flex-start{justify-content:flex-start}.mt_4{margin-top:var(--spacing-4)}.top_0{top:var(--spacing-0)}.left_50\%{left:50%}.pt_1\.5{padding-top:var(--spacing-1\.5)}.pt_0{padding-top:var(--spacing-0)}.ml_-1{margin-left:calc(var(--spacing-1) * -1)}.mt_-2{margin-top:calc(var(--spacing-2) * -1)}.mb_-2{margin-bottom:calc(var(--spacing-2) * -1)}.mt_2\.5{margin-top:var(--spacing-2\.5)}.left_0{left:var(--spacing-0)}.mb_0\.5{margin-bottom:var(--spacing-0\.5)}.content_Changes_not_saved{content:Changes not saved}.pr_1\.5{padding-right:var(--spacing-1\.5)}.pt_3{padding-top:var(--spacing-3)}.fs_md{font-size:var(--font-sizes-md)}.pt_4{padding-top:var(--spacing-4)}.pt_5{padding-top:var(--spacing-5)}.left_1{left:var(--spacing-1)}.grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}.mt_3{margin-top:var(--spacing-3)}.bd-w_thin{border-width:thin}.border-style_solid{border-style:solid}.bd-c_border\.default{border-color:var(--colors-border-default)}.lh_36px{line-height:36px}.lh_16px{line-height:16px}.mb_-1{margin-bottom:calc(var(--spacing-1) * -1)}.mt_1{margin-top:var(--spacing-1)}.mb_1{margin-bottom:var(--spacing-1)}.bottom_3px{bottom:3px}.top_-5px{top:-5px}.bottom_-5px{bottom:-5px}.ml_28px{margin-left:28px}.pr_0{padding-right:var(--spacing-0)}.fw_normal{font-weight:var(--font-weights-normal)}.bottom_0\.5{bottom:var(--spacing-0\.5)}.right_1\.5{right:var(--spacing-1\.5)}.right_30px{right:30px}.right_56px{right:56px}.pl_0{padding-left:var(--spacing-0)}.pt_0\.5{padding-top:var(--spacing-0\.5)}.pb_0\.5{padding-bottom:var(--spacing-0\.5)}.mt_-0\.5{margin-top:calc(var(--spacing-0\.5) * -1)}.mb_-0\.5{margin-bottom:calc(var(--spacing-0\.5) * -1)}.right_0{right:var(--spacing-0)}.content_Translate_\(Z\){content:Translate (Z)}.content_Rotate_\(X\){content:Rotate (X)}.content_Scale_disabled_for_hotspot{content:Scale disabled for hotspot}.content_Scale_\(C\){content:Scale (C)}.content_Third_Person_View{content:Third Person View}.content_First_Person_View{content:First Person View}.content_Reset_View{content:Reset View}.bg-c_gray{background-color:gray}.mt_auto{margin-top:auto}.mb_auto{margin-bottom:auto}.bottom_20px{bottom:20px}.right_20px{right:20px}.selection\:bg-c_gray::selection{background-color:gray}.focus\:ring_none:is(:focus,[data-focus]){outline:var(--borders-none)}.focus\:border-style_solid:is(:focus,[data-focus]){border-style:solid}.focus\:bd-w_2px:is(:focus,[data-focus]){border-width:2px}.focus\:bd-c_border\.default:is(:focus,[data-focus]){border-color:var(--colors-border-default)}@media (hover: hover) and (pointer: fine){.hover\:cursor_pointer:is(:hover,[data-hover]){cursor:pointer}}@media (hover: hover) and (pointer: fine){.hover\:bd-c_ActiveBorder:is(:hover,[data-hover]){border-color:ActiveBorder}}@media (hover: hover) and (pointer: fine){.hover\:bg-c_white\.a2:is(:hover,[data-hover]){background-color:var(--colors-white-a2)}}}/*! 
* OverlayScrollbars
* Version: 2.11.3
* 
* Copyright (c) Rene Haas | KingSora.
* https://github.com/KingSora
* 
* Released under the MIT license.
*/.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}
