@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;tab-size:4;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border, currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border, currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}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]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::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: #00000080;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)}}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;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-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-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{-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5}body{background:var(--colors-bg-canvas);color:var(--colors-fg-default)}.dark body{--lightningcss-light: ;--lightningcss-dark: initial;color-scheme:dark}*,:before,:after{border-color:var(--colors-border-subtle);box-sizing:border-box;border-style:solid}::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);--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: #000;--colors-black-a1: #0000000d;--colors-black-a2: #0000001a;--colors-black-a3: #00000026;--colors-black-a4: #0003;--colors-black-a5: #0000004d;--colors-black-a6: #0006;--colors-black-a7: #00000080;--colors-black-a8: #0009;--colors-black-a9: #000000b3;--colors-black-a10: #000c;--colors-black-a11: #000000e6;--colors-black-a12: #000000f2;--colors-white: #fff;--colors-white-a1: #ffffff0d;--colors-white-a2: #ffffff1a;--colors-white-a3: #ffffff26;--colors-white-a4: #fff3;--colors-white-a5: #ffffff4d;--colors-white-a6: #fff6;--colors-white-a7: #ffffff80;--colors-white-a8: #fff9;--colors-white-a9: #ffffffb3;--colors-white-a10: #fffc;--colors-white-a11: #ffffffe6;--colors-white-a12: #fffffff2;--colors-transparent: #0000;--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: #bbb;--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: #0004;--colors-gray-light-a9: #00000072;--colors-gray-light-a10: #0000007c;--colors-gray-light-a11: #0000009b;--colors-gray-light-a12: #000000df;--colors-gray-dark-1: #111;--colors-gray-dark-2: #191919;--colors-gray-dark-3: #222;--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: #eee;--colors-gray-dark-a1: #0000;--colors-gray-dark-a2: #ffffff09;--colors-gray-dark-a3: #ffffff12;--colors-gray-dark-a4: #ffffff1b;--colors-gray-dark-a5: #fff2;--colors-gray-dark-a6: #ffffff2c;--colors-gray-dark-a7: #ffffff3b;--colors-gray-dark-a8: #fff5;--colors-gray-dark-a9: #ffffff64;--colors-gray-dark-a10: #ffffff72;--colors-gray-dark-a11: #ffffffaf;--colors-gray-dark-a12: #ffffffed;--colors-pink-light-1: #fffcfe;--colors-pink-light-2: #fef7fb;--colors-pink-light-3: #fee9f5;--colors-pink-light-4: #fbdcef;--colors-pink-light-5: #f6cee7;--colors-pink-light-6: #efbfdd;--colors-pink-light-7: #e7acd0;--colors-pink-light-8: #dd93c2;--colors-pink-light-9: #d6409f;--colors-pink-light-10: #cf3897;--colors-pink-light-11: #c2298a;--colors-pink-light-12: #651249;--colors-pink-light-a1: #ff00aa03;--colors-pink-light-a2: #e0008008;--colors-pink-light-a3: #f4008c16;--colors-pink-light-a4: #e2008b23;--colors-pink-light-a5: #d1008331;--colors-pink-light-a6: #c0007840;--colors-pink-light-a7: #b6006f53;--colors-pink-light-a8: #af006f6c;--colors-pink-light-a9: #c8007fbf;--colors-pink-light-a10: #c2007ac7;--colors-pink-light-a11: #b60074d6;--colors-pink-light-a12: #59003bed;--colors-pink-dark-1: #191117;--colors-pink-dark-2: #21121d;--colors-pink-dark-3: #37172f;--colors-pink-dark-4: #4b143d;--colors-pink-dark-5: #591c47;--colors-pink-dark-6: #692955;--colors-pink-dark-7: #833869;--colors-pink-dark-8: #a84885;--colors-pink-dark-9: #d6409f;--colors-pink-dark-10: #de51a8;--colors-pink-dark-11: #ff8dcc;--colors-pink-dark-12: #fdd1ea;--colors-pink-dark-a1: #f412bc09;--colors-pink-dark-a2: #f420bb12;--colors-pink-dark-a3: #fe37cc29;--colors-pink-dark-a4: #fc1ec43f;--colors-pink-dark-a5: #fd35c24e;--colors-pink-dark-a6: #fd51c75f;--colors-pink-dark-a7: #fd62c87b;--colors-pink-dark-a8: #ff68c8a2;--colors-pink-dark-a9: #fe49bcd4;--colors-pink-dark-a10: #ff5cc0dc;--colors-pink-dark-a11: #ff8dcc;--colors-pink-dark-a12: #ffd3ecfd;--colors-neutral-light-1: #fcfcfc;--colors-neutral-light-2: #f9f9f9;--colors-neutral-light-3: #f0f0f0;--colors-neutral-light-4: #e8e8e8;--colors-neutral-light-5: #e0e0e0;--colors-neutral-light-6: #d9d9d9;--colors-neutral-light-7: #cecece;--colors-neutral-light-8: #bbb;--colors-neutral-light-9: #8d8d8d;--colors-neutral-light-10: #838383;--colors-neutral-light-11: #646464;--colors-neutral-light-12: #202020;--colors-neutral-light-a1: #00000003;--colors-neutral-light-a2: #00000006;--colors-neutral-light-a3: #0000000f;--colors-neutral-light-a4: #00000017;--colors-neutral-light-a5: #0000001f;--colors-neutral-light-a6: #00000026;--colors-neutral-light-a7: #00000031;--colors-neutral-light-a8: #0004;--colors-neutral-light-a9: #00000072;--colors-neutral-light-a10: #0000007c;--colors-neutral-light-a11: #0000009b;--colors-neutral-light-a12: #000000df;--colors-neutral-dark-1: #111;--colors-neutral-dark-2: #191919;--colors-neutral-dark-3: #222;--colors-neutral-dark-4: #2a2a2a;--colors-neutral-dark-5: #313131;--colors-neutral-dark-6: #3a3a3a;--colors-neutral-dark-7: #484848;--colors-neutral-dark-8: #606060;--colors-neutral-dark-9: #6e6e6e;--colors-neutral-dark-10: #7b7b7b;--colors-neutral-dark-11: #b4b4b4;--colors-neutral-dark-12: #eee;--colors-neutral-dark-a1: #0000;--colors-neutral-dark-a2: #ffffff09;--colors-neutral-dark-a3: #ffffff12;--colors-neutral-dark-a4: #ffffff1b;--colors-neutral-dark-a5: #fff2;--colors-neutral-dark-a6: #ffffff2c;--colors-neutral-dark-a7: #ffffff3b;--colors-neutral-dark-a8: #fff5;--colors-neutral-dark-a9: #ffffff64;--colors-neutral-dark-a10: #ffffff72;--colors-neutral-dark-a11: #ffffffaf;--colors-neutral-dark-a12: #ffffffed;--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;--aspect-ratios-square: 1 / 1;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-neutral-emphasized: var(--colors-gray-12);--colors-pink-default: var(--colors-pink-9);--colors-pink-emphasized: var(--colors-pink-10);--colors-pink-fg: white;--colors-pink-text: var(--colors-pink-a11);--colors-gray-emphasized: var(--colors-gray-12);--colors-accent-default: var(--colors-pink-9);--colors-accent-emphasized: var(--colors-pink-10);--colors-accent-fg: white;--colors-accent-text: var(--colors-pink-a11);--radii-l1: var(--radii-xs);--radii-l2: var(--radii-sm);--radii-l3: var(--radii-md)}:where(:root,.light){--colors-neutral-1: var(--colors-neutral-light-1);--colors-neutral-2: var(--colors-neutral-light-2);--colors-neutral-3: var(--colors-neutral-light-3);--colors-neutral-4: var(--colors-neutral-light-4);--colors-neutral-5: var(--colors-neutral-light-5);--colors-neutral-6: var(--colors-neutral-light-6);--colors-neutral-7: var(--colors-neutral-light-7);--colors-neutral-8: var(--colors-neutral-light-8);--colors-neutral-9: var(--colors-neutral-light-9);--colors-neutral-10: var(--colors-neutral-light-10);--colors-neutral-11: var(--colors-neutral-light-11);--colors-neutral-12: var(--colors-neutral-light-12);--colors-neutral-a1: var(--colors-neutral-light-a1);--colors-neutral-a2: var(--colors-neutral-light-a2);--colors-neutral-a3: var(--colors-neutral-light-a3);--colors-neutral-a4: var(--colors-neutral-light-a4);--colors-neutral-a5: var(--colors-neutral-light-a5);--colors-neutral-a6: var(--colors-neutral-light-a6);--colors-neutral-a7: var(--colors-neutral-light-a7);--colors-neutral-a8: var(--colors-neutral-light-a8);--colors-neutral-a9: var(--colors-neutral-light-a9);--colors-neutral-a10: var(--colors-neutral-light-a10);--colors-neutral-a11: var(--colors-neutral-light-a11);--colors-neutral-a12: var(--colors-neutral-light-a12);--colors-neutral-default: black;--colors-neutral-fg: white;--colors-neutral-text: black;--colors-pink-1: var(--colors-pink-light-1);--colors-pink-2: var(--colors-pink-light-2);--colors-pink-3: var(--colors-pink-light-3);--colors-pink-4: var(--colors-pink-light-4);--colors-pink-5: var(--colors-pink-light-5);--colors-pink-6: var(--colors-pink-light-6);--colors-pink-7: var(--colors-pink-light-7);--colors-pink-8: var(--colors-pink-light-8);--colors-pink-9: var(--colors-pink-light-9);--colors-pink-10: var(--colors-pink-light-10);--colors-pink-11: var(--colors-pink-light-11);--colors-pink-12: var(--colors-pink-light-12);--colors-pink-a1: var(--colors-pink-light-a1);--colors-pink-a2: var(--colors-pink-light-a2);--colors-pink-a3: var(--colors-pink-light-a3);--colors-pink-a4: var(--colors-pink-light-a4);--colors-pink-a5: var(--colors-pink-light-a5);--colors-pink-a6: var(--colors-pink-light-a6);--colors-pink-a7: var(--colors-pink-light-a7);--colors-pink-a8: var(--colors-pink-light-a8);--colors-pink-a9: var(--colors-pink-light-a9);--colors-pink-a10: var(--colors-pink-light-a10);--colors-pink-a11: var(--colors-pink-light-a11);--colors-pink-a12: var(--colors-pink-light-a12);--colors-gray-1: var(--colors-neutral-light-1);--colors-gray-2: var(--colors-neutral-light-2);--colors-gray-3: var(--colors-neutral-light-3);--colors-gray-4: var(--colors-neutral-light-4);--colors-gray-5: var(--colors-neutral-light-5);--colors-gray-6: var(--colors-neutral-light-6);--colors-gray-7: var(--colors-neutral-light-7);--colors-gray-8: var(--colors-neutral-light-8);--colors-gray-9: var(--colors-neutral-light-9);--colors-gray-10: var(--colors-neutral-light-10);--colors-gray-11: var(--colors-neutral-light-11);--colors-gray-12: var(--colors-neutral-light-12);--colors-gray-a1: var(--colors-neutral-light-a1);--colors-gray-a2: var(--colors-neutral-light-a2);--colors-gray-a3: var(--colors-neutral-light-a3);--colors-gray-a4: var(--colors-neutral-light-a4);--colors-gray-a5: var(--colors-neutral-light-a5);--colors-gray-a6: var(--colors-neutral-light-a6);--colors-gray-a7: var(--colors-neutral-light-a7);--colors-gray-a8: var(--colors-neutral-light-a8);--colors-gray-a9: var(--colors-neutral-light-a9);--colors-gray-a10: var(--colors-neutral-light-a10);--colors-gray-a11: var(--colors-neutral-light-a11);--colors-gray-a12: var(--colors-neutral-light-a12);--colors-gray-default: black;--colors-gray-fg: white;--colors-gray-text: black;--colors-accent-1: var(--colors-pink-light-1);--colors-accent-2: var(--colors-pink-light-2);--colors-accent-3: var(--colors-pink-light-3);--colors-accent-4: var(--colors-pink-light-4);--colors-accent-5: var(--colors-pink-light-5);--colors-accent-6: var(--colors-pink-light-6);--colors-accent-7: var(--colors-pink-light-7);--colors-accent-8: var(--colors-pink-light-8);--colors-accent-9: var(--colors-pink-light-9);--colors-accent-10: var(--colors-pink-light-10);--colors-accent-11: var(--colors-pink-light-11);--colors-accent-12: var(--colors-pink-light-12);--colors-accent-a1: var(--colors-pink-light-a1);--colors-accent-a2: var(--colors-pink-light-a2);--colors-accent-a3: var(--colors-pink-light-a3);--colors-accent-a4: var(--colors-pink-light-a4);--colors-accent-a5: var(--colors-pink-light-a5);--colors-accent-a6: var(--colors-pink-light-a6);--colors-accent-a7: var(--colors-pink-light-a7);--colors-accent-a8: var(--colors-pink-light-a8);--colors-accent-a9: var(--colors-pink-light-a9);--colors-accent-a10: var(--colors-pink-light-a10);--colors-accent-a11: var(--colors-pink-light-a11);--colors-accent-a12: var(--colors-pink-light-a12);--colors-bg-canvas: var(--colors-gray-1);--colors-bg-default: white;--colors-bg-subtle: var(--colors-gray-2);--colors-bg-muted: var(--colors-gray-3);--colors-bg-emphasized: var(--colors-gray-4);--colors-bg-disabled: var(--colors-gray-3);--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-fg-disabled: var(--colors-gray-7);--colors-border-default: var(--colors-gray-7);--colors-border-muted: var(--colors-gray-6);--colors-border-subtle: var(--colors-gray-4);--colors-border-disabled: var(--colors-gray-5);--colors-border-outline: var(--colors-gray-a9);--shadows-xs: 0px 1px 2px var(--colors-gray-a5), 0px 0px 1px var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-md: 0px 4px 8px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-lg: 0px 8px 16px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-xl: 0px 16px 24px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-2xl: 0px 24px 40px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7)}.dark{--colors-neutral-1: var(--colors-neutral-dark-1);--colors-neutral-2: var(--colors-neutral-dark-2);--colors-neutral-3: var(--colors-neutral-dark-3);--colors-neutral-4: var(--colors-neutral-dark-4);--colors-neutral-5: var(--colors-neutral-dark-5);--colors-neutral-6: var(--colors-neutral-dark-6);--colors-neutral-7: var(--colors-neutral-dark-7);--colors-neutral-8: var(--colors-neutral-dark-8);--colors-neutral-9: var(--colors-neutral-dark-9);--colors-neutral-10: var(--colors-neutral-dark-10);--colors-neutral-11: var(--colors-neutral-dark-11);--colors-neutral-12: var(--colors-neutral-dark-12);--colors-neutral-a1: var(--colors-neutral-dark-a1);--colors-neutral-a2: var(--colors-neutral-dark-a2);--colors-neutral-a3: var(--colors-neutral-dark-a3);--colors-neutral-a4: var(--colors-neutral-dark-a4);--colors-neutral-a5: var(--colors-neutral-dark-a5);--colors-neutral-a6: var(--colors-neutral-dark-a6);--colors-neutral-a7: var(--colors-neutral-dark-a7);--colors-neutral-a8: var(--colors-neutral-dark-a8);--colors-neutral-a9: var(--colors-neutral-dark-a9);--colors-neutral-a10: var(--colors-neutral-dark-a10);--colors-neutral-a11: var(--colors-neutral-dark-a11);--colors-neutral-a12: var(--colors-neutral-dark-a12);--colors-neutral-default: white;--colors-neutral-fg: black;--colors-neutral-text: white;--colors-pink-1: var(--colors-pink-dark-1);--colors-pink-2: var(--colors-pink-dark-2);--colors-pink-3: var(--colors-pink-dark-3);--colors-pink-4: var(--colors-pink-dark-4);--colors-pink-5: var(--colors-pink-dark-5);--colors-pink-6: var(--colors-pink-dark-6);--colors-pink-7: var(--colors-pink-dark-7);--colors-pink-8: var(--colors-pink-dark-8);--colors-pink-9: var(--colors-pink-dark-9);--colors-pink-10: var(--colors-pink-dark-10);--colors-pink-11: var(--colors-pink-dark-11);--colors-pink-12: var(--colors-pink-dark-12);--colors-pink-a1: var(--colors-pink-dark-a1);--colors-pink-a2: var(--colors-pink-dark-a2);--colors-pink-a3: var(--colors-pink-dark-a3);--colors-pink-a4: var(--colors-pink-dark-a4);--colors-pink-a5: var(--colors-pink-dark-a5);--colors-pink-a6: var(--colors-pink-dark-a6);--colors-pink-a7: var(--colors-pink-dark-a7);--colors-pink-a8: var(--colors-pink-dark-a8);--colors-pink-a9: var(--colors-pink-dark-a9);--colors-pink-a10: var(--colors-pink-dark-a10);--colors-pink-a11: var(--colors-pink-dark-a11);--colors-pink-a12: var(--colors-pink-dark-a12);--colors-gray-1: var(--colors-neutral-dark-1);--colors-gray-2: var(--colors-neutral-dark-2);--colors-gray-3: var(--colors-neutral-dark-3);--colors-gray-4: var(--colors-neutral-dark-4);--colors-gray-5: var(--colors-neutral-dark-5);--colors-gray-6: var(--colors-neutral-dark-6);--colors-gray-7: var(--colors-neutral-dark-7);--colors-gray-8: var(--colors-neutral-dark-8);--colors-gray-9: var(--colors-neutral-dark-9);--colors-gray-10: var(--colors-neutral-dark-10);--colors-gray-11: var(--colors-neutral-dark-11);--colors-gray-12: var(--colors-neutral-dark-12);--colors-gray-a1: var(--colors-neutral-dark-a1);--colors-gray-a2: var(--colors-neutral-dark-a2);--colors-gray-a3: var(--colors-neutral-dark-a3);--colors-gray-a4: var(--colors-neutral-dark-a4);--colors-gray-a5: var(--colors-neutral-dark-a5);--colors-gray-a6: var(--colors-neutral-dark-a6);--colors-gray-a7: var(--colors-neutral-dark-a7);--colors-gray-a8: var(--colors-neutral-dark-a8);--colors-gray-a9: var(--colors-neutral-dark-a9);--colors-gray-a10: var(--colors-neutral-dark-a10);--colors-gray-a11: var(--colors-neutral-dark-a11);--colors-gray-a12: var(--colors-neutral-dark-a12);--colors-gray-default: white;--colors-gray-fg: black;--colors-gray-text: white;--colors-accent-1: var(--colors-pink-dark-1);--colors-accent-2: var(--colors-pink-dark-2);--colors-accent-3: var(--colors-pink-dark-3);--colors-accent-4: var(--colors-pink-dark-4);--colors-accent-5: var(--colors-pink-dark-5);--colors-accent-6: var(--colors-pink-dark-6);--colors-accent-7: var(--colors-pink-dark-7);--colors-accent-8: var(--colors-pink-dark-8);--colors-accent-9: var(--colors-pink-dark-9);--colors-accent-10: var(--colors-pink-dark-10);--colors-accent-11: var(--colors-pink-dark-11);--colors-accent-12: var(--colors-pink-dark-12);--colors-accent-a1: var(--colors-pink-dark-a1);--colors-accent-a2: var(--colors-pink-dark-a2);--colors-accent-a3: var(--colors-pink-dark-a3);--colors-accent-a4: var(--colors-pink-dark-a4);--colors-accent-a5: var(--colors-pink-dark-a5);--colors-accent-a6: var(--colors-pink-dark-a6);--colors-accent-a7: var(--colors-pink-dark-a7);--colors-accent-a8: var(--colors-pink-dark-a8);--colors-accent-a9: var(--colors-pink-dark-a9);--colors-accent-a10: var(--colors-pink-dark-a10);--colors-accent-a11: var(--colors-pink-dark-a11);--colors-accent-a12: var(--colors-pink-dark-a12);--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-4);--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-fg-disabled: var(--colors-gray-7);--colors-border-default: var(--colors-gray-7);--colors-border-muted: var(--colors-gray-6);--colors-border-subtle: var(--colors-gray-4);--colors-border-disabled: var(--colors-gray-5);--colors-border-outline: var(--colors-gray-a9);--shadows-xs: 0px 1px 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}}}@layer recipes{@layer _base{.button{border-radius:var(--radii-l2);outline:var(--borders-none);appearance:none;cursor:pointer;font-weight:var(--font-weights-semibold);--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;--transition-easing: var(--easings-default);transition-property:background,border-color,color,box-shadow;transition-timing-function:var(--easings-default);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;min-width:var(--sizes-0);justify-content:center;align-items:center;display:inline-flex}.button[hidden]{display:none}.iconButton{border-radius:var(--radii-l2);outline:var(--borders-none);appearance:none;cursor:pointer;font-weight:var(--font-weights-semibold);--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;--transition-easing: var(--easings-default);transition-property:background,border-color,color,box-shadow;transition-timing-function:var(--easings-default);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;min-width:var(--sizes-0);justify-content:center;align-items:center;display:inline-flex}.iconButton[hidden]{display:none}.link{gap:var(--spacing-2);color:var(--colors-fg-default);--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);--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);cursor:pointer;font-weight:var(--font-weights-medium);text-underline-offset:.125em;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: text-decoration-color;--transition-easing: var(--easings-default);transition-property:text-decoration-color;transition-timing-function:var(--easings-default);align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.1em;display:inline-flex}.link svg{width:1em;height:1em}@media (hover: hover) and (pointer: fine){.link:is(:hover,[data-hover]){-webkit-text-decoration-color:var(--colors-color-palette-default);text-decoration-color:var(--colors-color-palette-default)}}}.button--variant_solid{background:var(--colors-color-palette-default);color:var(--colors-color-palette-fg);--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);--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)}.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_md{padding-inline:var(--spacing-4);gap:var(--spacing-2);font-size:var(--font-sizes-sm);height:var(--sizes-10);min-width:var(--sizes-10);line-height:1.25rem}.button--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.button--variant_ghost{color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--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-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],[aria-disabled=true]){color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_ghost:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-color-palette-default);outline-offset:2px}.iconButton--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-emphasized: var(--colors-gray-emphasized);--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-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text)}.iconButton--variant_ghost:is([aria-selected=true],[data-selected]){background:var(--colors-color-palette-a3)}.iconButton--variant_ghost:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-fg-disabled);cursor:not-allowed}.iconButton--variant_ghost:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-color-palette-default);outline-offset:2px}.iconButton--size_lg{padding-inline:var(--spacing-0);gap:var(--spacing-2);font-size:var(--font-sizes-md);height:var(--sizes-11);min-width:var(--sizes-11);line-height:1.5rem}.iconButton--size_lg svg{width:var(--sizes-5);height:var(--sizes-5)}@media (hover: hover) and (pointer: fine){.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)}.button--variant_solid:is(:hover,[data-hover]){background:var(--colors-color-palette-emphasized)}.button--variant_ghost:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}.button--variant_ghost:is(:hover,[data-hover]){background:var(--colors-color-palette-a3)}.iconButton--variant_ghost:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}.iconButton--variant_ghost:is(:hover,[data-hover]){background:var(--colors-color-palette-a3)}}}@layer recipes.slots{@layer _base{.avatar__root{border-radius:var(--radii-full);flex-shrink:0;overflow:hidden}.avatar__image{object-fit:cover}.avatar__fallback{background:var(--colors-bg-subtle);border-radius:var(--radii-full);color:var(--colors-fg-default);font-weight:var(--font-weights-semibold);height:inherit;border-width:1px;justify-content:center;align-items:center;display:flex}.avatar__fallback[hidden]{display:none}.carousel__root{--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);--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)}.carousel__viewport{border-radius:var(--radii-l2);position:relative;overflow-x:hidden}.carousel__indicatorGroup{display:flex}.carousel__indicator{background:var(--colors-gray-6);border-radius:var(--radii-full);cursor:pointer}.carousel__indicator[data-current]{background:var(--colors-color-palette-default)}.carousel__indicator:is(:focus-visible,[data-focus-visible]){outline-offset:2px;outline:2px solid;outline-color:var(--colors-border-outline)}.carousel__control{border-radius:var(--radii-l2);bottom:var(--spacing-4);align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}:root .carousel__control,.light .carousel__control{background:var(--colors-gray-dark-a12)}.dark .carousel__control{background:var(--colors-gray-light-a12)}}.avatar__root--size_xl,.avatar__image--size_xl{height:var(--sizes-12);width:var(--sizes-12)}.avatar__fallback--size_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}.avatar__fallback--size_xl svg{width:var(--sizes-7);height:var(--sizes-7)}.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)}.carousel__indicatorGroup--size_md{gap:var(--spacing-3)}.carousel__indicator--size_md{width:var(--sizes-2\.5);height:var(--sizes-2\.5)}.carousel__control--size_md{padding:var(--spacing-2\.5);gap:var(--spacing-2)}@media screen and (min-width: 48rem){.md\:avatar__root--size_2xl,.md\:avatar__image--size_2xl{height:var(--sizes-16);width:var(--sizes-16)}.md\:avatar__fallback--size_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}.md\:avatar__fallback--size_2xl svg{width:var(--sizes-8);height:var(--sizes-8)}}}@layer utilities{@layer compositions{.textStyle_5xl{font-size:var(--font-sizes-5xl);letter-spacing:-.02em;line-height:3.75rem}.textStyle_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.textStyle_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}@media screen and (min-width: 48rem){.md\:textStyle_7xl{font-size:var(--font-sizes-7xl);letter-spacing:-.02em;line-height:5.75rem}.md\:textStyle_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}}}.p_50{padding:50px}.bg_rgba\(0\,_0\,_0\,_0\.9\){background:#000000e6}.p_0{padding:var(--spacing-0)}.bg_transparent{background:var(--colors-transparent)}.p_3{padding:var(--spacing-3)}.bg_rgba\(255\,_255\,_255\,_0\.5\){background:#ffffff80}.gap_10px{gap:10px}.bdr_3xl{border-radius:var(--radii-3xl)}.px_50{padding-inline:50px}.bdr_sm{border-radius:var(--radii-sm)}.gap_5{gap:var(--spacing-5)}.ov_hidden{overflow:hidden}.d_flex{display:flex}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.flex-d_row{flex-direction:row}.ta_center{text-align:center}.fw_100{font-weight:100}.d_grid{display:grid}.grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.c_accent\.text{color:var(--colors-accent-text)}.pos_fixed{position:fixed}.bkdp_auto{-webkit-backdrop-filter:var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, )}.bkdp-blur_sm{--backdrop-blur: blur(var(--blurs-sm))}.trf_translate\(50\%\){transform:translate(50%)}.trf_translate\(-50\%\){transform:translate(-50%)}.c_gray\.1{color:var(--colors-gray-1)}.pos_absolute{position:absolute}.trf_translateX\(-50\%\){transform:translate(-50%)}.bx-sh_sm{box-shadow:var(--shadows-sm)}.asp_square{aspect-ratio:var(--aspect-ratios-square)}.ring-w_2{outline-width:2px}.outline-style_solid{outline-style:solid}.ring-c_transparent{outline-color:var(--colors-transparent)}.obj-f_cover{object-fit:cover}.w_100vw{width:100vw}.mt_12{margin-top:var(--spacing-12)}.mb_10{margin-bottom:var(--spacing-10)}.max-w_600px{max-width:600px}.mt_10{margin-top:var(--spacing-10)}.mb_2{margin-bottom:var(--spacing-2)}.w_150{width:150px}.pt_50{padding-top:50px}.pb_50{padding-bottom:50px}.left_0{left:var(--spacing-0)}.top_0{top:var(--spacing-0)}.h_100vh{height:100vh}.top_50\%{top:50%}.bottom_auto{bottom:auto}.left_auto{left:auto}.right_0{right:var(--spacing-0)}.top_3{top:var(--spacing-3)}.right_3{right:var(--spacing-3)}.mt_5{margin-top:var(--spacing-5)}.left_50\%{left:50%}.w_100\%{width:100%}.h_100\%{height:100%}.h_250{height:250px}.disabled\:c_gray\.dark\.a7:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-gray-dark-a7)}@media screen and (min-width: 40rem){.sm\:h_450{height:450px}}@media screen and (min-width: 48rem){.md\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover: hover) and (pointer: fine){.hover\:ring-c_accent\.emphasized:is(:hover,[data-hover]){outline-color:var(--colors-accent-emphasized)}}}