@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-cyrillic-ext-wght-normal.CN0639WT.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-cyrillic-wght-normal.CWUSIOo3.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-greek-ext-wght-normal.B8D921GV.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-greek-wght-normal.ga5vWNon.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-latin-ext-wght-normal.BBU9H7uk.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-latin-wght-normal.D5jBWLYW.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset,base,tokens,recipes,utilities;:root{--font-fira-code: "Fira Code", monospace;--font-dosis: "Dosis Variable", sans-serif}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,:first-letter,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:var(--colors-transparent)}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}select,textarea,input:where(:not([type=button],[type=reset],[type=submit])){border-width:1px;border-style:solid}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{display:none!important}}@layer base{:root{--made-with-panda: "🐼"}html{min-height:100vh}code{font-family:var(--fonts-fira-code)}*::-webkit-scrollbar{width:var(--sizes-2);height:var(--sizes-2);display:flex;touch-action:none;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar-thumb{position:relative;flex:1 1 0%;border-radius:var(--radii-full);background:var(--colors-border-subtle)}*::-webkit-scrollbar-track{background-color:var(--colors-bg-canvas)}body{background:var(--colors-bg-canvas);color:var(--colors-fg-default)}.dark body{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;border-color:var(--colors-border-subtle);border-style:solid}*::placeholder{opacity:1;color:var(--colors-fg-subtle)}*::selection{background:var(--colors-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}@media (hover: hover) and (pointer: fine){*:is(:hover,[data-hover])::-webkit-scrollbar-thumb{background:var(--colors-border-default)}}}@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: #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: #fbfdfc;--colors-gray-light-2: #f7f9f8;--colors-gray-light-3: #eef1f0;--colors-gray-light-4: #e6e9e8;--colors-gray-light-5: #dfe2e0;--colors-gray-light-6: #d7dad9;--colors-gray-light-7: #cbcfcd;--colors-gray-light-8: #b8bcba;--colors-gray-light-9: #868e8b;--colors-gray-light-10: #7c8481;--colors-gray-light-11: #5f6563;--colors-gray-light-12: #1a211e;--colors-gray-light-a1: #00804004;--colors-gray-light-a2: #00402008;--colors-gray-light-a3: #002d1e11;--colors-gray-light-a4: #001f1519;--colors-gray-light-a5: #00180820;--colors-gray-light-a6: #00140d28;--colors-gray-light-a7: #00140a34;--colors-gray-light-a8: #000f0847;--colors-gray-light-a9: #00110b79;--colors-gray-light-a10: #00100a83;--colors-gray-light-a11: #000a07a0;--colors-gray-light-a12: #000805e5;--colors-gray-dark-1: #101211;--colors-gray-dark-2: #171918;--colors-gray-dark-3: #202221;--colors-gray-dark-4: #272a29;--colors-gray-dark-5: #2e3130;--colors-gray-dark-6: #373b39;--colors-gray-dark-7: #444947;--colors-gray-dark-8: #5b625f;--colors-gray-dark-9: #63706b;--colors-gray-dark-10: #717d79;--colors-gray-dark-11: #adb5b2;--colors-gray-dark-12: #eceeed;--colors-gray-dark-a1: #00000000;--colors-gray-dark-a2: #f0f2f108;--colors-gray-dark-a3: #f3f5f412;--colors-gray-dark-a4: #f2fefd1a;--colors-gray-dark-a5: #f1fbfa22;--colors-gray-dark-a6: #edfbf42d;--colors-gray-dark-a7: #edfcf73c;--colors-gray-dark-a8: #ebfdf657;--colors-gray-dark-a9: #dffdf266;--colors-gray-dark-a10: #e5fdf674;--colors-gray-dark-a11: #f4fefbb0;--colors-gray-dark-a12: #fdfffeed;--colors-mint-light-1: #f9fefd;--colors-mint-light-2: #f2fbf9;--colors-mint-light-3: #ddf9f2;--colors-mint-light-4: #c8f4e9;--colors-mint-light-5: #b3ecde;--colors-mint-light-6: #9ce0d0;--colors-mint-light-7: #7ecfbd;--colors-mint-light-8: #4cbba5;--colors-mint-light-9: #86ead4;--colors-mint-light-10: #7de0cb;--colors-mint-light-11: #027864;--colors-mint-light-12: #16433c;--colors-mint-light-a1: #00d5aa06;--colors-mint-light-a2: #00b18a0d;--colors-mint-light-a3: #00d29e22;--colors-mint-light-a4: #00cc9937;--colors-mint-light-a5: #00c0914c;--colors-mint-light-a6: #00b08663;--colors-mint-light-a7: #00a17d81;--colors-mint-light-a8: #009e7fb3;--colors-mint-light-a9: #00d3a579;--colors-mint-light-a10: #00c39982;--colors-mint-light-a11: #007763fd;--colors-mint-light-a12: #00312ae9;--colors-mint-dark-1: #0e1515;--colors-mint-dark-2: #0f1b1b;--colors-mint-dark-3: #092c2b;--colors-mint-dark-4: #003a38;--colors-mint-dark-5: #004744;--colors-mint-dark-6: #105650;--colors-mint-dark-7: #1e685f;--colors-mint-dark-8: #277f70;--colors-mint-dark-9: #86ead4;--colors-mint-dark-10: #a8f5e5;--colors-mint-dark-11: #58d5ba;--colors-mint-dark-12: #c4f5e1;--colors-mint-dark-a1: #00dede05;--colors-mint-dark-a2: #00f9f90b;--colors-mint-dark-a3: #00fff61d;--colors-mint-dark-a4: #00fff42c;--colors-mint-dark-a5: #00fff23a;--colors-mint-dark-a6: #0effeb4a;--colors-mint-dark-a7: #34fde55e;--colors-mint-dark-a8: #41ffdf76;--colors-mint-dark-a9: #92ffe7e9;--colors-mint-dark-a10: #aefeedf5;--colors-mint-dark-a11: #67ffded2;--colors-mint-dark-a12: #cbfee9f5;--colors-sage-light-1: #fbfdfc;--colors-sage-light-2: #f7f9f8;--colors-sage-light-3: #eef1f0;--colors-sage-light-4: #e6e9e8;--colors-sage-light-5: #dfe2e0;--colors-sage-light-6: #d7dad9;--colors-sage-light-7: #cbcfcd;--colors-sage-light-8: #b8bcba;--colors-sage-light-9: #868e8b;--colors-sage-light-10: #7c8481;--colors-sage-light-11: #5f6563;--colors-sage-light-12: #1a211e;--colors-sage-light-a1: #00804004;--colors-sage-light-a2: #00402008;--colors-sage-light-a3: #002d1e11;--colors-sage-light-a4: #001f1519;--colors-sage-light-a5: #00180820;--colors-sage-light-a6: #00140d28;--colors-sage-light-a7: #00140a34;--colors-sage-light-a8: #000f0847;--colors-sage-light-a9: #00110b79;--colors-sage-light-a10: #00100a83;--colors-sage-light-a11: #000a07a0;--colors-sage-light-a12: #000805e5;--colors-sage-dark-1: #101211;--colors-sage-dark-2: #171918;--colors-sage-dark-3: #202221;--colors-sage-dark-4: #272a29;--colors-sage-dark-5: #2e3130;--colors-sage-dark-6: #373b39;--colors-sage-dark-7: #444947;--colors-sage-dark-8: #5b625f;--colors-sage-dark-9: #63706b;--colors-sage-dark-10: #717d79;--colors-sage-dark-11: #adb5b2;--colors-sage-dark-12: #eceeed;--colors-sage-dark-a1: #00000000;--colors-sage-dark-a2: #f0f2f108;--colors-sage-dark-a3: #f3f5f412;--colors-sage-dark-a4: #f2fefd1a;--colors-sage-dark-a5: #f1fbfa22;--colors-sage-dark-a6: #edfbf42d;--colors-sage-dark-a7: #edfcf73c;--colors-sage-dark-a8: #ebfdf657;--colors-sage-dark-a9: #dffdf266;--colors-sage-dark-a10: #e5fdf674;--colors-sage-dark-a11: #f4fefbb0;--colors-sage-dark-a12: #fdfffeed;--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);--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;--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;--fonts-fira-code: var(--font-fira-code);--fonts-dosis: var(--font-dosis);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-mint-1: var(--colors-mint-light-1);--colors-mint-2: var(--colors-mint-light-2);--colors-mint-3: var(--colors-mint-light-3);--colors-mint-4: var(--colors-mint-light-4);--colors-mint-5: var(--colors-mint-light-5);--colors-mint-6: var(--colors-mint-light-6);--colors-mint-7: var(--colors-mint-light-7);--colors-mint-8: var(--colors-mint-light-8);--colors-mint-9: var(--colors-mint-light-9);--colors-mint-10: var(--colors-mint-light-10);--colors-mint-11: var(--colors-mint-light-11);--colors-mint-12: var(--colors-mint-light-12);--colors-mint-a1: var(--colors-mint-light-a1);--colors-mint-a2: var(--colors-mint-light-a2);--colors-mint-a3: var(--colors-mint-light-a3);--colors-mint-a4: var(--colors-mint-light-a4);--colors-mint-a5: var(--colors-mint-light-a5);--colors-mint-a6: var(--colors-mint-light-a6);--colors-mint-a7: var(--colors-mint-light-a7);--colors-mint-a8: var(--colors-mint-light-a8);--colors-mint-a9: var(--colors-mint-light-a9);--colors-mint-a10: var(--colors-mint-light-a10);--colors-mint-a11: var(--colors-mint-light-a11);--colors-mint-a12: var(--colors-mint-light-a12);--colors-mint-default: var(--colors-mint-9);--colors-mint-emphasized: var(--colors-mint-10);--colors-mint-fg: var(--colors-sage-light-12);--colors-mint-text: var(--colors-mint-a11);--colors-sage-1: var(--colors-sage-light-1);--colors-sage-2: var(--colors-sage-light-2);--colors-sage-3: var(--colors-sage-light-3);--colors-sage-4: var(--colors-sage-light-4);--colors-sage-5: var(--colors-sage-light-5);--colors-sage-6: var(--colors-sage-light-6);--colors-sage-7: var(--colors-sage-light-7);--colors-sage-8: var(--colors-sage-light-8);--colors-sage-9: var(--colors-sage-light-9);--colors-sage-10: var(--colors-sage-light-10);--colors-sage-11: var(--colors-sage-light-11);--colors-sage-12: var(--colors-sage-light-12);--colors-sage-a1: var(--colors-sage-light-a1);--colors-sage-a2: var(--colors-sage-light-a2);--colors-sage-a3: var(--colors-sage-light-a3);--colors-sage-a4: var(--colors-sage-light-a4);--colors-sage-a5: var(--colors-sage-light-a5);--colors-sage-a6: var(--colors-sage-light-a6);--colors-sage-a7: var(--colors-sage-light-a7);--colors-sage-a8: var(--colors-sage-light-a8);--colors-sage-a9: var(--colors-sage-light-a9);--colors-sage-a10: var(--colors-sage-light-a10);--colors-sage-a11: var(--colors-sage-light-a11);--colors-sage-a12: var(--colors-sage-light-a12);--colors-sage-default: var(--colors-sage-9);--colors-sage-emphasized: var(--colors-sage-10);--colors-sage-fg: white;--colors-sage-text: var(--colors-sage-12);--colors-gray-1: var(--colors-sage-light-1);--colors-gray-2: var(--colors-sage-light-2);--colors-gray-3: var(--colors-sage-light-3);--colors-gray-4: var(--colors-sage-light-4);--colors-gray-5: var(--colors-sage-light-5);--colors-gray-6: var(--colors-sage-light-6);--colors-gray-7: var(--colors-sage-light-7);--colors-gray-8: var(--colors-sage-light-8);--colors-gray-9: var(--colors-sage-light-9);--colors-gray-10: var(--colors-sage-light-10);--colors-gray-11: var(--colors-sage-light-11);--colors-gray-12: var(--colors-sage-light-12);--colors-gray-a1: var(--colors-sage-light-a1);--colors-gray-a2: var(--colors-sage-light-a2);--colors-gray-a3: var(--colors-sage-light-a3);--colors-gray-a4: var(--colors-sage-light-a4);--colors-gray-a5: var(--colors-sage-light-a5);--colors-gray-a6: var(--colors-sage-light-a6);--colors-gray-a7: var(--colors-sage-light-a7);--colors-gray-a8: var(--colors-sage-light-a8);--colors-gray-a9: var(--colors-sage-light-a9);--colors-gray-a10: var(--colors-sage-light-a10);--colors-gray-a11: var(--colors-sage-light-a11);--colors-gray-a12: var(--colors-sage-light-a12);--colors-gray-default: var(--colors-sage-9);--colors-gray-emphasized: var(--colors-sage-10);--colors-gray-fg: white;--colors-gray-text: var(--colors-sage-12);--colors-accent-1: var(--colors-mint-light-1);--colors-accent-2: var(--colors-mint-light-2);--colors-accent-3: var(--colors-mint-light-3);--colors-accent-4: var(--colors-mint-light-4);--colors-accent-5: var(--colors-mint-light-5);--colors-accent-6: var(--colors-mint-light-6);--colors-accent-7: var(--colors-mint-light-7);--colors-accent-8: var(--colors-mint-light-8);--colors-accent-9: var(--colors-mint-light-9);--colors-accent-10: var(--colors-mint-light-10);--colors-accent-11: var(--colors-mint-light-11);--colors-accent-12: var(--colors-mint-light-12);--colors-accent-a1: var(--colors-mint-light-a1);--colors-accent-a2: var(--colors-mint-light-a2);--colors-accent-a3: var(--colors-mint-light-a3);--colors-accent-a4: var(--colors-mint-light-a4);--colors-accent-a5: var(--colors-mint-light-a5);--colors-accent-a6: var(--colors-mint-light-a6);--colors-accent-a7: var(--colors-mint-light-a7);--colors-accent-a8: var(--colors-mint-light-a8);--colors-accent-a9: var(--colors-mint-light-a9);--colors-accent-a10: var(--colors-mint-light-a10);--colors-accent-a11: var(--colors-mint-light-a11);--colors-accent-a12: var(--colors-mint-light-a12);--colors-accent-default: var(--colors-mint-9);--colors-accent-emphasized: var(--colors-mint-10);--colors-accent-fg: var(--colors-sage-light-12);--colors-accent-text: var(--colors-mint-a11);--colors-bg-canvas: var(--colors-gray-1);--colors-bg-default: white;--colors-bg-subtle: var(--colors-gray-2);--colors-bg-muted: var(--colors-gray-3);--colors-bg-emphasized: var(--colors-gray-4);--colors-bg-disabled: var(--colors-gray-3);--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-fg-disabled: var(--colors-gray-7);--colors-border-default: var(--colors-gray-7);--colors-border-muted: var(--colors-gray-6);--colors-border-subtle: var(--colors-gray-4);--colors-border-disabled: var(--colors-gray-5);--colors-border-outline: var(--colors-gray-a9);--shadows-xs: 0px 1px 2px var(--colors-gray-a5), 0px 0px 1px var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-md: 0px 4px 8px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-lg: 0px 8px 16px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-xl: 0px 16px 24px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--shadows-2xl: 0px 24px 40px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);--radii-l1: var(--radii-xs);--radii-l2: var(--radii-sm);--radii-l3: var(--radii-md)}.dark{--colors-mint-1: var(--colors-mint-dark-1);--colors-mint-2: var(--colors-mint-dark-2);--colors-mint-3: var(--colors-mint-dark-3);--colors-mint-4: var(--colors-mint-dark-4);--colors-mint-5: var(--colors-mint-dark-5);--colors-mint-6: var(--colors-mint-dark-6);--colors-mint-7: var(--colors-mint-dark-7);--colors-mint-8: var(--colors-mint-dark-8);--colors-mint-9: var(--colors-mint-dark-9);--colors-mint-10: var(--colors-mint-dark-10);--colors-mint-11: var(--colors-mint-dark-11);--colors-mint-12: var(--colors-mint-dark-12);--colors-mint-a1: var(--colors-mint-dark-a1);--colors-mint-a2: var(--colors-mint-dark-a2);--colors-mint-a3: var(--colors-mint-dark-a3);--colors-mint-a4: var(--colors-mint-dark-a4);--colors-mint-a5: var(--colors-mint-dark-a5);--colors-mint-a6: var(--colors-mint-dark-a6);--colors-mint-a7: var(--colors-mint-dark-a7);--colors-mint-a8: var(--colors-mint-dark-a8);--colors-mint-a9: var(--colors-mint-dark-a9);--colors-mint-a10: var(--colors-mint-dark-a10);--colors-mint-a11: var(--colors-mint-dark-a11);--colors-mint-a12: var(--colors-mint-dark-a12);--colors-sage-1: var(--colors-sage-dark-1);--colors-sage-2: var(--colors-sage-dark-2);--colors-sage-3: var(--colors-sage-dark-3);--colors-sage-4: var(--colors-sage-dark-4);--colors-sage-5: var(--colors-sage-dark-5);--colors-sage-6: var(--colors-sage-dark-6);--colors-sage-7: var(--colors-sage-dark-7);--colors-sage-8: var(--colors-sage-dark-8);--colors-sage-9: var(--colors-sage-dark-9);--colors-sage-10: var(--colors-sage-dark-10);--colors-sage-11: var(--colors-sage-dark-11);--colors-sage-12: var(--colors-sage-dark-12);--colors-sage-a1: var(--colors-sage-dark-a1);--colors-sage-a2: var(--colors-sage-dark-a2);--colors-sage-a3: var(--colors-sage-dark-a3);--colors-sage-a4: var(--colors-sage-dark-a4);--colors-sage-a5: var(--colors-sage-dark-a5);--colors-sage-a6: var(--colors-sage-dark-a6);--colors-sage-a7: var(--colors-sage-dark-a7);--colors-sage-a8: var(--colors-sage-dark-a8);--colors-sage-a9: var(--colors-sage-dark-a9);--colors-sage-a10: var(--colors-sage-dark-a10);--colors-sage-a11: var(--colors-sage-dark-a11);--colors-sage-a12: var(--colors-sage-dark-a12);--colors-gray-1: var(--colors-sage-dark-1);--colors-gray-2: var(--colors-sage-dark-2);--colors-gray-3: var(--colors-sage-dark-3);--colors-gray-4: var(--colors-sage-dark-4);--colors-gray-5: var(--colors-sage-dark-5);--colors-gray-6: var(--colors-sage-dark-6);--colors-gray-7: var(--colors-sage-dark-7);--colors-gray-8: var(--colors-sage-dark-8);--colors-gray-9: var(--colors-sage-dark-9);--colors-gray-10: var(--colors-sage-dark-10);--colors-gray-11: var(--colors-sage-dark-11);--colors-gray-12: var(--colors-sage-dark-12);--colors-gray-a1: var(--colors-sage-dark-a1);--colors-gray-a2: var(--colors-sage-dark-a2);--colors-gray-a3: var(--colors-sage-dark-a3);--colors-gray-a4: var(--colors-sage-dark-a4);--colors-gray-a5: var(--colors-sage-dark-a5);--colors-gray-a6: var(--colors-sage-dark-a6);--colors-gray-a7: var(--colors-sage-dark-a7);--colors-gray-a8: var(--colors-sage-dark-a8);--colors-gray-a9: var(--colors-sage-dark-a9);--colors-gray-a10: var(--colors-sage-dark-a10);--colors-gray-a11: var(--colors-sage-dark-a11);--colors-gray-a12: var(--colors-sage-dark-a12);--colors-accent-1: var(--colors-mint-dark-1);--colors-accent-2: var(--colors-mint-dark-2);--colors-accent-3: var(--colors-mint-dark-3);--colors-accent-4: var(--colors-mint-dark-4);--colors-accent-5: var(--colors-mint-dark-5);--colors-accent-6: var(--colors-mint-dark-6);--colors-accent-7: var(--colors-mint-dark-7);--colors-accent-8: var(--colors-mint-dark-8);--colors-accent-9: var(--colors-mint-dark-9);--colors-accent-10: var(--colors-mint-dark-10);--colors-accent-11: var(--colors-mint-dark-11);--colors-accent-12: var(--colors-mint-dark-12);--colors-accent-a1: var(--colors-mint-dark-a1);--colors-accent-a2: var(--colors-mint-dark-a2);--colors-accent-a3: var(--colors-mint-dark-a3);--colors-accent-a4: var(--colors-mint-dark-a4);--colors-accent-a5: var(--colors-mint-dark-a5);--colors-accent-a6: var(--colors-mint-dark-a6);--colors-accent-a7: var(--colors-mint-dark-a7);--colors-accent-a8: var(--colors-mint-dark-a8);--colors-accent-a9: var(--colors-mint-dark-a9);--colors-accent-a10: var(--colors-mint-dark-a10);--colors-accent-a11: var(--colors-mint-dark-a11);--colors-accent-a12: var(--colors-mint-dark-a12);--colors-bg-default: var(--colors-gray-2);--colors-bg-subtle: var(--colors-gray-3);--colors-bg-muted: var(--colors-gray-4);--colors-bg-emphasized: var(--colors-gray-5);--colors-bg-disabled: var(--colors-gray-4);--shadows-xs: 0px 1px 1px var(--colors-black-a12), 0px 0px 1px inset var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-md: 0px 4px 8px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-lg: 0px 8px 16px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-xl: 0px 16px 24px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);--shadows-2xl: 0px 24px 40px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7) }@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes collapse-in{0%{height:var(--sizes-0)}to{height:var(--height)}}@keyframes collapse-out{0%{height:var(--height)}to{height:var(--sizes-0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes skeleton-pulse{50%{opacity:.5}}}@layer recipes{@layer _base{.button{appearance:none;-webkit-appearance:none;border-radius:var(--radii-l2);cursor:pointer;display:inline-flex;min-width:var(--sizes-0);outline:var(--borders-none);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;align-items:center;font-weight:var(--font-weights-semibold);justify-content:center;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, border-color, color, box-shadow;transition-property:background,border-color,color,box-shadow;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.button:is([hidden]){display:none}.badge{border-radius:var(--radii-full);-webkit-user-select:none;user-select:none;white-space:nowrap}.badge,.link{--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text);display:inline-flex;align-items:center;font-weight:var(--font-weights-medium)}.link{color:var(--colors-fg-default);cursor:pointer;gap:var(--spacing-2);text-decoration:underline .1em transparent;text-underline-offset:.125em;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: text-decoration-color;transition-property:text-decoration-color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.link svg{width:1em;height:1em}@media (hover: hover) and (pointer: fine){.link:is(:hover,[data-hover]){text-decoration-color:var(--colors-color-palette-default)}}}.button--variant_ghost{color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--colors-color-palette-1: var(--colors-gray-1);--colors-color-palette-2: var(--colors-gray-2);--colors-color-palette-3: var(--colors-gray-3);--colors-color-palette-4: var(--colors-gray-4);--colors-color-palette-5: var(--colors-gray-5);--colors-color-palette-6: var(--colors-gray-6);--colors-color-palette-7: var(--colors-gray-7);--colors-color-palette-8: var(--colors-gray-8);--colors-color-palette-9: var(--colors-gray-9);--colors-color-palette-10: var(--colors-gray-10);--colors-color-palette-11: var(--colors-gray-11);--colors-color-palette-12: var(--colors-gray-12);--colors-color-palette-a1: var(--colors-gray-a1);--colors-color-palette-a2: var(--colors-gray-a2);--colors-color-palette-a3: var(--colors-gray-a3);--colors-color-palette-a4: var(--colors-gray-a4);--colors-color-palette-a5: var(--colors-gray-a5);--colors-color-palette-a6: var(--colors-gray-a6);--colors-color-palette-a7: var(--colors-gray-a7);--colors-color-palette-a8: var(--colors-gray-a8);--colors-color-palette-a9: var(--colors-gray-a9);--colors-color-palette-a10: var(--colors-gray-a10);--colors-color-palette-a11: var(--colors-gray-a11);--colors-color-palette-a12: var(--colors-gray-a12);--colors-color-palette-default: var(--colors-gray-default);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--colors-color-palette-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text)}.button--variant_ghost:is([aria-selected=true],[data-selected]){background:var(--colors-color-palette-a3)}.button--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed}.button--variant_ghost:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--size_md{height:var(--sizes-10);min-width:var(--sizes-10);font-size:var(--font-sizes-sm);line-height:1.25rem;padding-inline:var(--spacing-4);gap:var(--spacing-2)}.button--size_md svg{width:var(--sizes-5);height:var(--sizes-5)}.button--variant_outline{color:var(--colors-color-palette-text);--colors-color-palette-light-1: var(--colors-gray-light-1);--colors-color-palette-light-2: var(--colors-gray-light-2);--colors-color-palette-light-3: var(--colors-gray-light-3);--colors-color-palette-light-4: var(--colors-gray-light-4);--colors-color-palette-light-5: var(--colors-gray-light-5);--colors-color-palette-light-6: var(--colors-gray-light-6);--colors-color-palette-light-7: var(--colors-gray-light-7);--colors-color-palette-light-8: var(--colors-gray-light-8);--colors-color-palette-light-9: var(--colors-gray-light-9);--colors-color-palette-light-10: var(--colors-gray-light-10);--colors-color-palette-light-11: var(--colors-gray-light-11);--colors-color-palette-light-12: var(--colors-gray-light-12);--colors-color-palette-light-a1: var(--colors-gray-light-a1);--colors-color-palette-light-a2: var(--colors-gray-light-a2);--colors-color-palette-light-a3: var(--colors-gray-light-a3);--colors-color-palette-light-a4: var(--colors-gray-light-a4);--colors-color-palette-light-a5: var(--colors-gray-light-a5);--colors-color-palette-light-a6: var(--colors-gray-light-a6);--colors-color-palette-light-a7: var(--colors-gray-light-a7);--colors-color-palette-light-a8: var(--colors-gray-light-a8);--colors-color-palette-light-a9: var(--colors-gray-light-a9);--colors-color-palette-light-a10: var(--colors-gray-light-a10);--colors-color-palette-light-a11: var(--colors-gray-light-a11);--colors-color-palette-light-a12: var(--colors-gray-light-a12);--colors-color-palette-dark-1: var(--colors-gray-dark-1);--colors-color-palette-dark-2: var(--colors-gray-dark-2);--colors-color-palette-dark-3: var(--colors-gray-dark-3);--colors-color-palette-dark-4: var(--colors-gray-dark-4);--colors-color-palette-dark-5: var(--colors-gray-dark-5);--colors-color-palette-dark-6: var(--colors-gray-dark-6);--colors-color-palette-dark-7: var(--colors-gray-dark-7);--colors-color-palette-dark-8: var(--colors-gray-dark-8);--colors-color-palette-dark-9: var(--colors-gray-dark-9);--colors-color-palette-dark-10: var(--colors-gray-dark-10);--colors-color-palette-dark-11: var(--colors-gray-dark-11);--colors-color-palette-dark-12: var(--colors-gray-dark-12);--colors-color-palette-dark-a1: var(--colors-gray-dark-a1);--colors-color-palette-dark-a2: var(--colors-gray-dark-a2);--colors-color-palette-dark-a3: var(--colors-gray-dark-a3);--colors-color-palette-dark-a4: var(--colors-gray-dark-a4);--colors-color-palette-dark-a5: var(--colors-gray-dark-a5);--colors-color-palette-dark-a6: var(--colors-gray-dark-a6);--colors-color-palette-dark-a7: var(--colors-gray-dark-a7);--colors-color-palette-dark-a8: var(--colors-gray-dark-a8);--colors-color-palette-dark-a9: var(--colors-gray-dark-a9);--colors-color-palette-dark-a10: var(--colors-gray-dark-a10);--colors-color-palette-dark-a11: var(--colors-gray-dark-a11);--colors-color-palette-dark-a12: var(--colors-gray-dark-a12);--colors-color-palette-1: var(--colors-gray-1);--colors-color-palette-2: var(--colors-gray-2);--colors-color-palette-3: var(--colors-gray-3);--colors-color-palette-4: var(--colors-gray-4);--colors-color-palette-5: var(--colors-gray-5);--colors-color-palette-6: var(--colors-gray-6);--colors-color-palette-7: var(--colors-gray-7);--colors-color-palette-8: var(--colors-gray-8);--colors-color-palette-9: var(--colors-gray-9);--colors-color-palette-10: var(--colors-gray-10);--colors-color-palette-11: var(--colors-gray-11);--colors-color-palette-12: var(--colors-gray-12);--colors-color-palette-a1: var(--colors-gray-a1);--colors-color-palette-a2: var(--colors-gray-a2);--colors-color-palette-a3: var(--colors-gray-a3);--colors-color-palette-a4: var(--colors-gray-a4);--colors-color-palette-a5: var(--colors-gray-a5);--colors-color-palette-a6: var(--colors-gray-a6);--colors-color-palette-a7: var(--colors-gray-a7);--colors-color-palette-a8: var(--colors-gray-a8);--colors-color-palette-a9: var(--colors-gray-a9);--colors-color-palette-a10: var(--colors-gray-a10);--colors-color-palette-a11: var(--colors-gray-a11);--colors-color-palette-a12: var(--colors-gray-a12);--colors-color-palette-default: var(--colors-gray-default);--colors-color-palette-emphasized: var(--colors-gray-emphasized);--colors-color-palette-fg: var(--colors-gray-fg);--colors-color-palette-text: var(--colors-gray-text);border-width:1px;border-color:var(--colors-color-palette-a8)}.button--variant_outline:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);cursor:not-allowed;border-color:var(--colors-border-disabled)}.button--variant_outline:is([aria-selected=true],[data-selected]){background:var(--colors-accent-default);color:var(--colors-accent-fg);border-color:var(--colors-accent-default)}.button--variant_outline:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.button--variant_solid{background:var(--colors-color-palette-default);color:var(--colors-color-palette-fg);--colors-color-palette-1: var(--colors-accent-1);--colors-color-palette-2: var(--colors-accent-2);--colors-color-palette-3: var(--colors-accent-3);--colors-color-palette-4: var(--colors-accent-4);--colors-color-palette-5: var(--colors-accent-5);--colors-color-palette-6: var(--colors-accent-6);--colors-color-palette-7: var(--colors-accent-7);--colors-color-palette-8: var(--colors-accent-8);--colors-color-palette-9: var(--colors-accent-9);--colors-color-palette-10: var(--colors-accent-10);--colors-color-palette-11: var(--colors-accent-11);--colors-color-palette-12: var(--colors-accent-12);--colors-color-palette-a1: var(--colors-accent-a1);--colors-color-palette-a2: var(--colors-accent-a2);--colors-color-palette-a3: var(--colors-accent-a3);--colors-color-palette-a4: var(--colors-accent-a4);--colors-color-palette-a5: var(--colors-accent-a5);--colors-color-palette-a6: var(--colors-accent-a6);--colors-color-palette-a7: var(--colors-accent-a7);--colors-color-palette-a8: var(--colors-accent-a8);--colors-color-palette-a9: var(--colors-accent-a9);--colors-color-palette-a10: var(--colors-accent-a10);--colors-color-palette-a11: var(--colors-accent-a11);--colors-color-palette-a12: var(--colors-accent-a12);--colors-color-palette-default: var(--colors-accent-default);--colors-color-palette-emphasized: var(--colors-accent-emphasized);--colors-color-palette-fg: var(--colors-accent-fg);--colors-color-palette-text: var(--colors-accent-text)}.button--variant_solid:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);background:var(--colors-bg-disabled);cursor:not-allowed}.button--variant_solid:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-offset:2px;outline-color:var(--colors-color-palette-default)}.badge--variant_subtle{background:var(--colors-bg-subtle);color:var(--colors-fg-default);border-color:var(--colors-border-subtle);border-width:1px}.badge--variant_subtle svg{color:var(--colors-fg-muted)}.badge--size_md{font-size:var(--font-sizes-xs);line-height:1.125rem;padding-inline:var(--spacing-2\.5);height:var(--sizes-6);gap:var(--spacing-1\.5)}.badge--size_md svg{width:var(--sizes-4);height:var(--sizes-4)}@media (hover: hover) and (pointer: fine){.button--variant_ghost:is(:hover,[data-hover]){background:var(--colors-color-palette-a3)}.button--variant_ghost:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){background:var(--colors-transparent);color:var(--colors-fg-disabled)}}@media (hover: hover) and (pointer: fine){.button--variant_outline:is(:hover,[data-hover]){background:var(--colors-color-palette-a2)}.button--variant_outline:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){background:var(--colors-transparent);color:var(--colors-fg-disabled);border-color:var(--colors-border-disabled)}.button--variant_outline:is(:hover,[data-hover]):is([aria-selected=true],[data-selected]){background:var(--colors-accent-emphasized);border-color:var(--colors-accent-emphasized)}}@media (hover: hover) and (pointer: fine){.button--variant_solid:is(:hover,[data-hover]){background:var(--colors-color-palette-emphasized)}.button--variant_solid:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-disabled);background:var(--colors-bg-disabled)}}}@layer recipes.slots{@layer _base{.card__root{background:var(--colors-bg-default);border-radius:var(--radii-l3);box-shadow:var(--shadows-lg);overflow:hidden;position:relative}.card__root,.card__header{display:flex;flex-direction:column}.card__header{gap:var(--spacing-1);padding:var(--spacing-6)}.card__body{flex:1 1 0%;flex-direction:column}.card__body,.card__footer{display:flex;padding-inline:var(--spacing-6);padding-bottom:var(--spacing-6)}.card__footer{justify-content:flex-end;padding-top:var(--spacing-2)}.card__title{color:var(--colors-fg-default);font-size:var(--font-sizes-lg);line-height:1.75rem;font-weight:var(--font-weights-semibold)}.card__description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.25rem}.table__root{caption-side:bottom;width:var(--sizes-full)}.table__body tr:last-child{border-bottom-width:0}.table__cell{vertical-align:middle}.table__footer{font-weight:var(--font-weights-medium);border-top-width:1px}.table__footer tr:last-child{border-bottom-width:0}.table__header{color:var(--colors-fg-muted);text-align:left;vertical-align:middle;font-weight:var(--font-weights-medium)}.table__row{border-bottom-width:1px;--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal);--transition-prop: background, color;transition-property:background,color;--transition-easing: var(--easings-default);transition-timing-function:var(--easings-default)}.table__caption{color:var(--colors-fg-subtle)}}.table__root--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.table__cell--size_md{height:var(--sizes-14);padding-inline:var(--spacing-4)}.table__header--size_md{height:var(--sizes-11);padding-inline:var(--spacing-4)}.table__caption--size_md{margin-top:var(--spacing-4)}.table__row--variant_plain:is([aria-selected=true],[data-selected]){background:var(--colors-bg-muted)}@media (hover: hover) and (pointer: fine){.table__row--variant_plain:is(:hover,[data-hover]){background:var(--colors-bg-subtle)}}}@layer utilities{.d_flex{display:flex}.gap_4{gap:var(--spacing-4)}.w_full{width:var(--sizes-full)}.h_80px{height:80px}.px_4{padding-inline:var(--spacing-4)}.z_100{z-index:100}.pos_fixed{position:fixed}.border-b_1px_solid{border-bottom:1px solid}.shadow_md{box-shadow:var(--shadows-md)}.aspect_1{aspect-ratio:1}.p_0{padding:var(--spacing-0)}.flex_1{flex:1 1 0%}.w_16px{width:16px}.h_16px{height:16px}.min-h_100vh{min-height:100vh}.mx_4{margin-inline:var(--spacing-4)}.gap_10px{gap:10px}.h_100\%{height:100%}.rounded_md{border-radius:var(--radii-md)}.border_2px_solid{border:2px solid}.max-w_350px{max-width:350px}.max-h_350px{max-height:350px}.gap_3{gap:var(--spacing-3)}.w_100\%{width:100%}.text_accent\.text{color:var(--colors-accent-text)}.transition_all_0\.1s_ease-in-out{transition:all .1s ease-in-out}.my_2{margin-block:var(--spacing-2)}.border_1px_solid{border:1px solid}.overflow_hidden{overflow:hidden}.py_2{padding-block:var(--spacing-2)}.p_2{padding:var(--spacing-2)}.max-w_500\%{max-width:500%}.min-w_fit-content{min-width:fit-content}.text-align_center{text-align:center}.text-wrap_nowrap{text-wrap:nowrap}.border-y_1px_solid{border-block:1px solid}.px_6{padding-inline:var(--spacing-6)}.list-style_inside{list-style:inside}.text_fg\.muted{color:var(--colors-fg-muted)}.p_4{padding:var(--spacing-4)}.max-w_750px{max-width:750px}.gap_2{gap:var(--spacing-2)}.d_none{display:none}.my_8{margin-block:var(--spacing-8)}.pos_relative{position:relative}.overflow_auto{overflow:auto}.text-align_right{text-align:right}.my_12{margin-block:var(--spacing-12)}.items_center{align-items:center}.flex_row{flex-direction:row}.border_border\.subtle{border-color:var(--colors-border-subtle)}.bg_bg\.default{background-color:var(--colors-bg-default)}.ml_-16{margin-left:calc(var(--spacing-16) * -1)}.ml_0{margin-left:var(--spacing-0)}.mb_2\.5{margin-bottom:var(--spacing-2\.5)}.flex_column{flex-direction:column}.font_dosis{font-family:var(--fonts-dosis)}.grow_1{flex-grow:1}.justify_center{justify-content:center}.mt_80px{margin-top:80px}.border_border\.muted{border-color:var(--colors-border-muted)}.fs_md{font-size:var(--font-sizes-md)}.font_firaCode{font-family:var(--fonts-fira-code)}.fs_12px{font-size:12px}.fs_4xl{font-size:var(--font-sizes-4xl)}.fs_3xl{font-size:var(--font-sizes-3xl)}.fs_2xl{font-size:var(--font-sizes-2xl)}.fs_xl{font-size:var(--font-sizes-xl)}.fs_lg{font-size:var(--font-sizes-lg)}.font-style_italic{font-style:italic}.fs_sm{font-size:var(--font-sizes-sm)}.overflow-x_auto{overflow-x:auto}.list-pos_outside{list-style-position:outside}.justify_flex-end{justify-content:flex-end}.mb_4{margin-bottom:var(--spacing-4)}.items_flex-end{align-items:flex-end}.justify_space-between{justify-content:space-between}.flex-wrap_wrap{flex-wrap:wrap}.mt_2{margin-top:var(--spacing-2)}.fw_500{font-weight:500}.justify-self_flex-end{justify-self:flex-end}.ml_4{margin-left:var(--spacing-4)}@media screen and (max-width: 47.9975rem){.mdDown\:d_none{display:none}}@media (hover: hover) and (pointer: fine){.hover\:text-decor_underline:is(:hover,[data-hover]){text-decoration:underline}}@media (hover: hover) and (pointer: fine){.hover\:text_accent\.emphasized:is(:hover,[data-hover]){color:var(--colors-accent-emphasized)}}@media (hover: hover) and (pointer: fine){.hover\:bg_bg\.muted:is(:hover,[data-hover]){background-color:var(--colors-bg-muted)}}}@font-face{font-family:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-vietnamese-wght-normal.D_hXjpTe.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-latin-ext-wght-normal.CWlhEplo.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-latin-wght-normal.CqPHOwwo.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}