@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback: rgba(0, 0, 0, .5);opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, rgba(0, 115, 255, .3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}html{line-height:1.5;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{background:var(--colors-bg-canvas);color:var(--colors-fg-default)}.dark body{color-scheme:dark}*,*:before,*:after{border-color:var(--colors-border-subtle);border-style:solid;box-sizing:border-box}*::placeholder{opacity:1;color:var(--colors-fg-subtle)}*::selection{background:var(--colors-accent-a4)}*,: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-gray-light-1: #fdfdfc;--colors-gray-light-2: #f9f9f8;--colors-gray-light-3: #f1f0ef;--colors-gray-light-4: #e9e8e6;--colors-gray-light-5: #e2e1de;--colors-gray-light-6: #dad9d6;--colors-gray-light-7: #cfceca;--colors-gray-light-8: #bcbbb5;--colors-gray-light-9: #8d8d86;--colors-gray-light-10: #82827c;--colors-gray-light-11: #63635e;--colors-gray-light-12: #21201c;--colors-gray-light-a1: #55550003;--colors-gray-light-a2: #25250007;--colors-gray-light-a3: #20100010;--colors-gray-light-a4: #1f150019;--colors-gray-light-a5: #1f180021;--colors-gray-light-a6: #19130029;--colors-gray-light-a7: #19140035;--colors-gray-light-a8: #1915014a;--colors-gray-light-a9: #0f0f0079;--colors-gray-light-a10: #0c0c0083;--colors-gray-light-a11: #080800a1;--colors-gray-light-a12: #060500e3;--colors-gray-dark-1: #111110;--colors-gray-dark-2: #191918;--colors-gray-dark-3: #222221;--colors-gray-dark-4: #2a2a28;--colors-gray-dark-5: #31312e;--colors-gray-dark-6: #3b3a37;--colors-gray-dark-7: #494844;--colors-gray-dark-8: #62605b;--colors-gray-dark-9: #6f6d66;--colors-gray-dark-10: #7c7b74;--colors-gray-dark-11: #b5b3ad;--colors-gray-dark-12: #eeeeec;--colors-gray-dark-a1: #00000000;--colors-gray-dark-a2: #f4f4f309;--colors-gray-dark-a3: #f6f6f513;--colors-gray-dark-a4: #fefef31b;--colors-gray-dark-a5: #fbfbeb23;--colors-gray-dark-a6: #fffaed2d;--colors-gray-dark-a7: #fffbed3c;--colors-gray-dark-a8: #fff9eb57;--colors-gray-dark-a9: #fffae965;--colors-gray-dark-a10: #fffdee73;--colors-gray-dark-a11: #fffcf4b0;--colors-gray-dark-a12: #fffffded;--colors-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-sand-light-1: #fdfdfc;--colors-sand-light-2: #f9f9f8;--colors-sand-light-3: #f1f0ef;--colors-sand-light-4: #e9e8e6;--colors-sand-light-5: #e2e1de;--colors-sand-light-6: #dad9d6;--colors-sand-light-7: #cfceca;--colors-sand-light-8: #bcbbb5;--colors-sand-light-9: #8d8d86;--colors-sand-light-10: #82827c;--colors-sand-light-11: #63635e;--colors-sand-light-12: #21201c;--colors-sand-light-a1: #55550003;--colors-sand-light-a2: #25250007;--colors-sand-light-a3: #20100010;--colors-sand-light-a4: #1f150019;--colors-sand-light-a5: #1f180021;--colors-sand-light-a6: #19130029;--colors-sand-light-a7: #19140035;--colors-sand-light-a8: #1915014a;--colors-sand-light-a9: #0f0f0079;--colors-sand-light-a10: #0c0c0083;--colors-sand-light-a11: #080800a1;--colors-sand-light-a12: #060500e3;--colors-sand-dark-1: #111110;--colors-sand-dark-2: #191918;--colors-sand-dark-3: #222221;--colors-sand-dark-4: #2a2a28;--colors-sand-dark-5: #31312e;--colors-sand-dark-6: #3b3a37;--colors-sand-dark-7: #494844;--colors-sand-dark-8: #62605b;--colors-sand-dark-9: #6f6d66;--colors-sand-dark-10: #7c7b74;--colors-sand-dark-11: #b5b3ad;--colors-sand-dark-12: #eeeeec;--colors-sand-dark-a1: #00000000;--colors-sand-dark-a2: #f4f4f309;--colors-sand-dark-a3: #f6f6f513;--colors-sand-dark-a4: #fefef31b;--colors-sand-dark-a5: #fbfbeb23;--colors-sand-dark-a6: #fffaed2d;--colors-sand-dark-a7: #fffbed3c;--colors-sand-dark-a8: #fff9eb57;--colors-sand-dark-a9: #fffae965;--colors-sand-dark-a10: #fffdee73;--colors-sand-dark-a11: #fffcf4b0;--colors-sand-dark-a12: #fffffded;--colors-tomato-light-1: #fffcfc;--colors-tomato-light-2: #fff8f7;--colors-tomato-light-3: #feebe7;--colors-tomato-light-4: #ffdcd3;--colors-tomato-light-5: #ffcdc2;--colors-tomato-light-6: #fdbdaf;--colors-tomato-light-7: #f5a898;--colors-tomato-light-8: #ec8e7b;--colors-tomato-light-9: #e54d2e;--colors-tomato-light-10: #dd4425;--colors-tomato-light-11: #d13415;--colors-tomato-light-12: #5c271f;--colors-tomato-light-a1: #ff000003;--colors-tomato-light-a2: #ff200008;--colors-tomato-light-a3: #f52b0018;--colors-tomato-light-a4: #ff35002c;--colors-tomato-light-a5: #ff2e003d;--colors-tomato-light-a6: #f92d0050;--colors-tomato-light-a7: #e7280067;--colors-tomato-light-a8: #db250084;--colors-tomato-light-a9: #df2600d1;--colors-tomato-light-a10: #d72400da;--colors-tomato-light-a11: #cd2200ea;--colors-tomato-light-a12: #460900e0;--colors-tomato-dark-1: #181111;--colors-tomato-dark-2: #1f1513;--colors-tomato-dark-3: #391714;--colors-tomato-dark-4: #4e1511;--colors-tomato-dark-5: #5e1c16;--colors-tomato-dark-6: #6e2920;--colors-tomato-dark-7: #853a2d;--colors-tomato-dark-8: #ac4d39;--colors-tomato-dark-9: #e54d2e;--colors-tomato-dark-10: #ec6142;--colors-tomato-dark-11: #ff977d;--colors-tomato-dark-12: #fbd3cb;--colors-tomato-dark-a1: #f1121208;--colors-tomato-dark-a2: #ff55330f;--colors-tomato-dark-a3: #ff35232b;--colors-tomato-dark-a4: #fd201142;--colors-tomato-dark-a5: #fe332153;--colors-tomato-dark-a6: #ff4f3864;--colors-tomato-dark-a7: #fd644a7d;--colors-tomato-dark-a8: #fe6d4ea7;--colors-tomato-dark-a9: #fe5431e4;--colors-tomato-dark-a10: #ff6847eb;--colors-tomato-dark-a11: #ff977d;--colors-tomato-dark-a12: #ffd6cefb;--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-xs);--radii-l2: var(--radii-sm);--radii-l3: var(--radii-md)}:where(:root,.light){--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-9);--colors-red-emphasized: var(--colors-red-10);--colors-red-fg: white;--colors-red-text: var(--colors-red-a11);--colors-sand-1: var(--colors-sand-light-1);--colors-sand-2: var(--colors-sand-light-2);--colors-sand-3: var(--colors-sand-light-3);--colors-sand-4: var(--colors-sand-light-4);--colors-sand-5: var(--colors-sand-light-5);--colors-sand-6: var(--colors-sand-light-6);--colors-sand-7: var(--colors-sand-light-7);--colors-sand-8: var(--colors-sand-light-8);--colors-sand-9: var(--colors-sand-light-9);--colors-sand-10: var(--colors-sand-light-10);--colors-sand-11: var(--colors-sand-light-11);--colors-sand-12: var(--colors-sand-light-12);--colors-sand-a1: var(--colors-sand-light-a1);--colors-sand-a2: var(--colors-sand-light-a2);--colors-sand-a3: var(--colors-sand-light-a3);--colors-sand-a4: var(--colors-sand-light-a4);--colors-sand-a5: var(--colors-sand-light-a5);--colors-sand-a6: var(--colors-sand-light-a6);--colors-sand-a7: var(--colors-sand-light-a7);--colors-sand-a8: var(--colors-sand-light-a8);--colors-sand-a9: var(--colors-sand-light-a9);--colors-sand-a10: var(--colors-sand-light-a10);--colors-sand-a11: var(--colors-sand-light-a11);--colors-sand-a12: var(--colors-sand-light-a12);--colors-sand-default: var(--colors-sand-9);--colors-sand-emphasized: var(--colors-sand-10);--colors-sand-fg: white;--colors-sand-text: var(--colors-sand-12);--colors-tomato-1: var(--colors-tomato-light-1);--colors-tomato-2: var(--colors-tomato-light-2);--colors-tomato-3: var(--colors-tomato-light-3);--colors-tomato-4: var(--colors-tomato-light-4);--colors-tomato-5: var(--colors-tomato-light-5);--colors-tomato-6: var(--colors-tomato-light-6);--colors-tomato-7: var(--colors-tomato-light-7);--colors-tomato-8: var(--colors-tomato-light-8);--colors-tomato-9: var(--colors-tomato-light-9);--colors-tomato-10: var(--colors-tomato-light-10);--colors-tomato-11: var(--colors-tomato-light-11);--colors-tomato-12: var(--colors-tomato-light-12);--colors-tomato-a1: var(--colors-tomato-light-a1);--colors-tomato-a2: var(--colors-tomato-light-a2);--colors-tomato-a3: var(--colors-tomato-light-a3);--colors-tomato-a4: var(--colors-tomato-light-a4);--colors-tomato-a5: var(--colors-tomato-light-a5);--colors-tomato-a6: var(--colors-tomato-light-a6);--colors-tomato-a7: var(--colors-tomato-light-a7);--colors-tomato-a8: var(--colors-tomato-light-a8);--colors-tomato-a9: var(--colors-tomato-light-a9);--colors-tomato-a10: var(--colors-tomato-light-a10);--colors-tomato-a11: var(--colors-tomato-light-a11);--colors-tomato-a12: var(--colors-tomato-light-a12);--colors-tomato-default: var(--colors-tomato-9);--colors-tomato-emphasized: var(--colors-tomato-10);--colors-tomato-fg: white;--colors-tomato-text: var(--colors-tomato-a11);--colors-gray-1: var(--colors-sand-light-1);--colors-gray-2: var(--colors-sand-light-2);--colors-gray-3: var(--colors-sand-light-3);--colors-gray-4: var(--colors-sand-light-4);--colors-gray-5: var(--colors-sand-light-5);--colors-gray-6: var(--colors-sand-light-6);--colors-gray-7: var(--colors-sand-light-7);--colors-gray-8: var(--colors-sand-light-8);--colors-gray-9: var(--colors-sand-light-9);--colors-gray-10: var(--colors-sand-light-10);--colors-gray-11: var(--colors-sand-light-11);--colors-gray-12: var(--colors-sand-light-12);--colors-gray-a1: var(--colors-sand-light-a1);--colors-gray-a2: var(--colors-sand-light-a2);--colors-gray-a3: var(--colors-sand-light-a3);--colors-gray-a4: var(--colors-sand-light-a4);--colors-gray-a5: var(--colors-sand-light-a5);--colors-gray-a6: var(--colors-sand-light-a6);--colors-gray-a7: var(--colors-sand-light-a7);--colors-gray-a8: var(--colors-sand-light-a8);--colors-gray-a9: var(--colors-sand-light-a9);--colors-gray-a10: var(--colors-sand-light-a10);--colors-gray-a11: var(--colors-sand-light-a11);--colors-gray-a12: var(--colors-sand-light-a12);--colors-gray-default: var(--colors-sand-9);--colors-gray-emphasized: var(--colors-sand-10);--colors-gray-fg: white;--colors-gray-text: var(--colors-sand-12);--colors-accent-1: var(--colors-tomato-light-1);--colors-accent-2: var(--colors-tomato-light-2);--colors-accent-3: var(--colors-tomato-light-3);--colors-accent-4: var(--colors-tomato-light-4);--colors-accent-5: var(--colors-tomato-light-5);--colors-accent-6: var(--colors-tomato-light-6);--colors-accent-7: var(--colors-tomato-light-7);--colors-accent-8: var(--colors-tomato-light-8);--colors-accent-9: var(--colors-tomato-light-9);--colors-accent-10: var(--colors-tomato-light-10);--colors-accent-11: var(--colors-tomato-light-11);--colors-accent-12: var(--colors-tomato-light-12);--colors-accent-a1: var(--colors-tomato-light-a1);--colors-accent-a2: var(--colors-tomato-light-a2);--colors-accent-a3: var(--colors-tomato-light-a3);--colors-accent-a4: var(--colors-tomato-light-a4);--colors-accent-a5: var(--colors-tomato-light-a5);--colors-accent-a6: var(--colors-tomato-light-a6);--colors-accent-a7: var(--colors-tomato-light-a7);--colors-accent-a8: var(--colors-tomato-light-a8);--colors-accent-a9: var(--colors-tomato-light-a9);--colors-accent-a10: var(--colors-tomato-light-a10);--colors-accent-a11: var(--colors-tomato-light-a11);--colors-accent-a12: var(--colors-tomato-light-a12);--colors-accent-default: var(--colors-tomato-9);--colors-accent-emphasized: var(--colors-tomato-10);--colors-accent-fg: white;--colors-accent-text: var(--colors-tomato-a11);--colors-bg-canvas: var(--colors-gray-1);--colors-bg-default: white;--colors-bg-subtle: var(--colors-gray-2);--colors-bg-muted: var(--colors-gray-3);--colors-bg-emphasized: var(--colors-gray-4);--colors-bg-disabled: var(--colors-gray-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);--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-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-9);--colors-red-emphasized: var(--colors-red-10);--colors-red-fg: white;--colors-red-text: var(--colors-red-a11);--colors-sand-1: var(--colors-sand-dark-1);--colors-sand-2: var(--colors-sand-dark-2);--colors-sand-3: var(--colors-sand-dark-3);--colors-sand-4: var(--colors-sand-dark-4);--colors-sand-5: var(--colors-sand-dark-5);--colors-sand-6: var(--colors-sand-dark-6);--colors-sand-7: var(--colors-sand-dark-7);--colors-sand-8: var(--colors-sand-dark-8);--colors-sand-9: var(--colors-sand-dark-9);--colors-sand-10: var(--colors-sand-dark-10);--colors-sand-11: var(--colors-sand-dark-11);--colors-sand-12: var(--colors-sand-dark-12);--colors-sand-a1: var(--colors-sand-dark-a1);--colors-sand-a2: var(--colors-sand-dark-a2);--colors-sand-a3: var(--colors-sand-dark-a3);--colors-sand-a4: var(--colors-sand-dark-a4);--colors-sand-a5: var(--colors-sand-dark-a5);--colors-sand-a6: var(--colors-sand-dark-a6);--colors-sand-a7: var(--colors-sand-dark-a7);--colors-sand-a8: var(--colors-sand-dark-a8);--colors-sand-a9: var(--colors-sand-dark-a9);--colors-sand-a10: var(--colors-sand-dark-a10);--colors-sand-a11: var(--colors-sand-dark-a11);--colors-sand-a12: var(--colors-sand-dark-a12);--colors-sand-default: var(--colors-sand-9);--colors-sand-emphasized: var(--colors-sand-10);--colors-sand-fg: white;--colors-sand-text: var(--colors-sand-12);--colors-tomato-1: var(--colors-tomato-dark-1);--colors-tomato-2: var(--colors-tomato-dark-2);--colors-tomato-3: var(--colors-tomato-dark-3);--colors-tomato-4: var(--colors-tomato-dark-4);--colors-tomato-5: var(--colors-tomato-dark-5);--colors-tomato-6: var(--colors-tomato-dark-6);--colors-tomato-7: var(--colors-tomato-dark-7);--colors-tomato-8: var(--colors-tomato-dark-8);--colors-tomato-9: var(--colors-tomato-dark-9);--colors-tomato-10: var(--colors-tomato-dark-10);--colors-tomato-11: var(--colors-tomato-dark-11);--colors-tomato-12: var(--colors-tomato-dark-12);--colors-tomato-a1: var(--colors-tomato-dark-a1);--colors-tomato-a2: var(--colors-tomato-dark-a2);--colors-tomato-a3: var(--colors-tomato-dark-a3);--colors-tomato-a4: var(--colors-tomato-dark-a4);--colors-tomato-a5: var(--colors-tomato-dark-a5);--colors-tomato-a6: var(--colors-tomato-dark-a6);--colors-tomato-a7: var(--colors-tomato-dark-a7);--colors-tomato-a8: var(--colors-tomato-dark-a8);--colors-tomato-a9: var(--colors-tomato-dark-a9);--colors-tomato-a10: var(--colors-tomato-dark-a10);--colors-tomato-a11: var(--colors-tomato-dark-a11);--colors-tomato-a12: var(--colors-tomato-dark-a12);--colors-tomato-default: var(--colors-tomato-9);--colors-tomato-emphasized: var(--colors-tomato-10);--colors-tomato-fg: white;--colors-tomato-text: var(--colors-tomato-a11);--colors-gray-1: var(--colors-sand-dark-1);--colors-gray-2: var(--colors-sand-dark-2);--colors-gray-3: var(--colors-sand-dark-3);--colors-gray-4: var(--colors-sand-dark-4);--colors-gray-5: var(--colors-sand-dark-5);--colors-gray-6: var(--colors-sand-dark-6);--colors-gray-7: var(--colors-sand-dark-7);--colors-gray-8: var(--colors-sand-dark-8);--colors-gray-9: var(--colors-sand-dark-9);--colors-gray-10: var(--colors-sand-dark-10);--colors-gray-11: var(--colors-sand-dark-11);--colors-gray-12: var(--colors-sand-dark-12);--colors-gray-a1: var(--colors-sand-dark-a1);--colors-gray-a2: var(--colors-sand-dark-a2);--colors-gray-a3: var(--colors-sand-dark-a3);--colors-gray-a4: var(--colors-sand-dark-a4);--colors-gray-a5: var(--colors-sand-dark-a5);--colors-gray-a6: var(--colors-sand-dark-a6);--colors-gray-a7: var(--colors-sand-dark-a7);--colors-gray-a8: var(--colors-sand-dark-a8);--colors-gray-a9: var(--colors-sand-dark-a9);--colors-gray-a10: var(--colors-sand-dark-a10);--colors-gray-a11: var(--colors-sand-dark-a11);--colors-gray-a12: var(--colors-sand-dark-a12);--colors-gray-default: var(--colors-sand-9);--colors-gray-emphasized: var(--colors-sand-10);--colors-gray-fg: white;--colors-gray-text: var(--colors-sand-12);--colors-accent-1: var(--colors-tomato-dark-1);--colors-accent-2: var(--colors-tomato-dark-2);--colors-accent-3: var(--colors-tomato-dark-3);--colors-accent-4: var(--colors-tomato-dark-4);--colors-accent-5: var(--colors-tomato-dark-5);--colors-accent-6: var(--colors-tomato-dark-6);--colors-accent-7: var(--colors-tomato-dark-7);--colors-accent-8: var(--colors-tomato-dark-8);--colors-accent-9: var(--colors-tomato-dark-9);--colors-accent-10: var(--colors-tomato-dark-10);--colors-accent-11: var(--colors-tomato-dark-11);--colors-accent-12: var(--colors-tomato-dark-12);--colors-accent-a1: var(--colors-tomato-dark-a1);--colors-accent-a2: var(--colors-tomato-dark-a2);--colors-accent-a3: var(--colors-tomato-dark-a3);--colors-accent-a4: var(--colors-tomato-dark-a4);--colors-accent-a5: var(--colors-tomato-dark-a5);--colors-accent-a6: var(--colors-tomato-dark-a6);--colors-accent-a7: var(--colors-tomato-dark-a7);--colors-accent-a8: var(--colors-tomato-dark-a8);--colors-accent-a9: var(--colors-tomato-dark-a9);--colors-accent-a10: var(--colors-tomato-dark-a10);--colors-accent-a11: var(--colors-tomato-dark-a11);--colors-accent-a12: var(--colors-tomato-dark-a12);--colors-accent-default: var(--colors-tomato-9);--colors-accent-emphasized: var(--colors-tomato-10);--colors-accent-fg: white;--colors-accent-text: var(--colors-tomato-a11);--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);--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{border-radius:var(--radii-l2);gap:var(--spacing-2);outline:0;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--easings-default);transition-duration:var(--durations-normal);--transition-duration: var(--durations-normal);--transition-easing: var(--easings-default);align-items:center;appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--font-weights-semibold);isolation:isolate;justify-content:center;position:relative;--transition-prop: background-color, border-color, color, box-shadow;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.button:is(:focus-visible,[data-focus-visible]){outline-width:var(--focus-ring-width, 2px);outline-offset:var(--focus-ring-offset, 2px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color)}.button{min-width:var(--sizes-0)}.button:is([hidden]){display:none}.button :where(svg){flex-shrink:0}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){layer-style:disabled}.group{gap:var(--spacing-2);display:inline-flex;position:relative}.group>*:is(:focus-visible,[data-focus-visible]){z-index:1}.spinner{--spinner-track-color: transparent;animation:var(--animations-spin);border-color:currentColor;border-radius:var(--radii-full);border-style:solid;border-width:2px;--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);animation-duration:var(--durations-slowest);border-inline-start-color:var(--spinner-track-color);display:inline-block;border-bottom-color:var(--spinner-track-color);height:var(--spinner-size);width:var(--spinner-size)}.absolute-center{position:absolute;display:flex;align-items:center;justify-content:center}.skeleton{animation:var(--animations-skeleton-pulse);border-radius:var(--radii-l3);background-clip:padding-box;-webkit-background-clip:padding-box;background-color:var(--colors-gray-a4);color:var(--colors-transparent);cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton:before,.skeleton:after,.skeleton *{visibility:hidden}}.button--variant_solid{background:colorPalette.solid.bg;--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);color:colorPalette.solid.fg}.button--variant_solid:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--colors-bg-disabled);color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_solid:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-color-palette-default);outline-offset:2px}.button--size_sm{gap:var(--spacing-2);padding-inline:var(--spacing-3);font-size:var(--font-sizes-sm);line-height:1.25rem;height:var(--sizes-9);min-width:var(--sizes-9)}.button--size_sm :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.button--size_sm svg{width:var(--sizes-4);height:var(--sizes-4)}.button--variant_outline{border-width:1px;border-color:colorPalette.outline.border;--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);color:colorPalette.outline.fg}.button--variant_outline:is([aria-selected=true],[data-selected]){background:var(--colors-accent-default);border-color:var(--colors-accent-default);color:var(--colors-accent-fg)}.button--variant_outline:is([data-state=on]){background:colorPalette.outline.bg.active}.button--variant_outline:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){border-color:var(--colors-border-disabled);color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_outline:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-color-palette-default);outline-offset:2px}.button--variant_outline:is(:active,[data-active]){background:colorPalette.outline.bg.active}.button--size_lg{gap:var(--spacing-2);padding-inline:var(--spacing-4);font-size:var(--font-sizes-md);line-height:1.5rem;height:var(--sizes-11);min-width:var(--sizes-11)}.button--size_lg :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.button--size_lg svg{width:var(--sizes-5);height:var(--sizes-5)}.button--size_xs{gap:var(--spacing-2);padding-inline:var(--spacing-2\.5);font-size:var(--font-sizes-sm);line-height:1.25rem;height:var(--sizes-8);min-width:var(--sizes-8)}.button--size_xs svg{font-size:var(--font-sizes-md);width:var(--sizes-4);height:var(--sizes-4)}.button--size_xs :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.button--size_md{gap:var(--spacing-2);padding-inline:var(--spacing-3\.5);font-size:var(--font-sizes-sm);line-height:1.25rem;height:var(--sizes-10);min-width:var(--sizes-10)}.button--size_md :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.button--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.group--orientation_horizontal{flex-direction:row}.spinner--size_inherit{--spinner-size: 1em}.absolute-center--axis_both{inset-inline-start:50%;translate:-50% -50%;top:50%}:where([dir=rtl],:dir(rtl)) .absolute-center--axis_both{translate:50% -50%}.skeleton--variant_pulse{background:gray.subtle.bg.active;animation:pulse;animation-duration:var(--duration, 1.2s)}.skeleton--loading_true{border-radius:var(--radii-l2);box-shadow:none;background-clip:padding-box;-webkit-background-clip:padding-box;cursor:default;color:var(--colors-transparent);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.skeleton--loading_true:before,.skeleton--loading_true:after,.skeleton--loading_true *{visibility:hidden}.skeleton--circle_true{flex:0 0 auto;border-radius:9999px;display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.button--variant_solid:is(:hover,[data-hover]){background:colorPalette.solid.bg.hover}.button--variant_solid:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-bg-disabled);color:var(--colors-fg-disabled)}}@media(hover:hover)and (pointer:fine){.button--variant_outline:is(:hover,[data-hover]){background:colorPalette.outline.bg.hover}.button--variant_outline:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-transparent);border-color:var(--colors-border-disabled);color:var(--colors-fg-disabled)}.button--variant_outline:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-accent-emphasized);border-color:var(--colors-accent-emphasized)}}}@layer recipes.slots._base{.pagination__root{gap:var(--spacing-2\.5);display:flex}.pagination__item{font-variant-numeric:tabular-nums}.pagination__ellipsis{padding-inline:var(--spacing-2);align-items:center;color:var(--colors-fg-default);display:inline-flex;font-weight:var(--font-weights-semibold)}}@layer utilities{.bg_bg\.default{background:var(--colors-bg-default)}.bg_bg\.inverted{background:bg.inverted}.bg_transparent{background:var(--colors-transparent)}.p_4{padding:var(--spacing-4)}.bg_border\.default{background:var(--colors-border-default)}.bg_bg\.muted{background:var(--colors-bg-muted)}.p_1\.5{padding:var(--spacing-1\.5)}.p_6{padding:var(--spacing-6)}.p_3{padding:var(--spacing-3)}.bg_bg\.subtle{background:var(--colors-bg-subtle)}.p_8{padding:var(--spacing-8)}.inset_0{inset:var(--spacing-0)}.mx_auto{margin-inline:auto}.px_4{padding-inline:var(--spacing-4)}.py_8{padding-block:var(--spacing-8)}.gap_10{gap:var(--spacing-10)}.bd-c_border\.default{border-color:var(--colors-border-default)}.td_none{text-decoration:none}.gap_4{gap:var(--spacing-4)}.px_6{padding-inline:var(--spacing-6)}.py_3{padding-block:var(--spacing-3)}.bdr_md{border-radius:var(--radii-md)}.gap_1{gap:var(--spacing-1)}.py_1\.5{padding-block:var(--spacing-1\.5)}.gap_8{gap:var(--spacing-8)}.gap_3{gap:var(--spacing-3)}.bd-w_1px{border-width:1px}.px_3{padding-inline:var(--spacing-3)}.gap_2{gap:var(--spacing-2)}.td_underline{text-decoration:underline}.py_12{padding-block:var(--spacing-12)}.py_4{padding-block:var(--spacing-4)}.trs_opacity_0\.2s{transition:opacity .2s}.ov_hidden{overflow:hidden}.flex_1{flex:1 1 0%}.bdr_lg{border-radius:var(--radii-lg)}.my_1{margin-block:var(--spacing-1)}.py_20{padding-block:var(--spacing-20)}.py_2{padding-block:var(--spacing-2)}.gap_6{gap:var(--spacing-6)}.mx_2{margin-inline:var(--spacing-2)}.bdr_sm{border-radius:var(--radii-sm)}.px_2{padding-inline:var(--spacing-2)}.py_0\.5{padding-block:var(--spacing-0\.5)}.bd-c_fg\.default{border-color:var(--colors-fg-default)}.trs_border-color_0\.2s{transition:border-color .2s}.px_8{padding-inline:var(--spacing-8)}.trs_opacity{transition-property:var(--transition-prop, opacity);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.trs_all{transition-property:var(--transition-prop, all);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.my_2{margin-block:var(--spacing-2)}.td_line-through{text-decoration:line-through}.trs_shadow{transition-property:var(--transition-prop, box-shadow);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.px_0{padding-inline:var(--spacing-0)}.py_0{padding-block:var(--spacing-0)}.bd-w_0\.125em{border-width:.125em}.gap_8px{gap:8px}.d_grid{display:grid}.grid-tc_1fr{grid-template-columns:1fr}.d_none{display:none}.d_flex{display:flex}.ai_center{align-items:center}.jc_space-between{justify-content:space-between}.fs_sm{font-size:var(--font-sizes-sm)}.c_fg\.muted{color:var(--colors-fg-muted)}.fw_bold{font-weight:var(--font-weights-bold)}.fs_lg{font-size:var(--font-sizes-lg)}.tt_uppercase{text-transform:uppercase}.ls_wider{letter-spacing:var(--letter-spacings-wider)}.c_fg\.default{color:var(--colors-fg-default)}.flex-d_column{flex-direction:column}.jc_center{justify-content:center}.ta_center{text-align:center}.fs_6xl{font-size:var(--font-sizes-6xl)}.c_fg\.disabled{color:var(--colors-fg-disabled)}.c_fg\.inverted{color:fg.inverted}.fw_medium{font-weight:var(--font-weights-medium)}.fw_semibold{font-weight:var(--font-weights-semibold)}.fw_normal{font-weight:var(--font-weights-normal)}.cursor_pointer{cursor:pointer}.fs_2xl{font-size:var(--font-sizes-2xl)}.fs_xs{font-size:var(--font-sizes-xs)}.ta_right{text-align:right}.c_fg\.error{color:var(--colors-fg-error)}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.d_block{display:block}.op_0\.5{opacity:.5}.op_1{opacity:1}.flex-sh_0{flex-shrink:0}.obj-f_cover{object-fit:cover}.dvd-y_1px>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0px}.dvd-c_border\.default>:not([hidden])~:not([hidden]){border-color:var(--colors-border-default)}.pos_sticky{position:sticky}.fs_md{font-size:var(--font-sizes-md)}.trunc_true{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-wrap_wrap{flex-wrap:wrap}.d_inline-flex{display:inline-flex}.fs_xl{font-size:var(--font-sizes-xl)}.grid-tc_repeat\(2\,_1fr\){grid-template-columns:repeat(2,1fr)}.lh_tight{line-height:var(--line-heights-tight)}.pos_relative{position:relative}.pos_absolute{position:absolute}.bx-sh_lg{box-shadow:var(--shadows-lg)}.z_50{z-index:50}.asp_29\/34{aspect-ratio:29/34}.c_inherit{color:inherit}.ai_start{align-items:start}.lh_relaxed{line-height:var(--line-heights-relaxed)}.asp_1\/1{aspect-ratio:1/1}.asp_3\/4{aspect-ratio:3/4}.trs-dur_normal{--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal)}.obj-p_center{object-position:center}.fill_none{fill:none}.stk_currentColor{stroke:currentColor}.stk-w_3px{stroke-width:3px}.stk-lc_round{stroke-linecap:round}.stk-lj_round{stroke-linejoin:round}.d_contents{display:contents}.vis_hidden{visibility:hidden}.as_start{align-self:start}.ls_wide{letter-spacing:var(--letter-spacings-wide)}.tt_capitalize{text-transform:capitalize}.fs_4xl{font-size:var(--font-sizes-4xl)}.d_inline-block{display:inline-block}.max-w_6xl{max-width:var(--sizes-6xl)}.bd-b-w_1px{border-bottom-width:1px}.max-w_8xl{max-width:var(--sizes-8xl)}.h_16{height:var(--sizes-16)}.w_24{width:var(--sizes-24)}.min-h_60vh{min-height:60vh}.mt_4{margin-top:var(--spacing-4)}.mb_2{margin-bottom:var(--spacing-2)}.mt_2{margin-top:var(--spacing-2)}.mt_1{margin-top:var(--spacing-1)}.mb_4{margin-bottom:var(--spacing-4)}.w_full{width:var(--sizes-full)}.h_10{height:var(--sizes-10)}.mb_6{margin-bottom:var(--spacing-6)}.mt_3{margin-top:var(--spacing-3)}.max-w_sm{max-width:var(--sizes-sm)}.mb_8{margin-bottom:var(--spacing-8)}.mb_1{margin-bottom:var(--spacing-1)}.mt_6{margin-top:var(--spacing-6)}.h_1px{height:1px}.mb_3{margin-bottom:var(--spacing-3)}.h_32{height:var(--sizes-32)}.h_full{height:var(--sizes-full)}.mt_auto{margin-top:auto}.min-w_8{min-width:var(--sizes-8)}.ml_auto{margin-left:auto}.max-w_7xl{max-width:var(--sizes-7xl)}.top_24{top:var(--spacing-24)}.pt_4{padding-top:var(--spacing-4)}.bd-t-w_1px{border-top-width:1px}.w_14{width:var(--sizes-14)}.h_18{height:18px}.min-w_0{min-width:var(--sizes-0)}.h_75vh{height:75vh}.top_full{top:full}.right_0{right:var(--spacing-0)}.w_96{width:var(--sizes-96)}.max-h_md{max-height:var(--sizes-md)}.ov-y_auto{overflow-y:auto}.w_12{width:var(--sizes-12)}.mt_16{margin-top:var(--spacing-16)}.mt_8{margin-top:var(--spacing-8)}.pt_8{padding-top:var(--spacing-8)}.top_0{top:var(--spacing-0)}.w_16{width:var(--sizes-16)}.h_20{height:var(--sizes-20)}.pb_4{padding-bottom:var(--spacing-4)}.h_4{height:var(--sizes-4)}.max-w_4xl{max-width:var(--sizes-4xl)}.mb_10{margin-bottom:var(--spacing-10)}.disabled\:bg_bg\.muted:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--colors-bg-muted)}.\[\&\:not\(\:last-child\)\]\:bd-c_border\.default:not(:last-child){border-color:var(--colors-border-default)}.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0>*:not(:first-child):not(:last-child){border-radius:0}.disabled\:c_fg\.muted:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-fg-muted)}.disabled\:op_0\.3:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.3}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed}.\[\&_\>_\*\:first-child\]\:bdr-e_0>*:first-child{border-start-end-radius:0;border-end-end-radius:0}.\[\&_\>_\*\:first-child\]\:me_-1px>*:first-child{margin-inline-end:-1px}.\[\&_\>_\*\:last-child\]\:bdr-s_0>*:last-child{border-start-start-radius:0;border-end-start-radius:0}.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:me_-1px>*:not(:first-child):not(:last-child){margin-inline-end:-1px}.\[\&_\>_\*\:first-child\]\:bdr-b_0>*:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.\[\&_\>_\*\:last-child\]\:bdr-t_0>*:last-child{border-top-left-radius:0;border-top-right-radius:0}.\[\&\:not\(\:last-child\)\]\:bd-b-w_1px:not(:last-child){border-bottom-width:1px}.\[\&_\>_\*\:first-child\]\:mb_-1px>*:first-child,.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:mb_-1px>*:not(:first-child):not(:last-child){margin-bottom:-1px}.last\:max-w_100\%:last-child{max-width:100%}.last\:max-w_80\%:last-child{max-width:80%}.focus\:ring_none:is(:focus,[data-focus]){outline:var(--borders-none)}.focus\:bd-c_fg\.default:is(:focus,[data-focus]){border-color:var(--colors-fg-default)}@media screen and (min-width:48rem){.md\:px_8{padding-inline:var(--spacing-8)}.md\:py_12{padding-block:var(--spacing-12)}.md\:gap_16{gap:var(--spacing-16)}.md\:grid-tc_200px_1fr{grid-template-columns:200px 1fr}.md\:d_block{display:block}.md\:grid-tc_1fr_1fr_1fr{grid-template-columns:1fr 1fr 1fr}.md\:grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.md\:grid-tc_repeat\(3\,_1fr\){grid-template-columns:repeat(3,1fr)}.md\:fs_4xl{font-size:var(--font-sizes-4xl)}.md\:fs_3xl{font-size:var(--font-sizes-3xl)}.md\:grid-tc_1fr_1fr_1fr_1fr{grid-template-columns:1fr 1fr 1fr 1fr}.md\:d_flex{display:flex}.md\:grid-tc_repeat\(4\,_1fr\){grid-template-columns:repeat(4,1fr)}.md\:pos_sticky{position:sticky}.md\:top_24{top:var(--spacing-24)}}@media screen and (min-width:64rem){.lg\:grid-tc_1fr_380px{grid-template-columns:1fr 380px}.lg\:grid-tc_repeat\(4\,_1fr\){grid-template-columns:repeat(4,1fr)}}@media(hover:hover)and (pointer:fine){.hover\:bg_bg\.muted:is(:hover,[data-hover]){background:var(--colors-bg-muted)}}@media(hover:hover)and (pointer:fine){.hover\:bg_bg\.subtle:is(:hover,[data-hover]){background:var(--colors-bg-subtle)}}@media(hover:hover)and (pointer:fine){.hover\:bg_bg\.inverted:is(:hover,[data-hover]){background:bg.inverted}}@media(hover:hover)and (pointer:fine){.hover\:bd-c_fg\.default:is(:hover,[data-hover]){border-color:var(--colors-fg-default)}}@media(hover:hover)and (pointer:fine){.hover\:c_fg\.default:is(:hover,[data-hover]){color:var(--colors-fg-default)}}@media(hover:hover)and (pointer:fine){.hover\:op_0\.9:is(:hover,[data-hover]){opacity:.9}}@media(hover:hover)and (pointer:fine){.hover\:c_fg\.error:is(:hover,[data-hover]){color:var(--colors-fg-error)}}@media(hover:hover)and (pointer:fine){.hover\:c_fg\.muted:is(:hover,[data-hover]){color:var(--colors-fg-muted)}}@media(hover:hover)and (pointer:fine){.hover\:\[\&_\.thumbnail\]\:bx-sh_lg:is(:hover,[data-hover]) .thumbnail{box-shadow:var(--shadows-lg)}}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}