@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;background:transparent;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback: rgba(0, 0, 0, .5);opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, rgba(0, 115, 255, .3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,: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}*{--global-color-border: var(--colors-border);--global-color-placeholder: var(--colors-fg-subtle);--global-color-selection: var(--colors-color-palette-subtle-bg);--global-color-focus-ring: var(--colors-color-palette-solid-bg)}html{--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-solid-bg: var(--colors-gray-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-gray-solid-fg);--colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);--colors-color-palette-surface-bg: var(--colors-gray-surface-bg);--colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);--colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);--colors-color-palette-surface-border: var(--colors-gray-surface-border);--colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-gray-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);--colors-color-palette-outline-border: var(--colors-gray-outline-border);--colors-color-palette-outline-fg: var(--colors-gray-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-gray-plain-fg)}body{background:canvas;color:var(--colors-fg-default)}}@layer tokens{:where(:root,:host){--aspect-ratios-square: 1 / 1;--aspect-ratios-landscape: 4 / 3;--aspect-ratios-portrait: 3 / 4;--aspect-ratios-wide: 16 / 9;--aspect-ratios-ultrawide: 18 / 5;--aspect-ratios-golden: 1.618 / 1;--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--radii-xs: .125rem;--radii-sm: .25rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-4xl: 2rem;--radii-full: 9999px;--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;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-snug: 1.375;--line-heights-normal: 1.5;--line-heights-relaxed: 1.625;--line-heights-loose: 2;--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;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--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;--shadows-2xs: 0 1px rgb(0 0 0 / .05);--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inset-2xs: inset 0 1px rgb(0 0 0 / .05);--shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / .05);--shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / .05);--blurs-xs: 4px;--blurs-sm: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--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;--spacing-5\.5: 1.375rem;--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-5\.5: 1.375rem;--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-prose: 65ch;--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;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--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);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .25s;--durations-slower: .3s;--durations-slowest: .4s;--z-index-hide: -1;--z-index-base: 0;--z-index-docked: 10;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-banner: 1200;--z-index-overlay: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-skip-link: 1600;--z-index-toast: 1700;--z-index-tooltip: 1800;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--radii-l1: var(--radii-xs);--radii-l2: var(--radii-sm);--radii-l3: var(--radii-md)}:where(:root,.light){--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-border: var(--colors-gray-4);--colors-error: var(--colors-red-9);--colors-primary-1: #fbfefc;--colors-primary-2: #f4fbf6;--colors-primary-3: #e6f6eb;--colors-primary-4: #d6f1df;--colors-primary-5: #c4e8d1;--colors-primary-6: #adddc0;--colors-primary-7: #8eceaa;--colors-primary-8: #5bb98b;--colors-primary-9: #30a46c;--colors-primary-10: #2b9a66;--colors-primary-11: #218358;--colors-primary-12: #193b2d;--colors-primary-a1: #00c04004;--colors-primary-a2: #00a32f0b;--colors-primary-a3: #00a43319;--colors-primary-a4: #00a83829;--colors-primary-a5: #019c393b;--colors-primary-a6: #00963c52;--colors-primary-a7: #00914071;--colors-primary-a8: #00924ba4;--colors-primary-a9: #008f4acf;--colors-primary-a10: #008647d4;--colors-primary-a11: #00713fde;--colors-primary-a12: #002616e6;--colors-primary-solid-bg: var(--colors-green-9);--colors-primary-solid-bg-hover: var(--colors-green-10);--colors-primary-solid-fg: white;--colors-primary-subtle-bg: var(--colors-green-a3);--colors-primary-subtle-bg-hover: var(--colors-green-a4);--colors-primary-subtle-bg-active: var(--colors-green-a5);--colors-primary-subtle-fg: var(--colors-green-a11);--colors-primary-surface-bg: var(--colors-green-a2);--colors-primary-surface-bg-active: var(--colors-green-a3);--colors-primary-surface-border: var(--colors-green-a6);--colors-primary-surface-border-hover: var(--colors-green-a7);--colors-primary-surface-fg: var(--colors-green-a11);--colors-primary-outline-bg-hover: var(--colors-green-a2);--colors-primary-outline-bg-active: var(--colors-green-a3);--colors-primary-outline-border: var(--colors-green-a7);--colors-primary-outline-fg: var(--colors-green-a11);--colors-primary-plain-bg-hover: var(--colors-green-a3);--colors-primary-plain-bg-active: var(--colors-green-a4);--colors-primary-plain-fg: var(--colors-green-a11);--colors-secondary-1: #fefdfb;--colors-secondary-2: #fefbe9;--colors-secondary-3: #fff7c2;--colors-secondary-4: #ffee9c;--colors-secondary-5: #fbe577;--colors-secondary-6: #f3d673;--colors-secondary-7: #e9c162;--colors-secondary-8: #e2a336;--colors-secondary-9: #ffc53d;--colors-secondary-10: #ffba18;--colors-secondary-11: #ab6400;--colors-secondary-12: #4f3422;--colors-secondary-a1: #c0800004;--colors-secondary-a2: #f4d10016;--colors-secondary-a3: #ffde003d;--colors-secondary-a4: #ffd40063;--colors-secondary-a5: #f8cf0088;--colors-secondary-a6: #eab5008c;--colors-secondary-a7: #dc9b009d;--colors-secondary-a8: #da8a00c9;--colors-secondary-a9: #ffb300c2;--colors-secondary-a10: #ffb300e7;--colors-secondary-a11: #ab6400;--colors-secondary-a12: #341500dd;--colors-secondary-solid-bg: var(--colors-amber-9);--colors-secondary-solid-bg-hover: var(--colors-amber-10);--colors-secondary-solid-fg: var(--colors-gray-12);--colors-secondary-subtle-bg: var(--colors-amber-a3);--colors-secondary-subtle-bg-hover: var(--colors-amber-a4);--colors-secondary-subtle-bg-active: var(--colors-amber-a5);--colors-secondary-subtle-fg: var(--colors-amber-a11);--colors-secondary-surface-bg: var(--colors-amber-a2);--colors-secondary-surface-bg-active: var(--colors-amber-a3);--colors-secondary-surface-border: var(--colors-amber-a6);--colors-secondary-surface-border-hover: var(--colors-amber-a7);--colors-secondary-surface-fg: var(--colors-amber-a11);--colors-secondary-outline-bg-hover: var(--colors-amber-a2);--colors-secondary-outline-bg-active: var(--colors-amber-a3);--colors-secondary-outline-border: var(--colors-amber-a7);--colors-secondary-outline-fg: var(--colors-amber-a11);--colors-secondary-plain-bg-hover: var(--colors-amber-a3);--colors-secondary-plain-bg-active: var(--colors-amber-a4);--colors-secondary-plain-fg: var(--colors-amber-a11);--colors-amber-1: #fefdfb;--colors-amber-2: #fefbe9;--colors-amber-3: #fff7c2;--colors-amber-4: #ffee9c;--colors-amber-5: #fbe577;--colors-amber-6: #f3d673;--colors-amber-7: #e9c162;--colors-amber-8: #e2a336;--colors-amber-9: #ffc53d;--colors-amber-10: #ffba18;--colors-amber-11: #ab6400;--colors-amber-12: #4f3422;--colors-amber-a1: #c0800004;--colors-amber-a2: #f4d10016;--colors-amber-a3: #ffde003d;--colors-amber-a4: #ffd40063;--colors-amber-a5: #f8cf0088;--colors-amber-a6: #eab5008c;--colors-amber-a7: #dc9b009d;--colors-amber-a8: #da8a00c9;--colors-amber-a9: #ffb300c2;--colors-amber-a10: #ffb300e7;--colors-amber-a11: #ab6400;--colors-amber-a12: #341500dd;--colors-amber-solid-bg: var(--colors-amber-9);--colors-amber-solid-bg-hover: var(--colors-amber-10);--colors-amber-solid-fg: var(--colors-gray-12);--colors-amber-subtle-bg: var(--colors-amber-a3);--colors-amber-subtle-bg-hover: var(--colors-amber-a4);--colors-amber-subtle-bg-active: var(--colors-amber-a5);--colors-amber-subtle-fg: var(--colors-amber-a11);--colors-amber-surface-bg: var(--colors-amber-a2);--colors-amber-surface-bg-active: var(--colors-amber-a3);--colors-amber-surface-border: var(--colors-amber-a6);--colors-amber-surface-border-hover: var(--colors-amber-a7);--colors-amber-surface-fg: var(--colors-amber-a11);--colors-amber-outline-bg-hover: var(--colors-amber-a2);--colors-amber-outline-bg-active: var(--colors-amber-a3);--colors-amber-outline-border: var(--colors-amber-a7);--colors-amber-outline-fg: var(--colors-amber-a11);--colors-amber-plain-bg-hover: var(--colors-amber-a3);--colors-amber-plain-bg-active: var(--colors-amber-a4);--colors-amber-plain-fg: var(--colors-amber-a11);--colors-gray-1: #fdfdfc;--colors-gray-2: #f9f9f8;--colors-gray-3: #f1f0ef;--colors-gray-4: #e9e8e6;--colors-gray-5: #e2e1de;--colors-gray-6: #dad9d6;--colors-gray-7: #cfceca;--colors-gray-8: #bcbbb5;--colors-gray-9: #8d8d86;--colors-gray-10: #82827c;--colors-gray-11: #63635e;--colors-gray-12: #21201c;--colors-gray-a1: #55550003;--colors-gray-a2: #25250007;--colors-gray-a3: #20100010;--colors-gray-a4: #1f150019;--colors-gray-a5: #1f180021;--colors-gray-a6: #19130029;--colors-gray-a7: #19140035;--colors-gray-a8: #1915014a;--colors-gray-a9: #0f0f0079;--colors-gray-a10: #0c0c0083;--colors-gray-a11: #080800a1;--colors-gray-a12: #060500e3;--colors-gray-solid-bg: var(--colors-black);--colors-gray-solid-bg-hover: var(--colors-gray-12);--colors-gray-solid-fg: var(--colors-white);--colors-gray-subtle-bg: var(--colors-gray-a3);--colors-gray-subtle-bg-hover: var(--colors-gray-a4);--colors-gray-subtle-bg-active: var(--colors-gray-a5);--colors-gray-subtle-fg: var(--colors-gray-12);--colors-gray-surface-bg: var(--colors-white);--colors-gray-surface-bg-hover: var(--colors-gray-2);--colors-gray-surface-bg-active: var(--colors-gray-3);--colors-gray-surface-border: var(--colors-gray-6);--colors-gray-surface-border-hover: var(--colors-gray-7);--colors-gray-surface-fg: var(--colors-gray-12);--colors-gray-outline-bg-hover: var(--colors-gray-a2);--colors-gray-outline-bg-active: var(--colors-gray-a3);--colors-gray-outline-border: var(--colors-gray-6);--colors-gray-outline-fg: var(--colors-gray-12);--colors-gray-plain-bg-hover: var(--colors-gray-a3);--colors-gray-plain-bg-active: var(--colors-gray-a4);--colors-gray-plain-fg: var(--colors-gray-12);--colors-red-1: #fffcfc;--colors-red-2: #fff7f7;--colors-red-3: #feebec;--colors-red-4: #ffdbdc;--colors-red-5: #ffcdce;--colors-red-6: #fdbdbe;--colors-red-7: #f4a9aa;--colors-red-8: #eb8e90;--colors-red-9: #e5484d;--colors-red-10: #dc3e42;--colors-red-11: #ce2c31;--colors-red-12: #641723;--colors-red-a1: #ff000003;--colors-red-a2: #ff000008;--colors-red-a3: #f3000d14;--colors-red-a4: #ff000824;--colors-red-a5: #ff000632;--colors-red-a6: #f8000442;--colors-red-a7: #df000356;--colors-red-a8: #d2000571;--colors-red-a9: #db0007b7;--colors-red-a10: #d10005c1;--colors-red-a11: #c40006d3;--colors-red-a12: #55000de8;--colors-red-solid-bg: var(--colors-red-9);--colors-red-solid-bg-hover: var(--colors-red-10);--colors-red-solid-fg: white;--colors-red-subtle-bg: var(--colors-red-a3);--colors-red-subtle-bg-hover: var(--colors-red-a4);--colors-red-subtle-bg-active: var(--colors-red-a5);--colors-red-subtle-fg: var(--colors-red-a11);--colors-red-surface-bg: var(--colors-red-a2);--colors-red-surface-bg-active: var(--colors-red-a3);--colors-red-surface-border: var(--colors-red-a6);--colors-red-surface-border-hover: var(--colors-red-a7);--colors-red-surface-fg: var(--colors-red-a11);--colors-red-outline-bg-hover: var(--colors-red-a2);--colors-red-outline-bg-active: var(--colors-red-a3);--colors-red-outline-border: var(--colors-red-a7);--colors-red-outline-fg: var(--colors-red-a11);--colors-red-plain-bg-hover: var(--colors-red-a3);--colors-red-plain-bg-active: var(--colors-red-a4);--colors-red-plain-fg: var(--colors-red-a11);--colors-green-1: #fbfefc;--colors-green-2: #f4fbf6;--colors-green-3: #e6f6eb;--colors-green-4: #d6f1df;--colors-green-5: #c4e8d1;--colors-green-6: #adddc0;--colors-green-7: #8eceaa;--colors-green-8: #5bb98b;--colors-green-9: #30a46c;--colors-green-10: #2b9a66;--colors-green-11: #218358;--colors-green-12: #193b2d;--colors-green-a1: #00c04004;--colors-green-a2: #00a32f0b;--colors-green-a3: #00a43319;--colors-green-a4: #00a83829;--colors-green-a5: #019c393b;--colors-green-a6: #00963c52;--colors-green-a7: #00914071;--colors-green-a8: #00924ba4;--colors-green-a9: #008f4acf;--colors-green-a10: #008647d4;--colors-green-a11: #00713fde;--colors-green-a12: #002616e6;--colors-green-solid-bg: var(--colors-green-9);--colors-green-solid-bg-hover: var(--colors-green-10);--colors-green-solid-fg: white;--colors-green-subtle-bg: var(--colors-green-a3);--colors-green-subtle-bg-hover: var(--colors-green-a4);--colors-green-subtle-bg-active: var(--colors-green-a5);--colors-green-subtle-fg: var(--colors-green-a11);--colors-green-surface-bg: var(--colors-green-a2);--colors-green-surface-bg-active: var(--colors-green-a3);--colors-green-surface-border: var(--colors-green-a6);--colors-green-surface-border-hover: var(--colors-green-a7);--colors-green-surface-fg: var(--colors-green-a11);--colors-green-outline-bg-hover: var(--colors-green-a2);--colors-green-outline-bg-active: var(--colors-green-a3);--colors-green-outline-border: var(--colors-green-a7);--colors-green-outline-fg: var(--colors-green-a11);--colors-green-plain-bg-hover: var(--colors-green-a3);--colors-green-plain-bg-active: var(--colors-green-a4);--colors-green-plain-fg: var(--colors-green-a11);--colors-grass-1: #fbfefb;--colors-grass-2: #f5fbf5;--colors-grass-3: #e9f6e9;--colors-grass-4: #daf1db;--colors-grass-5: #c9e8ca;--colors-grass-6: #b2ddb5;--colors-grass-7: #94ce9a;--colors-grass-8: #65ba74;--colors-grass-9: #46a758;--colors-grass-10: #3e9b4f;--colors-grass-11: #2a7e3b;--colors-grass-12: #203c25;--colors-grass-a1: #00c00004;--colors-grass-a2: #0099000a;--colors-grass-a3: #00970016;--colors-grass-a4: #009f0725;--colors-grass-a5: #00930536;--colors-grass-a6: #008f0a4d;--colors-grass-a7: #018b0f6b;--colors-grass-a8: #008d199a;--colors-grass-a9: #008619b9;--colors-grass-a10: #007b17c1;--colors-grass-a11: #006514d5;--colors-grass-a12: #002006df;--colors-grass-solid-bg: var(--colors-grass-9);--colors-grass-solid-bg-hover: var(--colors-grass-10);--colors-grass-solid-fg: white;--colors-grass-subtle-bg: var(--colors-grass-a3);--colors-grass-subtle-bg-hover: var(--colors-grass-a4);--colors-grass-subtle-bg-active: var(--colors-grass-a5);--colors-grass-subtle-fg: var(--colors-grass-a11);--colors-grass-surface-bg: var(--colors-grass-a2);--colors-grass-surface-bg-active: var(--colors-grass-a3);--colors-grass-surface-border: var(--colors-grass-a6);--colors-grass-surface-border-hover: var(--colors-grass-a7);--colors-grass-surface-fg: var(--colors-grass-a11);--colors-grass-outline-bg-hover: var(--colors-grass-a2);--colors-grass-outline-bg-active: var(--colors-grass-a3);--colors-grass-outline-border: var(--colors-grass-a7);--colors-grass-outline-fg: var(--colors-grass-a11);--colors-grass-plain-bg-hover: var(--colors-grass-a3);--colors-grass-plain-bg-active: var(--colors-grass-a4);--colors-grass-plain-fg: var(--colors-grass-a11);--colors-jade-1: #fbfefd;--colors-jade-2: #f4fbf7;--colors-jade-3: #e6f7ed;--colors-jade-4: #d6f1e3;--colors-jade-5: #c3e9d7;--colors-jade-6: #acdec8;--colors-jade-7: #8bceb6;--colors-jade-8: #56ba9f;--colors-jade-9: #29a383;--colors-jade-10: #26997b;--colors-jade-11: #208368;--colors-jade-12: #1d3b31;--colors-jade-a1: #00c08004;--colors-jade-a2: #00a3460b;--colors-jade-a3: #00ae4819;--colors-jade-a4: #00a85129;--colors-jade-a5: #00a2553c;--colors-jade-a6: #009a5753;--colors-jade-a7: #00945f74;--colors-jade-a8: #00976ea9;--colors-jade-a9: #00916bd6;--colors-jade-a10: #008764d9;--colors-jade-a11: #007152df;--colors-jade-a12: #002217e2;--colors-jade-solid-bg: var(--colors-jade-9);--colors-jade-solid-bg-hover: var(--colors-jade-10);--colors-jade-solid-fg: white;--colors-jade-subtle-bg: var(--colors-jade-a3);--colors-jade-subtle-bg-hover: var(--colors-jade-a4);--colors-jade-subtle-bg-active: var(--colors-jade-a5);--colors-jade-subtle-fg: var(--colors-jade-a11);--colors-jade-surface-bg: var(--colors-jade-a2);--colors-jade-surface-bg-active: var(--colors-jade-a3);--colors-jade-surface-border: var(--colors-jade-a6);--colors-jade-surface-border-hover: var(--colors-jade-a7);--colors-jade-surface-fg: var(--colors-jade-a11);--colors-jade-outline-bg-hover: var(--colors-jade-a2);--colors-jade-outline-bg-active: var(--colors-jade-a3);--colors-jade-outline-border: var(--colors-jade-a7);--colors-jade-outline-fg: var(--colors-jade-a11);--colors-jade-plain-bg-hover: var(--colors-jade-a3);--colors-jade-plain-bg-active: var(--colors-jade-a4);--colors-jade-plain-fg: var(--colors-jade-a11);--colors-teal-1: #fafefd;--colors-teal-2: #f3fbf9;--colors-teal-3: #e0f8f3;--colors-teal-4: #ccf3ea;--colors-teal-5: #b8eae0;--colors-teal-6: #a1ded2;--colors-teal-7: #83cdc1;--colors-teal-8: #53b9ab;--colors-teal-9: #12a594;--colors-teal-10: #0d9b8a;--colors-teal-11: #008573;--colors-teal-12: #0d3d38;--colors-teal-a1: #00cc9905;--colors-teal-a2: #00aa800c;--colors-teal-a3: #00c69d1f;--colors-teal-a4: #00c39633;--colors-teal-a5: #00b49047;--colors-teal-a6: #00a6855e;--colors-teal-a7: #0099807c;--colors-teal-a8: #009783ac;--colors-teal-a9: #009e8ced;--colors-teal-a10: #009684f2;--colors-teal-a11: #008573;--colors-teal-a12: #00332df2;--colors-teal-solid-bg: var(--colors-teal-9);--colors-teal-solid-bg-hover: var(--colors-teal-10);--colors-teal-solid-fg: white;--colors-teal-subtle-bg: var(--colors-teal-a3);--colors-teal-subtle-bg-hover: var(--colors-teal-a4);--colors-teal-subtle-bg-active: var(--colors-teal-a5);--colors-teal-subtle-fg: var(--colors-teal-a11);--colors-teal-surface-bg: var(--colors-teal-a2);--colors-teal-surface-bg-active: var(--colors-teal-a3);--colors-teal-surface-border: var(--colors-teal-a6);--colors-teal-surface-border-hover: var(--colors-teal-a7);--colors-teal-surface-fg: var(--colors-teal-a11);--colors-teal-outline-bg-hover: var(--colors-teal-a2);--colors-teal-outline-bg-active: var(--colors-teal-a3);--colors-teal-outline-border: var(--colors-teal-a7);--colors-teal-outline-fg: var(--colors-teal-a11);--colors-teal-plain-bg-hover: var(--colors-teal-a3);--colors-teal-plain-bg-active: var(--colors-teal-a4);--colors-teal-plain-fg: var(--colors-teal-a11);--colors-cyan-1: #fafdfe;--colors-cyan-2: #f2fafb;--colors-cyan-3: #def7f9;--colors-cyan-4: #caf1f6;--colors-cyan-5: #b5e9f0;--colors-cyan-6: #9ddde7;--colors-cyan-7: #7dcedc;--colors-cyan-8: #3db9cf;--colors-cyan-9: #00a2c7;--colors-cyan-10: #0797b9;--colors-cyan-11: #107d98;--colors-cyan-12: #0d3c48;--colors-cyan-a1: #0099cc05;--colors-cyan-a2: #009db10d;--colors-cyan-a3: #00c2d121;--colors-cyan-a4: #00bcd435;--colors-cyan-a5: #01b4cc4a;--colors-cyan-a6: #00a7c162;--colors-cyan-a7: #009fbb82;--colors-cyan-a8: #00a3c0c2;--colors-cyan-a9: #00a2c7;--colors-cyan-a10: #0094b7f8;--colors-cyan-a11: #007491ef;--colors-cyan-a12: #00323ef2;--colors-cyan-solid-bg: var(--colors-cyan-9);--colors-cyan-solid-bg-hover: var(--colors-cyan-10);--colors-cyan-solid-fg: white;--colors-cyan-subtle-bg: var(--colors-cyan-a3);--colors-cyan-subtle-bg-hover: var(--colors-cyan-a4);--colors-cyan-subtle-bg-active: var(--colors-cyan-a5);--colors-cyan-subtle-fg: var(--colors-cyan-a11);--colors-cyan-surface-bg: var(--colors-cyan-a2);--colors-cyan-surface-bg-active: var(--colors-cyan-a3);--colors-cyan-surface-border: var(--colors-cyan-a6);--colors-cyan-surface-border-hover: var(--colors-cyan-a7);--colors-cyan-surface-fg: var(--colors-cyan-a11);--colors-cyan-outline-bg-hover: var(--colors-cyan-a2);--colors-cyan-outline-bg-active: var(--colors-cyan-a3);--colors-cyan-outline-border: var(--colors-cyan-a7);--colors-cyan-outline-fg: var(--colors-cyan-a11);--colors-cyan-plain-bg-hover: var(--colors-cyan-a3);--colors-cyan-plain-bg-active: var(--colors-cyan-a4);--colors-cyan-plain-fg: var(--colors-cyan-a11);--colors-blue-1: #fbfdff;--colors-blue-2: #f4faff;--colors-blue-3: #e6f4fe;--colors-blue-4: #d5efff;--colors-blue-5: #c2e5ff;--colors-blue-6: #acd8fc;--colors-blue-7: #8ec8f6;--colors-blue-8: #5eb1ef;--colors-blue-9: #0090ff;--colors-blue-10: #0588f0;--colors-blue-11: #0d74ce;--colors-blue-12: #113264;--colors-blue-a1: #0080ff04;--colors-blue-a2: #008cff0b;--colors-blue-a3: #008ff519;--colors-blue-a4: #009eff2a;--colors-blue-a5: #0093ff3d;--colors-blue-a6: #0088f653;--colors-blue-a7: #0083eb71;--colors-blue-a8: #0084e6a1;--colors-blue-a9: #0090ff;--colors-blue-a10: #0086f0fa;--colors-blue-a11: #006dcbf2;--colors-blue-a12: #002359ee;--colors-blue-solid-bg: var(--colors-blue-9);--colors-blue-solid-bg-hover: var(--colors-blue-10);--colors-blue-solid-fg: white;--colors-blue-subtle-bg: var(--colors-blue-a3);--colors-blue-subtle-bg-hover: var(--colors-blue-a4);--colors-blue-subtle-bg-active: var(--colors-blue-a5);--colors-blue-subtle-fg: var(--colors-blue-a11);--colors-blue-surface-bg: var(--colors-blue-a2);--colors-blue-surface-bg-active: var(--colors-blue-a3);--colors-blue-surface-border: var(--colors-blue-a6);--colors-blue-surface-border-hover: var(--colors-blue-a7);--colors-blue-surface-fg: var(--colors-blue-a11);--colors-blue-outline-bg-hover: var(--colors-blue-a2);--colors-blue-outline-bg-active: var(--colors-blue-a3);--colors-blue-outline-border: var(--colors-blue-a7);--colors-blue-outline-fg: var(--colors-blue-a11);--colors-blue-plain-bg-hover: var(--colors-blue-a3);--colors-blue-plain-bg-active: var(--colors-blue-a4);--colors-blue-plain-fg: var(--colors-blue-a11);--colors-indigo-1: #fdfdfe;--colors-indigo-2: #f7f9ff;--colors-indigo-3: #edf2fe;--colors-indigo-4: #e1e9ff;--colors-indigo-5: #d2deff;--colors-indigo-6: #c1d0ff;--colors-indigo-7: #abbdf9;--colors-indigo-8: #8da4ef;--colors-indigo-9: #3e63dd;--colors-indigo-10: #3358d4;--colors-indigo-11: #3a5bc7;--colors-indigo-12: #1f2d5c;--colors-indigo-a1: #00008002;--colors-indigo-a2: #0040ff08;--colors-indigo-a3: #0047f112;--colors-indigo-a4: #0044ff1e;--colors-indigo-a5: #0044ff2d;--colors-indigo-a6: #003eff3e;--colors-indigo-a7: #0037ed54;--colors-indigo-a8: #0034dc72;--colors-indigo-a9: #0031d2c1;--colors-indigo-a10: #002ec9cc;--colors-indigo-a11: #002bb7c5;--colors-indigo-a12: #001046e0;--colors-indigo-solid-bg: var(--colors-indigo-9);--colors-indigo-solid-bg-hover: var(--colors-indigo-10);--colors-indigo-solid-fg: white;--colors-indigo-subtle-bg: var(--colors-indigo-a3);--colors-indigo-subtle-bg-hover: var(--colors-indigo-a4);--colors-indigo-subtle-bg-active: var(--colors-indigo-a5);--colors-indigo-subtle-fg: var(--colors-indigo-a11);--colors-indigo-surface-bg: var(--colors-indigo-a2);--colors-indigo-surface-bg-active: var(--colors-indigo-a3);--colors-indigo-surface-border: var(--colors-indigo-a6);--colors-indigo-surface-border-hover: var(--colors-indigo-a7);--colors-indigo-surface-fg: var(--colors-indigo-a11);--colors-indigo-outline-bg-hover: var(--colors-indigo-a2);--colors-indigo-outline-bg-active: var(--colors-indigo-a3);--colors-indigo-outline-border: var(--colors-indigo-a7);--colors-indigo-outline-fg: var(--colors-indigo-a11);--colors-indigo-plain-bg-hover: var(--colors-indigo-a3);--colors-indigo-plain-bg-active: var(--colors-indigo-a4);--colors-indigo-plain-fg: var(--colors-indigo-a11);--colors-iris-1: #fdfdff;--colors-iris-2: #f8f8ff;--colors-iris-3: #f0f1fe;--colors-iris-4: #e6e7ff;--colors-iris-5: #dadcff;--colors-iris-6: #cbcdff;--colors-iris-7: #b8baf8;--colors-iris-8: #9b9ef0;--colors-iris-9: #5b5bd6;--colors-iris-10: #5151cd;--colors-iris-11: #5753c6;--colors-iris-12: #272962;--colors-iris-a1: #0000ff02;--colors-iris-a2: #0000ff07;--colors-iris-a3: #0011ee0f;--colors-iris-a4: #000bff19;--colors-iris-a5: #000eff25;--colors-iris-a6: #000aff34;--colors-iris-a7: #0008e647;--colors-iris-a8: #0008d964;--colors-iris-a9: #0000c0a4;--colors-iris-a10: #0000b6ae;--colors-iris-a11: #0600abac;--colors-iris-a12: #000246d8;--colors-iris-solid-bg: var(--colors-iris-9);--colors-iris-solid-bg-hover: var(--colors-iris-10);--colors-iris-solid-fg: white;--colors-iris-subtle-bg: var(--colors-iris-a3);--colors-iris-subtle-bg-hover: var(--colors-iris-a4);--colors-iris-subtle-bg-active: var(--colors-iris-a5);--colors-iris-subtle-fg: var(--colors-iris-a11);--colors-iris-surface-bg: var(--colors-iris-a2);--colors-iris-surface-bg-active: var(--colors-iris-a3);--colors-iris-surface-border: var(--colors-iris-a6);--colors-iris-surface-border-hover: var(--colors-iris-a7);--colors-iris-surface-fg: var(--colors-iris-a11);--colors-iris-outline-bg-hover: var(--colors-iris-a2);--colors-iris-outline-bg-active: var(--colors-iris-a3);--colors-iris-outline-border: var(--colors-iris-a7);--colors-iris-outline-fg: var(--colors-iris-a11);--colors-iris-plain-bg-hover: var(--colors-iris-a3);--colors-iris-plain-bg-active: var(--colors-iris-a4);--colors-iris-plain-fg: var(--colors-iris-a11);--colors-violet-1: #fdfcfe;--colors-violet-2: #faf8ff;--colors-violet-3: #f4f0fe;--colors-violet-4: #ebe4ff;--colors-violet-5: #e1d9ff;--colors-violet-6: #d4cafe;--colors-violet-7: #c2b5f5;--colors-violet-8: #aa99ec;--colors-violet-9: #6e56cf;--colors-violet-10: #654dc4;--colors-violet-11: #6550b9;--colors-violet-12: #2f265f;--colors-violet-a1: #5500aa03;--colors-violet-a2: #4900ff07;--colors-violet-a3: #4400ee0f;--colors-violet-a4: #4300ff1b;--colors-violet-a5: #3600ff26;--colors-violet-a6: #3100fb35;--colors-violet-a7: #2d01dd4a;--colors-violet-a8: #2b00d066;--colors-violet-a9: #2400b7a9;--colors-violet-a10: #2300abb2;--colors-violet-a11: #1f0099af;--colors-violet-a12: #0b0043d9;--colors-violet-solid-bg: var(--colors-violet-9);--colors-violet-solid-bg-hover: var(--colors-violet-10);--colors-violet-solid-fg: white;--colors-violet-subtle-bg: var(--colors-violet-a3);--colors-violet-subtle-bg-hover: var(--colors-violet-a4);--colors-violet-subtle-bg-active: var(--colors-violet-a5);--colors-violet-subtle-fg: var(--colors-violet-a11);--colors-violet-surface-bg: var(--colors-violet-a2);--colors-violet-surface-bg-active: var(--colors-violet-a3);--colors-violet-surface-border: var(--colors-violet-a6);--colors-violet-surface-border-hover: var(--colors-violet-a7);--colors-violet-surface-fg: var(--colors-violet-a11);--colors-violet-outline-bg-hover: var(--colors-violet-a2);--colors-violet-outline-bg-active: var(--colors-violet-a3);--colors-violet-outline-border: var(--colors-violet-a7);--colors-violet-outline-fg: var(--colors-violet-a11);--colors-violet-plain-bg-hover: var(--colors-violet-a3);--colors-violet-plain-bg-active: var(--colors-violet-a4);--colors-violet-plain-fg: var(--colors-violet-a11);--colors-purple-1: #fefcfe;--colors-purple-2: #fbf7fe;--colors-purple-3: #f7edfe;--colors-purple-4: #f2e2fc;--colors-purple-5: #ead5f9;--colors-purple-6: #e0c4f4;--colors-purple-7: #d1afec;--colors-purple-8: #be93e4;--colors-purple-9: #8e4ec6;--colors-purple-10: #8347b9;--colors-purple-11: #8145b5;--colors-purple-12: #402060;--colors-purple-a1: #aa00aa03;--colors-purple-a2: #8000e008;--colors-purple-a3: #8e00f112;--colors-purple-a4: #8d00e51d;--colors-purple-a5: #8000db2a;--colors-purple-a6: #7a01d03b;--colors-purple-a7: #6d00c350;--colors-purple-a8: #6600c06c;--colors-purple-a9: #5c00adb1;--colors-purple-a10: #53009eb8;--colors-purple-a11: #52009aba;--colors-purple-a12: #250049df;--colors-purple-solid-bg: var(--colors-purple-9);--colors-purple-solid-bg-hover: var(--colors-purple-10);--colors-purple-solid-fg: white;--colors-purple-subtle-bg: var(--colors-purple-a3);--colors-purple-subtle-bg-hover: var(--colors-purple-a4);--colors-purple-subtle-bg-active: var(--colors-purple-a5);--colors-purple-subtle-fg: var(--colors-purple-a11);--colors-purple-surface-bg: var(--colors-purple-a2);--colors-purple-surface-bg-active: var(--colors-purple-a3);--colors-purple-surface-border: var(--colors-purple-a6);--colors-purple-surface-border-hover: var(--colors-purple-a7);--colors-purple-surface-fg: var(--colors-purple-a11);--colors-purple-outline-bg-hover: var(--colors-purple-a2);--colors-purple-outline-bg-active: var(--colors-purple-a3);--colors-purple-outline-border: var(--colors-purple-a7);--colors-purple-outline-fg: var(--colors-purple-a11);--colors-purple-plain-bg-hover: var(--colors-purple-a3);--colors-purple-plain-bg-active: var(--colors-purple-a4);--colors-purple-plain-fg: var(--colors-purple-a11);--shadows-xs: 0px 1px 2px var(--colors-gray-a6), 0px 0px 1px var(--colors-gray-a7);--shadows-sm: 0px 2px 4px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-md: 0px 4px 8px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-lg: 0px 8px 16px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-xl: 0px 16px 24px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-2xl: 0px 24px 40px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);--shadows-inset: inset 8px 0 12px -8px var(--colors-gray-a4) }.dark{--colors-fg-default: var(--colors-gray-12);--colors-fg-muted: var(--colors-gray-11);--colors-fg-subtle: var(--colors-gray-10);--colors-border: var(--colors-gray-4);--colors-error: var(--colors-red-9);--colors-primary-1: #0e1512;--colors-primary-2: #121b17;--colors-primary-3: #132d21;--colors-primary-4: #113b29;--colors-primary-5: #174933;--colors-primary-6: #20573e;--colors-primary-7: #28684a;--colors-primary-8: #2f7c57;--colors-primary-9: #30a46c;--colors-primary-10: #33b074;--colors-primary-11: #3dd68c;--colors-primary-12: #b1f1cb;--colors-primary-a1: #00de4505;--colors-primary-a2: #29f99d0b;--colors-primary-a3: #22ff991e;--colors-primary-a4: #11ff992d;--colors-primary-a5: #2bffa23c;--colors-primary-a6: #44ffaa4b;--colors-primary-a7: #50fdac5e;--colors-primary-a8: #54ffad73;--colors-primary-a9: #44ffa49e;--colors-primary-a10: #43fea4ab;--colors-primary-a11: #46fea5d4;--colors-primary-a12: #bbffd7f0;--colors-primary-solid-bg: var(--colors-green-9);--colors-primary-solid-bg-hover: var(--colors-green-10);--colors-primary-solid-fg: white;--colors-primary-subtle-bg: var(--colors-green-a3);--colors-primary-subtle-bg-hover: var(--colors-green-a4);--colors-primary-subtle-bg-active: var(--colors-green-a5);--colors-primary-subtle-fg: var(--colors-green-a11);--colors-primary-surface-bg: var(--colors-green-a2);--colors-primary-surface-bg-active: var(--colors-green-a3);--colors-primary-surface-border: var(--colors-green-a6);--colors-primary-surface-border-hover: var(--colors-green-a7);--colors-primary-surface-fg: var(--colors-green-a11);--colors-primary-outline-bg-hover: var(--colors-green-a2);--colors-primary-outline-bg-active: var(--colors-green-a3);--colors-primary-outline-border: var(--colors-green-a7);--colors-primary-outline-fg: var(--colors-green-a11);--colors-primary-plain-bg-hover: var(--colors-green-a3);--colors-primary-plain-bg-active: var(--colors-green-a4);--colors-primary-plain-fg: var(--colors-green-a11);--colors-secondary-1: #16120c;--colors-secondary-2: #1d180f;--colors-secondary-3: #302008;--colors-secondary-4: #3f2700;--colors-secondary-5: #4d3000;--colors-secondary-6: #5c3d05;--colors-secondary-7: #714f19;--colors-secondary-8: #8f6424;--colors-secondary-9: #ffc53d;--colors-secondary-10: #ffd60a;--colors-secondary-11: #ffca16;--colors-secondary-12: #ffe7b3;--colors-secondary-a1: #e63c0006;--colors-secondary-a2: #fd9b000d;--colors-secondary-a3: #fa820022;--colors-secondary-a4: #fc820032;--colors-secondary-a5: #fd8b0041;--colors-secondary-a6: #fd9b0051;--colors-secondary-a7: #ffab2567;--colors-secondary-a8: #ffae3587;--colors-secondary-a9: #ffc53d;--colors-secondary-a10: #ffd60a;--colors-secondary-a11: #ffca16;--colors-secondary-a12: #ffe7b3;--colors-secondary-solid-bg: var(--colors-amber-9);--colors-secondary-solid-bg-hover: var(--colors-amber-10);--colors-secondary-solid-fg: var(--colors-gray-1);--colors-secondary-subtle-bg: var(--colors-amber-a3);--colors-secondary-subtle-bg-hover: var(--colors-amber-a4);--colors-secondary-subtle-bg-active: var(--colors-amber-a5);--colors-secondary-subtle-fg: var(--colors-amber-a11);--colors-secondary-surface-bg: var(--colors-amber-a2);--colors-secondary-surface-bg-active: var(--colors-amber-a3);--colors-secondary-surface-border: var(--colors-amber-a6);--colors-secondary-surface-border-hover: var(--colors-amber-a7);--colors-secondary-surface-fg: var(--colors-amber-a11);--colors-secondary-outline-bg-hover: var(--colors-amber-a2);--colors-secondary-outline-bg-active: var(--colors-amber-a3);--colors-secondary-outline-border: var(--colors-amber-a7);--colors-secondary-outline-fg: var(--colors-amber-a11);--colors-secondary-plain-bg-hover: var(--colors-amber-a3);--colors-secondary-plain-bg-active: var(--colors-amber-a4);--colors-secondary-plain-fg: var(--colors-amber-a11);--colors-amber-1: #16120c;--colors-amber-2: #1d180f;--colors-amber-3: #302008;--colors-amber-4: #3f2700;--colors-amber-5: #4d3000;--colors-amber-6: #5c3d05;--colors-amber-7: #714f19;--colors-amber-8: #8f6424;--colors-amber-9: #ffc53d;--colors-amber-10: #ffd60a;--colors-amber-11: #ffca16;--colors-amber-12: #ffe7b3;--colors-amber-a1: #e63c0006;--colors-amber-a2: #fd9b000d;--colors-amber-a3: #fa820022;--colors-amber-a4: #fc820032;--colors-amber-a5: #fd8b0041;--colors-amber-a6: #fd9b0051;--colors-amber-a7: #ffab2567;--colors-amber-a8: #ffae3587;--colors-amber-a9: #ffc53d;--colors-amber-a10: #ffd60a;--colors-amber-a11: #ffca16;--colors-amber-a12: #ffe7b3;--colors-amber-solid-bg: var(--colors-amber-9);--colors-amber-solid-bg-hover: var(--colors-amber-10);--colors-amber-solid-fg: var(--colors-gray-1);--colors-amber-subtle-bg: var(--colors-amber-a3);--colors-amber-subtle-bg-hover: var(--colors-amber-a4);--colors-amber-subtle-bg-active: var(--colors-amber-a5);--colors-amber-subtle-fg: var(--colors-amber-a11);--colors-amber-surface-bg: var(--colors-amber-a2);--colors-amber-surface-bg-active: var(--colors-amber-a3);--colors-amber-surface-border: var(--colors-amber-a6);--colors-amber-surface-border-hover: var(--colors-amber-a7);--colors-amber-surface-fg: var(--colors-amber-a11);--colors-amber-outline-bg-hover: var(--colors-amber-a2);--colors-amber-outline-bg-active: var(--colors-amber-a3);--colors-amber-outline-border: var(--colors-amber-a7);--colors-amber-outline-fg: var(--colors-amber-a11);--colors-amber-plain-bg-hover: var(--colors-amber-a3);--colors-amber-plain-bg-active: var(--colors-amber-a4);--colors-amber-plain-fg: var(--colors-amber-a11);--colors-gray-1: #111110;--colors-gray-2: #191918;--colors-gray-3: #222221;--colors-gray-4: #2a2a28;--colors-gray-5: #31312e;--colors-gray-6: #3b3a37;--colors-gray-7: #494844;--colors-gray-8: #62605b;--colors-gray-9: #6f6d66;--colors-gray-10: #7c7b74;--colors-gray-11: #b5b3ad;--colors-gray-12: #eeeeec;--colors-gray-a1: #00000000;--colors-gray-a2: #f4f4f309;--colors-gray-a3: #f6f6f513;--colors-gray-a4: #fefef31b;--colors-gray-a5: #fbfbeb23;--colors-gray-a6: #fffaed2d;--colors-gray-a7: #fffbed3c;--colors-gray-a8: #fff9eb57;--colors-gray-a9: #fffae965;--colors-gray-a10: #fffdee73;--colors-gray-a11: #fffcf4b0;--colors-gray-a12: #fffffded;--colors-gray-solid-bg: var(--colors-white);--colors-gray-solid-bg-hover: var(--colors-gray-12);--colors-gray-solid-fg: var(--colors-black);--colors-gray-subtle-bg: var(--colors-gray-a3);--colors-gray-subtle-bg-hover: var(--colors-gray-a4);--colors-gray-subtle-bg-active: var(--colors-gray-a5);--colors-gray-subtle-fg: var(--colors-gray-12);--colors-gray-surface-bg: var(--colors-gray-1);--colors-gray-surface-bg-hover: var(--colors-gray-2);--colors-gray-surface-bg-active: var(--colors-gray-3);--colors-gray-surface-border: var(--colors-gray-6);--colors-gray-surface-border-hover: var(--colors-gray-7);--colors-gray-surface-fg: var(--colors-gray-12);--colors-gray-outline-bg-hover: var(--colors-gray-a2);--colors-gray-outline-bg-active: var(--colors-gray-a3);--colors-gray-outline-border: var(--colors-gray-6);--colors-gray-outline-fg: var(--colors-gray-12);--colors-gray-plain-bg-hover: var(--colors-gray-a3);--colors-gray-plain-bg-active: var(--colors-gray-a4);--colors-gray-plain-fg: var(--colors-gray-12);--colors-red-1: #191111;--colors-red-2: #201314;--colors-red-3: #3b1219;--colors-red-4: #500f1c;--colors-red-5: #611623;--colors-red-6: #72232d;--colors-red-7: #8c333a;--colors-red-8: #b54548;--colors-red-9: #e5484d;--colors-red-10: #ec5d5e;--colors-red-11: #ff9592;--colors-red-12: #ffd1d9;--colors-red-a1: #f4121209;--colors-red-a2: #f22f3e11;--colors-red-a3: #ff173f2d;--colors-red-a4: #fe0a3b44;--colors-red-a5: #ff204756;--colors-red-a6: #ff3e5668;--colors-red-a7: #ff536184;--colors-red-a8: #ff5d61b0;--colors-red-a9: #fe4e54e4;--colors-red-a10: #ff6465eb;--colors-red-a11: #ff9592;--colors-red-a12: #ffd1d9;--colors-red-solid-bg: var(--colors-red-9);--colors-red-solid-bg-hover: var(--colors-red-10);--colors-red-solid-fg: white;--colors-red-subtle-bg: var(--colors-red-a3);--colors-red-subtle-bg-hover: var(--colors-red-a4);--colors-red-subtle-bg-active: var(--colors-red-a5);--colors-red-subtle-fg: var(--colors-red-a11);--colors-red-surface-bg: var(--colors-red-a2);--colors-red-surface-bg-active: var(--colors-red-a3);--colors-red-surface-border: var(--colors-red-a6);--colors-red-surface-border-hover: var(--colors-red-a7);--colors-red-surface-fg: var(--colors-red-a11);--colors-red-outline-bg-hover: var(--colors-red-a2);--colors-red-outline-bg-active: var(--colors-red-a3);--colors-red-outline-border: var(--colors-red-a7);--colors-red-outline-fg: var(--colors-red-a11);--colors-red-plain-bg-hover: var(--colors-red-a3);--colors-red-plain-bg-active: var(--colors-red-a4);--colors-red-plain-fg: var(--colors-red-a11);--colors-green-1: #0e1512;--colors-green-2: #121b17;--colors-green-3: #132d21;--colors-green-4: #113b29;--colors-green-5: #174933;--colors-green-6: #20573e;--colors-green-7: #28684a;--colors-green-8: #2f7c57;--colors-green-9: #30a46c;--colors-green-10: #33b074;--colors-green-11: #3dd68c;--colors-green-12: #b1f1cb;--colors-green-a1: #00de4505;--colors-green-a2: #29f99d0b;--colors-green-a3: #22ff991e;--colors-green-a4: #11ff992d;--colors-green-a5: #2bffa23c;--colors-green-a6: #44ffaa4b;--colors-green-a7: #50fdac5e;--colors-green-a8: #54ffad73;--colors-green-a9: #44ffa49e;--colors-green-a10: #43fea4ab;--colors-green-a11: #46fea5d4;--colors-green-a12: #bbffd7f0;--colors-green-solid-bg: var(--colors-green-9);--colors-green-solid-bg-hover: var(--colors-green-10);--colors-green-solid-fg: white;--colors-green-subtle-bg: var(--colors-green-a3);--colors-green-subtle-bg-hover: var(--colors-green-a4);--colors-green-subtle-bg-active: var(--colors-green-a5);--colors-green-subtle-fg: var(--colors-green-a11);--colors-green-surface-bg: var(--colors-green-a2);--colors-green-surface-bg-active: var(--colors-green-a3);--colors-green-surface-border: var(--colors-green-a6);--colors-green-surface-border-hover: var(--colors-green-a7);--colors-green-surface-fg: var(--colors-green-a11);--colors-green-outline-bg-hover: var(--colors-green-a2);--colors-green-outline-bg-active: var(--colors-green-a3);--colors-green-outline-border: var(--colors-green-a7);--colors-green-outline-fg: var(--colors-green-a11);--colors-green-plain-bg-hover: var(--colors-green-a3);--colors-green-plain-bg-active: var(--colors-green-a4);--colors-green-plain-fg: var(--colors-green-a11);--colors-grass-1: #0e1511;--colors-grass-2: #141a15;--colors-grass-3: #1b2a1e;--colors-grass-4: #1d3a24;--colors-grass-5: #25482d;--colors-grass-6: #2d5736;--colors-grass-7: #366740;--colors-grass-8: #3e7949;--colors-grass-9: #46a758;--colors-grass-10: #53b365;--colors-grass-11: #71d083;--colors-grass-12: #c2f0c2;--colors-grass-a1: #00de1205;--colors-grass-a2: #5ef7780a;--colors-grass-a3: #70fe8c1b;--colors-grass-a4: #57ff802c;--colors-grass-a5: #68ff8b3b;--colors-grass-a6: #71ff8f4b;--colors-grass-a7: #77fd925d;--colors-grass-a8: #77fd9070;--colors-grass-a9: #65ff82a1;--colors-grass-a10: #72ff8dae;--colors-grass-a11: #89ff9fcd;--colors-grass-a12: #ceffceef;--colors-grass-solid-bg: var(--colors-grass-9);--colors-grass-solid-bg-hover: var(--colors-grass-10);--colors-grass-solid-fg: white;--colors-grass-subtle-bg: var(--colors-grass-a3);--colors-grass-subtle-bg-hover: var(--colors-grass-a4);--colors-grass-subtle-bg-active: var(--colors-grass-a5);--colors-grass-subtle-fg: var(--colors-grass-a11);--colors-grass-surface-bg: var(--colors-grass-a2);--colors-grass-surface-bg-active: var(--colors-grass-a3);--colors-grass-surface-border: var(--colors-grass-a6);--colors-grass-surface-border-hover: var(--colors-grass-a7);--colors-grass-surface-fg: var(--colors-grass-a11);--colors-grass-outline-bg-hover: var(--colors-grass-a2);--colors-grass-outline-bg-active: var(--colors-grass-a3);--colors-grass-outline-border: var(--colors-grass-a7);--colors-grass-outline-fg: var(--colors-grass-a11);--colors-grass-plain-bg-hover: var(--colors-grass-a3);--colors-grass-plain-bg-active: var(--colors-grass-a4);--colors-grass-plain-fg: var(--colors-grass-a11);--colors-jade-1: #0d1512;--colors-jade-2: #121c18;--colors-jade-3: #0f2e22;--colors-jade-4: #0b3b2c;--colors-jade-5: #114837;--colors-jade-6: #1b5745;--colors-jade-7: #246854;--colors-jade-8: #2a7e68;--colors-jade-9: #29a383;--colors-jade-10: #27b08b;--colors-jade-11: #1fd8a4;--colors-jade-12: #adf0d4;--colors-jade-a1: #00de4505;--colors-jade-a2: #27fba60c;--colors-jade-a3: #02f99920;--colors-jade-a4: #00ffaa2d;--colors-jade-a5: #11ffb63b;--colors-jade-a6: #34ffc24b;--colors-jade-a7: #45fdc75e;--colors-jade-a8: #48ffcf75;--colors-jade-a9: #38feca9d;--colors-jade-a10: #31fec7ab;--colors-jade-a11: #21fec0d6;--colors-jade-a12: #b8ffe1ef;--colors-jade-solid-bg: var(--colors-jade-9);--colors-jade-solid-bg-hover: var(--colors-jade-10);--colors-jade-solid-fg: white;--colors-jade-subtle-bg: var(--colors-jade-a3);--colors-jade-subtle-bg-hover: var(--colors-jade-a4);--colors-jade-subtle-bg-active: var(--colors-jade-a5);--colors-jade-subtle-fg: var(--colors-jade-a11);--colors-jade-surface-bg: var(--colors-jade-a2);--colors-jade-surface-bg-active: var(--colors-jade-a3);--colors-jade-surface-border: var(--colors-jade-a6);--colors-jade-surface-border-hover: var(--colors-jade-a7);--colors-jade-surface-fg: var(--colors-jade-a11);--colors-jade-outline-bg-hover: var(--colors-jade-a2);--colors-jade-outline-bg-active: var(--colors-jade-a3);--colors-jade-outline-border: var(--colors-jade-a7);--colors-jade-outline-fg: var(--colors-jade-a11);--colors-jade-plain-bg-hover: var(--colors-jade-a3);--colors-jade-plain-bg-active: var(--colors-jade-a4);--colors-jade-plain-fg: var(--colors-jade-a11);--colors-teal-1: #0d1514;--colors-teal-2: #111c1b;--colors-teal-3: #0d2d2a;--colors-teal-4: #023b37;--colors-teal-5: #084843;--colors-teal-6: #145750;--colors-teal-7: #1c6961;--colors-teal-8: #207e73;--colors-teal-9: #12a594;--colors-teal-10: #0eb39e;--colors-teal-11: #0bd8b6;--colors-teal-12: #adf0dd;--colors-teal-a1: #00deab05;--colors-teal-a2: #12fbe60c;--colors-teal-a3: #00ffe61e;--colors-teal-a4: #00ffe92d;--colors-teal-a5: #00ffea3b;--colors-teal-a6: #1cffe84b;--colors-teal-a7: #2efde85f;--colors-teal-a8: #32ffe775;--colors-teal-a9: #13ffe49f;--colors-teal-a10: #0dffe0ae;--colors-teal-a11: #0afed5d6;--colors-teal-a12: #b8ffebef;--colors-teal-solid-bg: var(--colors-teal-9);--colors-teal-solid-bg-hover: var(--colors-teal-10);--colors-teal-solid-fg: white;--colors-teal-subtle-bg: var(--colors-teal-a3);--colors-teal-subtle-bg-hover: var(--colors-teal-a4);--colors-teal-subtle-bg-active: var(--colors-teal-a5);--colors-teal-subtle-fg: var(--colors-teal-a11);--colors-teal-surface-bg: var(--colors-teal-a2);--colors-teal-surface-bg-active: var(--colors-teal-a3);--colors-teal-surface-border: var(--colors-teal-a6);--colors-teal-surface-border-hover: var(--colors-teal-a7);--colors-teal-surface-fg: var(--colors-teal-a11);--colors-teal-outline-bg-hover: var(--colors-teal-a2);--colors-teal-outline-bg-active: var(--colors-teal-a3);--colors-teal-outline-border: var(--colors-teal-a7);--colors-teal-outline-fg: var(--colors-teal-a11);--colors-teal-plain-bg-hover: var(--colors-teal-a3);--colors-teal-plain-bg-active: var(--colors-teal-a4);--colors-teal-plain-fg: var(--colors-teal-a11);--colors-cyan-1: #0b161a;--colors-cyan-2: #101b20;--colors-cyan-3: #082c36;--colors-cyan-4: #003848;--colors-cyan-5: #004558;--colors-cyan-6: #045468;--colors-cyan-7: #12677e;--colors-cyan-8: #11809c;--colors-cyan-9: #00a2c7;--colors-cyan-10: #23afd0;--colors-cyan-11: #4ccce6;--colors-cyan-12: #b6ecf7;--colors-cyan-a1: #0091f70a;--colors-cyan-a2: #02a7f211;--colors-cyan-a3: #00befd28;--colors-cyan-a4: #00baff3b;--colors-cyan-a5: #00befd4d;--colors-cyan-a6: #00c7fd5e;--colors-cyan-a7: #14cdff75;--colors-cyan-a8: #11cfff95;--colors-cyan-a9: #00cfffc3;--colors-cyan-a10: #28d6ffcd;--colors-cyan-a11: #52e1fee5;--colors-cyan-a12: #bbf3fef7;--colors-cyan-solid-bg: var(--colors-cyan-9);--colors-cyan-solid-bg-hover: var(--colors-cyan-10);--colors-cyan-solid-fg: white;--colors-cyan-subtle-bg: var(--colors-cyan-a3);--colors-cyan-subtle-bg-hover: var(--colors-cyan-a4);--colors-cyan-subtle-bg-active: var(--colors-cyan-a5);--colors-cyan-subtle-fg: var(--colors-cyan-a11);--colors-cyan-surface-bg: var(--colors-cyan-a2);--colors-cyan-surface-bg-active: var(--colors-cyan-a3);--colors-cyan-surface-border: var(--colors-cyan-a6);--colors-cyan-surface-border-hover: var(--colors-cyan-a7);--colors-cyan-surface-fg: var(--colors-cyan-a11);--colors-cyan-outline-bg-hover: var(--colors-cyan-a2);--colors-cyan-outline-bg-active: var(--colors-cyan-a3);--colors-cyan-outline-border: var(--colors-cyan-a7);--colors-cyan-outline-fg: var(--colors-cyan-a11);--colors-cyan-plain-bg-hover: var(--colors-cyan-a3);--colors-cyan-plain-bg-active: var(--colors-cyan-a4);--colors-cyan-plain-fg: var(--colors-cyan-a11);--colors-blue-1: #0d1520;--colors-blue-2: #111927;--colors-blue-3: #0d2847;--colors-blue-4: #003362;--colors-blue-5: #004074;--colors-blue-6: #104d87;--colors-blue-7: #205d9e;--colors-blue-8: #2870bd;--colors-blue-9: #0090ff;--colors-blue-10: #3b9eff;--colors-blue-11: #70b8ff;--colors-blue-12: #c2e6ff;--colors-blue-a1: #004df211;--colors-blue-a2: #1166fb18;--colors-blue-a3: #0077ff3a;--colors-blue-a4: #0075ff57;--colors-blue-a5: #0081fd6b;--colors-blue-a6: #0f89fd7f;--colors-blue-a7: #2a91fe98;--colors-blue-a8: #3094feb9;--colors-blue-a9: #0090ff;--colors-blue-a10: #3b9eff;--colors-blue-a11: #70b8ff;--colors-blue-a12: #c2e6ff;--colors-blue-solid-bg: var(--colors-blue-9);--colors-blue-solid-bg-hover: var(--colors-blue-10);--colors-blue-solid-fg: white;--colors-blue-subtle-bg: var(--colors-blue-a3);--colors-blue-subtle-bg-hover: var(--colors-blue-a4);--colors-blue-subtle-bg-active: var(--colors-blue-a5);--colors-blue-subtle-fg: var(--colors-blue-a11);--colors-blue-surface-bg: var(--colors-blue-a2);--colors-blue-surface-bg-active: var(--colors-blue-a3);--colors-blue-surface-border: var(--colors-blue-a6);--colors-blue-surface-border-hover: var(--colors-blue-a7);--colors-blue-surface-fg: var(--colors-blue-a11);--colors-blue-outline-bg-hover: var(--colors-blue-a2);--colors-blue-outline-bg-active: var(--colors-blue-a3);--colors-blue-outline-border: var(--colors-blue-a7);--colors-blue-outline-fg: var(--colors-blue-a11);--colors-blue-plain-bg-hover: var(--colors-blue-a3);--colors-blue-plain-bg-active: var(--colors-blue-a4);--colors-blue-plain-fg: var(--colors-blue-a11);--colors-indigo-1: #11131f;--colors-indigo-2: #141726;--colors-indigo-3: #182449;--colors-indigo-4: #1d2e62;--colors-indigo-5: #253974;--colors-indigo-6: #304384;--colors-indigo-7: #3a4f97;--colors-indigo-8: #435db1;--colors-indigo-9: #3e63dd;--colors-indigo-10: #5472e4;--colors-indigo-11: #9eb1ff;--colors-indigo-12: #d6e1ff;--colors-indigo-a1: #1133ff0f;--colors-indigo-a2: #3354fa17;--colors-indigo-a3: #2f62ff3c;--colors-indigo-a4: #3566ff57;--colors-indigo-a5: #4171fd6b;--colors-indigo-a6: #5178fd7c;--colors-indigo-a7: #5a7fff90;--colors-indigo-a8: #5b81feac;--colors-indigo-a9: #4671ffdb;--colors-indigo-a10: #5c7efee3;--colors-indigo-a11: #9eb1ff;--colors-indigo-a12: #d6e1ff;--colors-indigo-solid-bg: var(--colors-indigo-9);--colors-indigo-solid-bg-hover: var(--colors-indigo-10);--colors-indigo-solid-fg: white;--colors-indigo-subtle-bg: var(--colors-indigo-a3);--colors-indigo-subtle-bg-hover: var(--colors-indigo-a4);--colors-indigo-subtle-bg-active: var(--colors-indigo-a5);--colors-indigo-subtle-fg: var(--colors-indigo-a11);--colors-indigo-surface-bg: var(--colors-indigo-a2);--colors-indigo-surface-bg-active: var(--colors-indigo-a3);--colors-indigo-surface-border: var(--colors-indigo-a6);--colors-indigo-surface-border-hover: var(--colors-indigo-a7);--colors-indigo-surface-fg: var(--colors-indigo-a11);--colors-indigo-outline-bg-hover: var(--colors-indigo-a2);--colors-indigo-outline-bg-active: var(--colors-indigo-a3);--colors-indigo-outline-border: var(--colors-indigo-a7);--colors-indigo-outline-fg: var(--colors-indigo-a11);--colors-indigo-plain-bg-hover: var(--colors-indigo-a3);--colors-indigo-plain-bg-active: var(--colors-indigo-a4);--colors-indigo-plain-fg: var(--colors-indigo-a11);--colors-iris-1: #13131e;--colors-iris-2: #171625;--colors-iris-3: #202248;--colors-iris-4: #262a65;--colors-iris-5: #303374;--colors-iris-6: #3d3e82;--colors-iris-7: #4a4a95;--colors-iris-8: #5958b1;--colors-iris-9: #5b5bd6;--colors-iris-10: #6e6ade;--colors-iris-11: #b1a9ff;--colors-iris-12: #e0dffe;--colors-iris-a1: #3636fe0e;--colors-iris-a2: #564bf916;--colors-iris-a3: #525bff3b;--colors-iris-a4: #4d58ff5a;--colors-iris-a5: #5b62fd6b;--colors-iris-a6: #6d6ffd7a;--colors-iris-a7: #7777fe8e;--colors-iris-a8: #7b7afeac;--colors-iris-a9: #6a6afed4;--colors-iris-a10: #7d79ffdc;--colors-iris-a11: #b1a9ff;--colors-iris-a12: #e1e0fffe;--colors-iris-solid-bg: var(--colors-iris-9);--colors-iris-solid-bg-hover: var(--colors-iris-10);--colors-iris-solid-fg: white;--colors-iris-subtle-bg: var(--colors-iris-a3);--colors-iris-subtle-bg-hover: var(--colors-iris-a4);--colors-iris-subtle-bg-active: var(--colors-iris-a5);--colors-iris-subtle-fg: var(--colors-iris-a11);--colors-iris-surface-bg: var(--colors-iris-a2);--colors-iris-surface-bg-active: var(--colors-iris-a3);--colors-iris-surface-border: var(--colors-iris-a6);--colors-iris-surface-border-hover: var(--colors-iris-a7);--colors-iris-surface-fg: var(--colors-iris-a11);--colors-iris-outline-bg-hover: var(--colors-iris-a2);--colors-iris-outline-bg-active: var(--colors-iris-a3);--colors-iris-outline-border: var(--colors-iris-a7);--colors-iris-outline-fg: var(--colors-iris-a11);--colors-iris-plain-bg-hover: var(--colors-iris-a3);--colors-iris-plain-bg-active: var(--colors-iris-a4);--colors-iris-plain-fg: var(--colors-iris-a11);--colors-violet-1: #14121f;--colors-violet-2: #1b1525;--colors-violet-3: #291f43;--colors-violet-4: #33255b;--colors-violet-5: #3c2e69;--colors-violet-6: #473876;--colors-violet-7: #56468b;--colors-violet-8: #6958ad;--colors-violet-9: #6e56cf;--colors-violet-10: #7d66d9;--colors-violet-11: #baa7ff;--colors-violet-12: #e2ddfe;--colors-violet-a1: #4422ff0f;--colors-violet-a2: #853ff916;--colors-violet-a3: #8354fe36;--colors-violet-a4: #7d51fd50;--colors-violet-a5: #845ffd5f;--colors-violet-a6: #8f6cfd6d;--colors-violet-a7: #9879ff83;--colors-violet-a8: #977dfea8;--colors-violet-a9: #8668ffcc;--colors-violet-a10: #9176fed7;--colors-violet-a11: #baa7ff;--colors-violet-a12: #e3defffe;--colors-violet-solid-bg: var(--colors-violet-9);--colors-violet-solid-bg-hover: var(--colors-violet-10);--colors-violet-solid-fg: white;--colors-violet-subtle-bg: var(--colors-violet-a3);--colors-violet-subtle-bg-hover: var(--colors-violet-a4);--colors-violet-subtle-bg-active: var(--colors-violet-a5);--colors-violet-subtle-fg: var(--colors-violet-a11);--colors-violet-surface-bg: var(--colors-violet-a2);--colors-violet-surface-bg-active: var(--colors-violet-a3);--colors-violet-surface-border: var(--colors-violet-a6);--colors-violet-surface-border-hover: var(--colors-violet-a7);--colors-violet-surface-fg: var(--colors-violet-a11);--colors-violet-outline-bg-hover: var(--colors-violet-a2);--colors-violet-outline-bg-active: var(--colors-violet-a3);--colors-violet-outline-border: var(--colors-violet-a7);--colors-violet-outline-fg: var(--colors-violet-a11);--colors-violet-plain-bg-hover: var(--colors-violet-a3);--colors-violet-plain-bg-active: var(--colors-violet-a4);--colors-violet-plain-fg: var(--colors-violet-a11);--colors-purple-1: #18111b;--colors-purple-2: #1e1523;--colors-purple-3: #301c3b;--colors-purple-4: #3d224e;--colors-purple-5: #48295c;--colors-purple-6: #54346b;--colors-purple-7: #664282;--colors-purple-8: #8457aa;--colors-purple-9: #8e4ec6;--colors-purple-10: #9a5cd0;--colors-purple-11: #d19dff;--colors-purple-12: #ecd9fa;--colors-purple-a1: #b412f90b;--colors-purple-a2: #b744f714;--colors-purple-a3: #c150ff2d;--colors-purple-a4: #bb53fd42;--colors-purple-a5: #be5cfd51;--colors-purple-a6: #c16dfd61;--colors-purple-a7: #c378fd7a;--colors-purple-a8: #c47effa4;--colors-purple-a9: #b661ffc2;--colors-purple-a10: #bc6fffcd;--colors-purple-a11: #d19dff;--colors-purple-a12: #f1ddfffa;--colors-purple-solid-bg: var(--colors-purple-9);--colors-purple-solid-bg-hover: var(--colors-purple-10);--colors-purple-solid-fg: white;--colors-purple-subtle-bg: var(--colors-purple-a3);--colors-purple-subtle-bg-hover: var(--colors-purple-a4);--colors-purple-subtle-bg-active: var(--colors-purple-a5);--colors-purple-subtle-fg: var(--colors-purple-a11);--colors-purple-surface-bg: var(--colors-purple-a2);--colors-purple-surface-bg-active: var(--colors-purple-a3);--colors-purple-surface-border: var(--colors-purple-a6);--colors-purple-surface-border-hover: var(--colors-purple-a7);--colors-purple-surface-fg: var(--colors-purple-a11);--colors-purple-outline-bg-hover: var(--colors-purple-a2);--colors-purple-outline-bg-active: var(--colors-purple-a3);--colors-purple-outline-border: var(--colors-purple-a7);--colors-purple-outline-fg: var(--colors-purple-a11);--colors-purple-plain-bg-hover: var(--colors-purple-a3);--colors-purple-plain-bg-active: var(--colors-purple-a4);--colors-purple-plain-fg: var(--colors-purple-a11);--shadows-xs: 0px 1px 1px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-sm: 0px 2px 4px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-md: 0px 4px 8px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-lg: 0px 8px 16px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-xl: 0px 16px 24px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-2xl: 0px 24px 40px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);--shadows-inset: inset 8px 0 12px -8px var(--colors-black-a6) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes expand-height{0%{height:var(--sizes-0)}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:var(--sizes-0)}}@keyframes expand-width{0%{width:var(--sizes-0)}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:var(--sizes-0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{translate:-100% 0}to{translate:0 0}}@keyframes slide-from-right-full{0%{translate:100% 0}to{translate:0 0}}@keyframes slide-from-top-full{0%{translate:0 -100%}to{translate:0 0}}@keyframes slide-from-bottom-full{0%{translate:0 100%}to{translate:0 0}}@keyframes slide-to-left-full{0%{translate:0 0}to{translate:-100% 0}}@keyframes slide-to-right-full{0%{translate:0 0}to{translate:100% 0}}@keyframes slide-to-top-full{0%{translate:0 0}to{translate:0 -100%}}@keyframes slide-to-bottom-full{0%{translate:0 0}to{translate:0 100%}}@keyframes slide-from-top{0%{translate:0 -.5rem}to{translate:0}}@keyframes slide-from-bottom{0%{translate:0 .5rem}to{translate:0}}@keyframes slide-from-left{0%{translate:-.5rem 0}to{translate:0}}@keyframes slide-from-right{0%{translate:.5rem 0}to{translate:0}}@keyframes slide-to-top{0%{translate:0}to{translate:0 -.5rem}}@keyframes slide-to-bottom{0%{translate:0}to{translate:0 .5rem}}@keyframes slide-to-left{0%{translate:0}to{translate:-.5rem 0}}@keyframes slide-to-right{0%{translate:0}to{translate:.5rem 0}}@keyframes scale-in{0%{scale:.95}to{scale:1}}@keyframes scale-out{0%{scale:1}to{scale:.95}}@keyframes bg-position{0%{background-position:var(--animate-from, 1rem) 0}to{background-position:var(--animate-to, 0) 0}}@keyframes position{0%{inset-inline-start:var(--animate-from-x);inset-block-start:var(--animate-from-y)}to{inset-inline-start:var(--animate-to-x);inset-block-start:var(--animate-to-y)}}}@layer recipes{@layer _base{.page{display:flex;flex-direction:column;min-height:100dvh}.button{border-radius:var(--radii-l2);gap:var(--spacing-2);outline:0;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s);align-items:center;appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--font-weights-semibold);isolation:isolate;justify-content:center;position:relative;--transition-prop: background-color, border-color, color, box-shadow;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.button:is(:focus-visible,[data-focus-visible]){outline-width:var(--focus-ring-width, 2px);outline-offset:var(--focus-ring-offset, 2px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color)}.button :where(svg){flex-shrink:0}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.heading{font-weight:var(--font-weights-semibold)}.input{border-radius:var(--radii-l2);outline:0;transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s);appearance:none;-webkit-appearance:none;position:relative;text-align:start;height:var(--input-height);min-height:var(--input-height);min-width:var(--input-height);width:100%}.input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.group{gap:var(--spacing-2);display:inline-flex;position:relative}.group>*:is(:focus-visible,[data-focus-visible]){z-index:1}.floating-action-button{margin-inline:auto;border-radius:var(--radii-full);box-shadow:var(--shadows-lg);margin-bottom:var(--spacing-4)}.spinner{--spinner-track-color: transparent;animation:var(--animations-spin);border-color:currentColor;border-radius:var(--radii-full);border-style:solid;border-width:2px;animation-duration:var(--durations-slowest);border-inline-start-color:var(--spinner-track-color);display:inline-block;border-bottom-color:var(--spinner-track-color);height:var(--spinner-size);width:var(--spinner-size)}.absolute-center{position:absolute;display:flex;align-items:center;justify-content:center}.sticky-bar{position:sticky;display:grid;bottom:var(--spacing-0)}.badge{border-radius:var(--radii-l2);display:inline-flex;align-items:center;line-height:1;font-weight:var(--font-weights-medium);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none}}.page--withPadding_true{padding:var(--spacing-6)}.button--variant_solid{background:var(--colors-color-palette-solid-bg);color:var(--colors-color-palette-solid-fg)}.button--variant_solid:not(:disabled):hover{background:var(--colors-color-palette-solid-bg-hover)}.button--size_md{padding-inline:var(--spacing-3\.5);font-size:var(--font-sizes-sm);line-height:1.25rem;height:var(--sizes-10);min-width:var(--sizes-10)}.button--size_md :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.button--variant_outline{border-width:1px;border-color:var(--colors-color-palette-outline-border);color:var(--colors-color-palette-outline-fg)}.button--variant_outline:is([data-state=on]){background:var(--colors-color-palette-outline-bg-active)}.button--variant_outline:not(:disabled):hover{background:var(--colors-color-palette-outline-bg-hover)}.button--variant_outline:not(:disabled):active{background:var(--colors-color-palette-outline-bg-active)}.button--variant_plain{color:var(--colors-color-palette-plain-fg)}.button--variant_plain:is([data-state=on]){background:var(--colors-color-palette-plain-bg-active)}.button--variant_plain:not(:disabled):hover{background:var(--colors-color-palette-plain-bg-hover)}.button--variant_plain:not(:disabled):active{background:var(--colors-color-palette-plain-bg-active)}.button--size_xl{padding-inline:var(--spacing-4\.5);font-size:var(--font-sizes-md);line-height:1.5rem;height:var(--sizes-12);min-width:var(--sizes-12)}.button--size_xl :where(svg){width:var(--sizes-5\.5);height:var(--sizes-5\.5)}.button--size_lg{padding-inline:var(--spacing-4);font-size:var(--font-sizes-md);line-height:1.5rem;height:var(--sizes-11);min-width:var(--sizes-11)}.button--size_lg :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.input--size_md{--input-height: var(--sizes-10);padding-inline:var(--spacing-3);font-size:var(--font-sizes-md);line-height:1.5rem}.input--variant_outline{border-width:1px;border-color:var(--colors-gray-outline-border);--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.input--variant_outline:is(:focus-visible,[data-focus-visible]){outline-offset:0px;outline-width:var(--focus-ring-width, 1px);outline-color:var(--focus-ring-color);outline-style:var(--focus-ring-style, solid);border-color:var(--focus-ring-color)}.input--variant_outline:is(:user-invalid,[data-invalid],[aria-invalid=true]){border-color:var(--colors-error);--focus-ring-color-prop: var(--colors-error)}.group--orientation_horizontal{flex-direction:row}.spinner--size_inherit{--spinner-size: 1em}.absolute-center--axis_both{inset-inline-start:50%;translate:-50% -50%;top:50%}:where([dir=rtl],:dir(rtl)) .absolute-center--axis_both{translate:50% -50%}.sticky-bar--placement_bottom{bottom:var(--spacing-0);padding-top:var(--spacing-8);margin-top:auto}.badge--variant_subtle{background:var(--colors-color-palette-subtle-bg);color:var(--colors-color-palette-subtle-fg)}.badge--size_md{padding-inline:var(--spacing-2);gap:var(--spacing-1);font-size:var(--font-sizes-xs);height:var(--sizes-5)}.badge--size_md :where(svg){width:var(--sizes-3);height:var(--sizes-3)}}@layer recipes.slots{@layer _base{.card__root{border-radius:var(--radii-l3);overflow:hidden;position:relative}.card__root,.card__header{display:flex;flex-direction:column}.card__header{padding:var(--spacing-6);gap:var(--spacing-1)}.card__body{flex:1 1 0%;flex-direction:column}.card__body,.card__footer{padding-inline:var(--spacing-6);display:flex;padding-bottom:var(--spacing-6)}.card__footer{gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-2)}.card__title{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}.field__root{gap:var(--spacing-1\.5);display:flex;flex-direction:column}.field__errorText{color:var(--colors-error)}.field__errorText,.field__helperText{font-size:var(--font-sizes-sm);line-height:1.25rem}.field__helperText{color:var(--colors-fg-muted)}.field__helperText:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.field__label{gap:var(--spacing-0\.5);align-items:center;color:var(--colors-fg-default);display:flex;text-align:start;-webkit-user-select:none;user-select:none;font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-medium)}.field__label:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.field__requiredIndicator{color:colorPalette.solid}.alert__root{border-radius:var(--radii-l3);align-items:flex-start;display:flex;position:relative;width:var(--sizes-full)}.alert__content{flex:1 1 0%;gap:var(--spacing-1);display:flex;flex-direction:column}.alert__description{display:inline}.alert__indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.alert__title{font-weight:var(--font-weights-semibold)}.item__root{gap:var(--spacing-4);padding-inline:var(--spacing-4);padding-block:var(--spacing-2\.5);display:flex}.item__root:where(a:not([aria-disabled=true])):not(:disabled):hover{background:var(--colors-gray-2)}.item__content{flex:1 1 0%;align-content:center;min-height:var(--sizes-10)}.item__title{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.item__description{color:var(--colors-fg-muted)}.app-bar__root{padding-inline:var(--spacing-6);padding-block:var(--spacing-3);position:sticky;background-color:var(--colors-gray-4);z-index:var(--z-index-banner);top:var(--spacing-0);padding-top:max(env(safe-area-inset-top),var(--spacing-3))}.app-bar__toolbar{gap:var(--spacing-4);grid-template-areas:"left middle right";display:grid;align-items:center;grid-template-columns:auto 1fr auto;min-height:var(--sizes-10)}.app-bar__content{grid-area:middle;align-content:center;justify-self:center;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;padding-top:env(safe-area-inset-top)}.app-bar__title{color:var(--colors-fg-default);font-weight:var(--font-weights-normal);font-size:var(--font-sizes-xl);line-height:1.875rem;text-align:center}.app-bar__description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.25rem;text-align:center;max-width:var(--sizes-48)}.table__root{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;text-align:start;vertical-align:top;width:var(--sizes-full)}.table__cell{overflow:hidden;align-items:center;color:var(--colors-fg-muted);text-align:start;text-overflow:ellipsis;font-size:var(--font-sizes-sm);line-height:1.25rem;white-space:nowrap;box-shadow:inset 0 -1px 0 0 var(--shadow-color);--shadow-color: var(--colors-border)}.table__cell:is([data-pinned]){background:inherit;overflow:unset;box-shadow:inset 0 -1px 0 0 var(--shadow-color);position:sticky;--shadow-color: var(--colors-border);z-index:1}.table__foot{font-weight:var(--font-weights-medium)}.table__foot td{box-shadow:inset 0 1px 0 0 var(--shadow-color)!important;--shadow-color: var(--colors-border)}.table__head{color:var(--colors-fg-muted);font-weight:var(--font-weights-semibold);text-align:start;white-space:nowrap;font-size:var(--font-sizes-xs);line-height:1.125rem}.table__header{text-align:left;vertical-align:middle;box-shadow:inset 0 -1px 0 0 var(--shadow-color);--shadow-color: var(--colors-border)}.table__header:is([data-pinned]){background:inherit;position:sticky;z-index:2}.table__row:last-child td{box-shadow:none}.table__caption{color:var(--colors-fg-subtle);font-weight:var(--font-weights-medium)}.navigation__root{background:var(--colors-white);border-top:1px solid;border-color:var(--colors-border);padding-block:var(--spacing-2);padding-inline:var(--spacing-5)}.navigation__menu{gap:var(--spacing-2)}.navigation__menu,.navigation__item{display:flex;align-items:center}.navigation__item{flex:1 1 0%;border-radius:var(--radii-md);gap:var(--spacing-1);padding-block:var(--spacing-2\.5);padding-inline:var(--spacing-2\.5);flex-direction:column;text-align:center;font-size:var(--font-sizes-xs);color:var(--colors-fg-muted)}.navigation__item :where(svg){stroke-width:1;width:var(--sizes-5)}.navigation__item[data-status=active]{color:var(--colors-primary-10);font-weight:var(--font-weights-semibold)}.navigation__item[data-status=active]:not(:disabled):hover{background:transparent}.navigation__item[data-status=active] :where(svg){stroke-width:2}.navigation__item:not(:disabled):hover{background:var(--colors-gray-3);color:var(--colors-primary-10);font-weight:var(--font-weights-semibold)}.section__root{border-block:1px solid;background:var(--colors-white);border-color:var(--colors-border)}.section__root>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0px;border-color:var(--colors-border)}.section__header{background:var(--colors-color-palette-2);padding-inline:var(--spacing-4);padding-block:var(--spacing-2);gap:var(--spacing-2);--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-solid-bg: var(--colors-gray-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-gray-solid-fg);--colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);--colors-color-palette-surface-bg: var(--colors-gray-surface-bg);--colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);--colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);--colors-color-palette-surface-border: var(--colors-gray-surface-border);--colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-gray-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);--colors-color-palette-outline-border: var(--colors-gray-outline-border);--colors-color-palette-outline-fg: var(--colors-gray-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-gray-plain-fg);color:var(--colors-color-palette-10);display:flex;align-items:center}.section__title{font-size:var(--font-sizes-sm);line-height:1.25rem;font-weight:var(--font-weights-bold)}.section__body{padding-block:var(--spacing-3);padding-inline:var(--spacing-4)}.checkbox__root{gap:var(--spacing-2);display:inline-flex;align-items:center;vertical-align:top;position:relative}.checkbox__root:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.checkbox__label{font-weight:var(--font-weights-medium);-webkit-user-select:none;user-select:none}.checkbox__control{border-width:1px;border-color:transparent;border-radius:var(--radii-l1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.checkbox__control:is(:focus-visible,[data-focus-visible]){outline-width:var(--focus-ring-width, 2px);outline-offset:var(--focus-ring-offset, 2px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color)}.checkbox__control :where(svg){width:var(--sizes-full);height:var(--sizes-full)}.drawer__backdrop{background:var(--colors-black-a7);position:fixed;inset-inline-start:var(--spacing-0);z-index:var(--z-index-overlay);top:var(--spacing-0);width:100vw;height:100dvh}.drawer__backdrop:is([open],[data-open],[data-state=open],:popover-open){animation-name:fade-in;animation-timing-function:emphasized-in;animation-duration:var(--durations-slow)}.drawer__backdrop:is([closed],[data-closed],[data-state=closed]){animation-name:fade-out;animation-timing-function:emphasized-out;animation-duration:var(--durations-normal)}.drawer__positioner{position:fixed;inset-inline-start:var(--spacing-0);width:100vw;height:100dvh;top:env(safe-area-inset-top);overscroll-behavior-y:none}.drawer__positioner,.drawer__content{display:flex;z-index:var(--z-index-modal)}.drawer__content{background:var(--colors-gray-surface-bg);outline:0;flex-direction:column;position:relative;color:inherit;box-shadow:var(--shadows-lg);width:100%;max-height:100dvh}.drawer__content:is([open],[data-open],[data-state=open],:popover-open){animation-duration:var(--durations-slowest);animation-timing-function:cubic-bezier(.05,.7,.1,1)}.drawer__content:is([closed],[data-closed],[data-state=closed]){animation-duration:var(--durations-normal);animation-timing-function:cubic-bezier(.3,0,.8,.15)}.drawer__title{color:var(--colors-fg-default);font-weight:var(--font-weights-semibold);font-size:var(--font-sizes-xl);line-height:1.875rem}.drawer__description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.25rem}.drawer__closeTrigger{position:absolute;inset-inline-start:var(--spacing-3);top:var(--spacing-3)}.drawer__header{gap:var(--spacing-1);padding-inline:var(--spacing-4);flex:0;margin-inline:4rem;display:flex;flex-direction:column;text-align:center;padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.drawer__body{padding:var(--spacing-4);flex:1 1 0%;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--spacing-8)}.drawer__footer{background:var(--colors-gray-2);flex:0;gap:var(--spacing-3);padding-block:var(--spacing-4);padding-inline:var(--spacing-4);display:flex;align-items:center;justify-content:flex-end}.select__label{font-weight:var(--font-weights-medium);font-size:var(--font-sizes-sm);line-height:1.25rem}.select__label,.select__trigger{-webkit-user-select:none;user-select:none}.select__trigger{border-radius:var(--radii-l2);outline:0;transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s);align-items:center;cursor:pointer;display:flex;justify-content:space-between;text-align:start;min-width:var(--sizes-0);width:var(--sizes-full)}.select__trigger:is(:placeholder-shown,[data-placeholder-shown]){color:var(--colors-fg-subtle)}.select__trigger:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.select__indicator{justify-content:center;color:var(--colors-fg-subtle)}.select__indicator,.select__item{display:flex;align-items:center}.select__item{border-radius:var(--radii-l1);cursor:pointer;justify-content:space-between;-webkit-user-select:none;user-select:none}.select__item[data-highlighted]{background:var(--colors-gray-surface-bg-hover)}.select__item:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.67;filter:grayscale(100%)}.select__item:not(:disabled):hover{background:var(--colors-gray-surface-bg-hover)}.select__itemIndicator{color:var(--colors-color-palette-plain-fg)}.select__itemGroupLabel{gap:1px;align-items:flex-start;color:var(--colors-fg-subtle);display:flex;flex-direction:column;font-weight:var(--font-weights-medium);justify-content:center}.select__itemGroupLabel:after{background:var(--colors-gray-4);content:"";width:100%;height:1px}.select__content{background:var(--colors-gray-surface-bg);border-radius:var(--radii-l2);outline:0;box-shadow:var(--shadows-md);display:flex;flex-direction:column;z-index:var(--z-index-dropdown);max-height:min(var(--available-height),var(--sizes-96));min-width:max(var(--reference-width),var(--sizes-40));overflow-y:auto}.select__content:is([open],[data-open],[data-state=open],:popover-open){transform-origin:var(--transform-origin)}.select__content:is([open],[data-open],[data-state=open],:popover-open)[data-placement^=top]{animation-name:slide-from-bottom,fade-in}.select__content:is([open],[data-open],[data-state=open],:popover-open)[data-placement^=bottom]{animation-name:slide-from-top,fade-in}.select__content:is([open],[data-open],[data-state=open],:popover-open)[data-placement^=left]{animation-name:slide-from-right,fade-in}.select__content:is([open],[data-open],[data-state=open],:popover-open)[data-placement^=right]{animation-name:slide-from-left,fade-in}.select__content:is([open],[data-open],[data-state=open],:popover-open){animation-duration:var(--durations-slow)}.select__content:is([closed],[data-closed],[data-state=closed]){transform-origin:var(--transform-origin)}.select__content:is([closed],[data-closed],[data-state=closed])[data-placement^=top]{animation-name:slide-to-bottom,fade-out}.select__content:is([closed],[data-closed],[data-state=closed])[data-placement^=bottom]{animation-name:slide-to-top,fade-out}.select__content:is([closed],[data-closed],[data-state=closed])[data-placement^=left]{animation-name:slide-to-right,fade-out}.select__content:is([closed],[data-closed],[data-state=closed])[data-placement^=right]{animation-name:slide-to-left,fade-out}.select__content:is([closed],[data-closed],[data-state=closed]){animation-duration:var(--durations-fastest)}.select__root{gap:var(--spacing-1\.5);display:flex;flex-direction:column;width:var(--sizes-full)}.select__valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__indicatorGroup{gap:var(--spacing-1);display:flex;align-items:center;pointer-events:none}@media screen and (min-width:48rem){.drawer__header{padding-inline:var(--spacing-6);padding-top:var(--spacing-6)}.drawer__body{padding:var(--spacing-6);padding-bottom:var(--spacing-10)}.drawer__footer{padding-inline:var(--spacing-6)}}}.card__root--variant_outline{background:var(--colors-gray-surface-bg);border-width:1px}.alert__root--size_md{padding:var(--spacing-4);gap:var(--spacing-3);font-size:var(--font-sizes-sm);line-height:1.25rem}.alert__indicator--size_md :where(svg){width:var(--sizes-5);height:var(--sizes-5)}.alert__root--status_error{--colors-color-palette-1: var(--colors-red-1);--colors-color-palette-2: var(--colors-red-2);--colors-color-palette-3: var(--colors-red-3);--colors-color-palette-4: var(--colors-red-4);--colors-color-palette-5: var(--colors-red-5);--colors-color-palette-6: var(--colors-red-6);--colors-color-palette-7: var(--colors-red-7);--colors-color-palette-8: var(--colors-red-8);--colors-color-palette-9: var(--colors-red-9);--colors-color-palette-10: var(--colors-red-10);--colors-color-palette-11: var(--colors-red-11);--colors-color-palette-12: var(--colors-red-12);--colors-color-palette-a1: var(--colors-red-a1);--colors-color-palette-a2: var(--colors-red-a2);--colors-color-palette-a3: var(--colors-red-a3);--colors-color-palette-a4: var(--colors-red-a4);--colors-color-palette-a5: var(--colors-red-a5);--colors-color-palette-a6: var(--colors-red-a6);--colors-color-palette-a7: var(--colors-red-a7);--colors-color-palette-a8: var(--colors-red-a8);--colors-color-palette-a9: var(--colors-red-a9);--colors-color-palette-a10: var(--colors-red-a10);--colors-color-palette-a11: var(--colors-red-a11);--colors-color-palette-a12: var(--colors-red-a12);--colors-color-palette-solid-bg: var(--colors-red-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-red-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-red-solid-fg);--colors-color-palette-subtle-bg: var(--colors-red-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-red-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-red-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-red-subtle-fg);--colors-color-palette-surface-bg: var(--colors-red-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-red-surface-bg-active);--colors-color-palette-surface-border: var(--colors-red-surface-border);--colors-color-palette-surface-border-hover: var(--colors-red-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-red-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-red-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-red-outline-bg-active);--colors-color-palette-outline-border: var(--colors-red-outline-border);--colors-color-palette-outline-fg: var(--colors-red-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-red-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-red-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-red-plain-fg)}.alert__root--variant_subtle{background:var(--colors-color-palette-subtle-bg);color:var(--colors-color-palette-subtle-fg)}.table__root--size_md{font-size:var(--font-sizes-sm);line-height:1.25rem}.table__cell--size_md,.table__header--size_md{padding-inline:var(--spacing-3);padding-block:var(--spacing-3)}.table__cell--size_lg,.table__header--size_lg{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.checkbox__control--variant_solid{border-color:var(--colors-color-palette-6)}.checkbox__control--variant_solid:is(:checked,[data-checked],[data-state=checked],[aria-checked=true],[data-state=indeterminate]){background:var(--colors-color-palette-solid-bg);border-color:var(--colors-color-palette-solid-bg);color:var(--colors-color-palette-solid-fg)}.checkbox__control--variant_solid:is(:user-invalid,[data-invalid],[aria-invalid=true]){background:var(--colors-error)}.checkbox__root--size_lg{gap:var(--spacing-3)}.checkbox__label--size_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.checkbox__control--size_lg{width:var(--sizes-5\.5);height:var(--sizes-5\.5)}.checkbox__control--size_lg :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.drawer__positioner--placement_bottom{justify-content:stretch;align-items:flex-end}.drawer__content--placement_bottom{max-width:100%}.drawer__content--placement_bottom:is([open],[data-open],[data-state=open],:popover-open){animation-name:slide-from-bottom-full,fade-in}.drawer__content--placement_bottom:is([closed],[data-closed],[data-state=closed]){animation-name:slide-to-bottom-full,fade-out}.drawer__content--size_sm{max-width:var(--sizes-sm)}.select__trigger--size_md{padding-inline:var(--spacing-3);gap:var(--spacing-2);font-size:var(--font-sizes-md);line-height:1.5rem;height:var(--sizes-10)}.select__trigger--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.select__item--size_md{padding-inline:var(--spacing-2);gap:var(--spacing-2);min-height:var(--sizes-10)}.select__item--size_md :where(svg){width:var(--sizes-4);height:var(--sizes-4)}.select__itemGroup--size_md{gap:var(--spacing-0\.5)}.select__itemGroupLabel--size_md{padding-inline:var(--spacing-2);height:var(--sizes-10)}.select__content--size_md{padding:var(--spacing-1);gap:var(--spacing-0\.5);font-size:var(--font-sizes-md);line-height:1.5rem}.select__trigger--variant_outline{border-width:1px;border-color:var(--colors-gray-outline-border);--focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))}.select__trigger--variant_outline:is(:focus-visible,[data-focus-visible]){outline-offset:0px;outline-width:var(--focus-ring-width, 1px);outline-color:var(--focus-ring-color);outline-style:var(--focus-ring-style, solid);border-color:var(--focus-ring-color)}}@layer utilities{@layer compositions{.textStyle_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}.textStyle_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.textStyle_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}}.bg_gray\.2{background:var(--colors-gray-2)}.grid-area_left{grid-area:left}.grid-area_right{grid-area:right}.p_6{padding:var(--spacing-6)}.bg_white{background:var(--colors-white)}.m_6{margin:var(--spacing-6)}.bg_\[\#fdf9f6\]{background:#fdf9f6}.bg_\[\#fe695d\]{background:#fe695d}.mx_auto{margin-inline:auto}.gap_2{gap:var(--spacing-2)}.gap_4{gap:var(--spacing-4)}.px_0{padding-inline:var(--spacing-0)}.py_0{padding-block:var(--spacing-0)}.bd-w_0\.125em{border-width:.125em}.gap_6{gap:var(--spacing-6)}.border-style_solid{border-style:solid}.bd-c_border{border-color:var(--colors-border)}.py_3{padding-block:var(--spacing-3)}.px_6{padding-inline:var(--spacing-6)}.bd-w_0{border-width:0}.my_3{margin-block:var(--spacing-3)}.gap_3{gap:var(--spacing-3)}.px_3{padding-inline:var(--spacing-3)}.flex_1{flex:1 1 0%}.bdr_lg{border-radius:var(--radii-lg)}.bdr_sm{border-radius:var(--radii-sm)}.my_\[-1px\]{margin-block:-1px}.bd-c_gray\.8{border-color:var(--colors-gray-8)}.color-palette_\[grass\]{--colors-color-palette-1: var(--colors-grass-1);--colors-color-palette-2: var(--colors-grass-2);--colors-color-palette-3: var(--colors-grass-3);--colors-color-palette-4: var(--colors-grass-4);--colors-color-palette-5: var(--colors-grass-5);--colors-color-palette-6: var(--colors-grass-6);--colors-color-palette-7: var(--colors-grass-7);--colors-color-palette-8: var(--colors-grass-8);--colors-color-palette-9: var(--colors-grass-9);--colors-color-palette-10: var(--colors-grass-10);--colors-color-palette-11: var(--colors-grass-11);--colors-color-palette-12: var(--colors-grass-12);--colors-color-palette-a1: var(--colors-grass-a1);--colors-color-palette-a2: var(--colors-grass-a2);--colors-color-palette-a3: var(--colors-grass-a3);--colors-color-palette-a4: var(--colors-grass-a4);--colors-color-palette-a5: var(--colors-grass-a5);--colors-color-palette-a6: var(--colors-grass-a6);--colors-color-palette-a7: var(--colors-grass-a7);--colors-color-palette-a8: var(--colors-grass-a8);--colors-color-palette-a9: var(--colors-grass-a9);--colors-color-palette-a10: var(--colors-grass-a10);--colors-color-palette-a11: var(--colors-grass-a11);--colors-color-palette-a12: var(--colors-grass-a12);--colors-color-palette-solid-bg: var(--colors-grass-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-grass-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-grass-solid-fg);--colors-color-palette-subtle-bg: var(--colors-grass-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-grass-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-grass-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-grass-subtle-fg);--colors-color-palette-surface-bg: var(--colors-grass-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-grass-surface-bg-active);--colors-color-palette-surface-border: var(--colors-grass-surface-border);--colors-color-palette-surface-border-hover: var(--colors-grass-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-grass-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-grass-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-grass-outline-bg-active);--colors-color-palette-outline-border: var(--colors-grass-outline-border);--colors-color-palette-outline-fg: var(--colors-grass-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-grass-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-grass-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-grass-plain-fg)}.color-palette_\[green\]{--colors-color-palette-1: var(--colors-green-1);--colors-color-palette-2: var(--colors-green-2);--colors-color-palette-3: var(--colors-green-3);--colors-color-palette-4: var(--colors-green-4);--colors-color-palette-5: var(--colors-green-5);--colors-color-palette-6: var(--colors-green-6);--colors-color-palette-7: var(--colors-green-7);--colors-color-palette-8: var(--colors-green-8);--colors-color-palette-9: var(--colors-green-9);--colors-color-palette-10: var(--colors-green-10);--colors-color-palette-11: var(--colors-green-11);--colors-color-palette-12: var(--colors-green-12);--colors-color-palette-a1: var(--colors-green-a1);--colors-color-palette-a2: var(--colors-green-a2);--colors-color-palette-a3: var(--colors-green-a3);--colors-color-palette-a4: var(--colors-green-a4);--colors-color-palette-a5: var(--colors-green-a5);--colors-color-palette-a6: var(--colors-green-a6);--colors-color-palette-a7: var(--colors-green-a7);--colors-color-palette-a8: var(--colors-green-a8);--colors-color-palette-a9: var(--colors-green-a9);--colors-color-palette-a10: var(--colors-green-a10);--colors-color-palette-a11: var(--colors-green-a11);--colors-color-palette-a12: var(--colors-green-a12);--colors-color-palette-solid-bg: var(--colors-green-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-green-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-green-solid-fg);--colors-color-palette-subtle-bg: var(--colors-green-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-green-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-green-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-green-subtle-fg);--colors-color-palette-surface-bg: var(--colors-green-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-green-surface-bg-active);--colors-color-palette-surface-border: var(--colors-green-surface-border);--colors-color-palette-surface-border-hover: var(--colors-green-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-green-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-green-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-green-outline-bg-active);--colors-color-palette-outline-border: var(--colors-green-outline-border);--colors-color-palette-outline-fg: var(--colors-green-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-green-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-green-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-green-plain-fg)}.color-palette_\[jade\]{--colors-color-palette-1: var(--colors-jade-1);--colors-color-palette-2: var(--colors-jade-2);--colors-color-palette-3: var(--colors-jade-3);--colors-color-palette-4: var(--colors-jade-4);--colors-color-palette-5: var(--colors-jade-5);--colors-color-palette-6: var(--colors-jade-6);--colors-color-palette-7: var(--colors-jade-7);--colors-color-palette-8: var(--colors-jade-8);--colors-color-palette-9: var(--colors-jade-9);--colors-color-palette-10: var(--colors-jade-10);--colors-color-palette-11: var(--colors-jade-11);--colors-color-palette-12: var(--colors-jade-12);--colors-color-palette-a1: var(--colors-jade-a1);--colors-color-palette-a2: var(--colors-jade-a2);--colors-color-palette-a3: var(--colors-jade-a3);--colors-color-palette-a4: var(--colors-jade-a4);--colors-color-palette-a5: var(--colors-jade-a5);--colors-color-palette-a6: var(--colors-jade-a6);--colors-color-palette-a7: var(--colors-jade-a7);--colors-color-palette-a8: var(--colors-jade-a8);--colors-color-palette-a9: var(--colors-jade-a9);--colors-color-palette-a10: var(--colors-jade-a10);--colors-color-palette-a11: var(--colors-jade-a11);--colors-color-palette-a12: var(--colors-jade-a12);--colors-color-palette-solid-bg: var(--colors-jade-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-jade-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-jade-solid-fg);--colors-color-palette-subtle-bg: var(--colors-jade-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-jade-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-jade-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-jade-subtle-fg);--colors-color-palette-surface-bg: var(--colors-jade-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-jade-surface-bg-active);--colors-color-palette-surface-border: var(--colors-jade-surface-border);--colors-color-palette-surface-border-hover: var(--colors-jade-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-jade-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-jade-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-jade-outline-bg-active);--colors-color-palette-outline-border: var(--colors-jade-outline-border);--colors-color-palette-outline-fg: var(--colors-jade-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-jade-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-jade-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-jade-plain-fg)}.color-palette_\[teal\]{--colors-color-palette-1: var(--colors-teal-1);--colors-color-palette-2: var(--colors-teal-2);--colors-color-palette-3: var(--colors-teal-3);--colors-color-palette-4: var(--colors-teal-4);--colors-color-palette-5: var(--colors-teal-5);--colors-color-palette-6: var(--colors-teal-6);--colors-color-palette-7: var(--colors-teal-7);--colors-color-palette-8: var(--colors-teal-8);--colors-color-palette-9: var(--colors-teal-9);--colors-color-palette-10: var(--colors-teal-10);--colors-color-palette-11: var(--colors-teal-11);--colors-color-palette-12: var(--colors-teal-12);--colors-color-palette-a1: var(--colors-teal-a1);--colors-color-palette-a2: var(--colors-teal-a2);--colors-color-palette-a3: var(--colors-teal-a3);--colors-color-palette-a4: var(--colors-teal-a4);--colors-color-palette-a5: var(--colors-teal-a5);--colors-color-palette-a6: var(--colors-teal-a6);--colors-color-palette-a7: var(--colors-teal-a7);--colors-color-palette-a8: var(--colors-teal-a8);--colors-color-palette-a9: var(--colors-teal-a9);--colors-color-palette-a10: var(--colors-teal-a10);--colors-color-palette-a11: var(--colors-teal-a11);--colors-color-palette-a12: var(--colors-teal-a12);--colors-color-palette-solid-bg: var(--colors-teal-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-teal-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-teal-solid-fg);--colors-color-palette-subtle-bg: var(--colors-teal-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-teal-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-teal-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-teal-subtle-fg);--colors-color-palette-surface-bg: var(--colors-teal-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-teal-surface-bg-active);--colors-color-palette-surface-border: var(--colors-teal-surface-border);--colors-color-palette-surface-border-hover: var(--colors-teal-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-teal-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-teal-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-teal-outline-bg-active);--colors-color-palette-outline-border: var(--colors-teal-outline-border);--colors-color-palette-outline-fg: var(--colors-teal-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-teal-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-teal-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-teal-plain-fg)}.color-palette_\[cyan\]{--colors-color-palette-1: var(--colors-cyan-1);--colors-color-palette-2: var(--colors-cyan-2);--colors-color-palette-3: var(--colors-cyan-3);--colors-color-palette-4: var(--colors-cyan-4);--colors-color-palette-5: var(--colors-cyan-5);--colors-color-palette-6: var(--colors-cyan-6);--colors-color-palette-7: var(--colors-cyan-7);--colors-color-palette-8: var(--colors-cyan-8);--colors-color-palette-9: var(--colors-cyan-9);--colors-color-palette-10: var(--colors-cyan-10);--colors-color-palette-11: var(--colors-cyan-11);--colors-color-palette-12: var(--colors-cyan-12);--colors-color-palette-a1: var(--colors-cyan-a1);--colors-color-palette-a2: var(--colors-cyan-a2);--colors-color-palette-a3: var(--colors-cyan-a3);--colors-color-palette-a4: var(--colors-cyan-a4);--colors-color-palette-a5: var(--colors-cyan-a5);--colors-color-palette-a6: var(--colors-cyan-a6);--colors-color-palette-a7: var(--colors-cyan-a7);--colors-color-palette-a8: var(--colors-cyan-a8);--colors-color-palette-a9: var(--colors-cyan-a9);--colors-color-palette-a10: var(--colors-cyan-a10);--colors-color-palette-a11: var(--colors-cyan-a11);--colors-color-palette-a12: var(--colors-cyan-a12);--colors-color-palette-solid-bg: var(--colors-cyan-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-cyan-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-cyan-solid-fg);--colors-color-palette-subtle-bg: var(--colors-cyan-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-cyan-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-cyan-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-cyan-subtle-fg);--colors-color-palette-surface-bg: var(--colors-cyan-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-cyan-surface-bg-active);--colors-color-palette-surface-border: var(--colors-cyan-surface-border);--colors-color-palette-surface-border-hover: var(--colors-cyan-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-cyan-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-cyan-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-cyan-outline-bg-active);--colors-color-palette-outline-border: var(--colors-cyan-outline-border);--colors-color-palette-outline-fg: var(--colors-cyan-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-cyan-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-cyan-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-cyan-plain-fg)}.color-palette_\[blue\]{--colors-color-palette-1: var(--colors-blue-1);--colors-color-palette-2: var(--colors-blue-2);--colors-color-palette-3: var(--colors-blue-3);--colors-color-palette-4: var(--colors-blue-4);--colors-color-palette-5: var(--colors-blue-5);--colors-color-palette-6: var(--colors-blue-6);--colors-color-palette-7: var(--colors-blue-7);--colors-color-palette-8: var(--colors-blue-8);--colors-color-palette-9: var(--colors-blue-9);--colors-color-palette-10: var(--colors-blue-10);--colors-color-palette-11: var(--colors-blue-11);--colors-color-palette-12: var(--colors-blue-12);--colors-color-palette-a1: var(--colors-blue-a1);--colors-color-palette-a2: var(--colors-blue-a2);--colors-color-palette-a3: var(--colors-blue-a3);--colors-color-palette-a4: var(--colors-blue-a4);--colors-color-palette-a5: var(--colors-blue-a5);--colors-color-palette-a6: var(--colors-blue-a6);--colors-color-palette-a7: var(--colors-blue-a7);--colors-color-palette-a8: var(--colors-blue-a8);--colors-color-palette-a9: var(--colors-blue-a9);--colors-color-palette-a10: var(--colors-blue-a10);--colors-color-palette-a11: var(--colors-blue-a11);--colors-color-palette-a12: var(--colors-blue-a12);--colors-color-palette-solid-bg: var(--colors-blue-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-blue-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-blue-solid-fg);--colors-color-palette-subtle-bg: var(--colors-blue-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-blue-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-blue-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-blue-subtle-fg);--colors-color-palette-surface-bg: var(--colors-blue-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-blue-surface-bg-active);--colors-color-palette-surface-border: var(--colors-blue-surface-border);--colors-color-palette-surface-border-hover: var(--colors-blue-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-blue-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-blue-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-blue-outline-bg-active);--colors-color-palette-outline-border: var(--colors-blue-outline-border);--colors-color-palette-outline-fg: var(--colors-blue-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-blue-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-blue-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-blue-plain-fg)}.color-palette_\[indigo\]{--colors-color-palette-1: var(--colors-indigo-1);--colors-color-palette-2: var(--colors-indigo-2);--colors-color-palette-3: var(--colors-indigo-3);--colors-color-palette-4: var(--colors-indigo-4);--colors-color-palette-5: var(--colors-indigo-5);--colors-color-palette-6: var(--colors-indigo-6);--colors-color-palette-7: var(--colors-indigo-7);--colors-color-palette-8: var(--colors-indigo-8);--colors-color-palette-9: var(--colors-indigo-9);--colors-color-palette-10: var(--colors-indigo-10);--colors-color-palette-11: var(--colors-indigo-11);--colors-color-palette-12: var(--colors-indigo-12);--colors-color-palette-a1: var(--colors-indigo-a1);--colors-color-palette-a2: var(--colors-indigo-a2);--colors-color-palette-a3: var(--colors-indigo-a3);--colors-color-palette-a4: var(--colors-indigo-a4);--colors-color-palette-a5: var(--colors-indigo-a5);--colors-color-palette-a6: var(--colors-indigo-a6);--colors-color-palette-a7: var(--colors-indigo-a7);--colors-color-palette-a8: var(--colors-indigo-a8);--colors-color-palette-a9: var(--colors-indigo-a9);--colors-color-palette-a10: var(--colors-indigo-a10);--colors-color-palette-a11: var(--colors-indigo-a11);--colors-color-palette-a12: var(--colors-indigo-a12);--colors-color-palette-solid-bg: var(--colors-indigo-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-indigo-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-indigo-solid-fg);--colors-color-palette-subtle-bg: var(--colors-indigo-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-indigo-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-indigo-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-indigo-subtle-fg);--colors-color-palette-surface-bg: var(--colors-indigo-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-indigo-surface-bg-active);--colors-color-palette-surface-border: var(--colors-indigo-surface-border);--colors-color-palette-surface-border-hover: var(--colors-indigo-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-indigo-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-indigo-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-indigo-outline-bg-active);--colors-color-palette-outline-border: var(--colors-indigo-outline-border);--colors-color-palette-outline-fg: var(--colors-indigo-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-indigo-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-indigo-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-indigo-plain-fg)}.color-palette_\[gray\]{--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-solid-bg: var(--colors-gray-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-gray-solid-fg);--colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);--colors-color-palette-surface-bg: var(--colors-gray-surface-bg);--colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);--colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);--colors-color-palette-surface-border: var(--colors-gray-surface-border);--colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-gray-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);--colors-color-palette-outline-border: var(--colors-gray-outline-border);--colors-color-palette-outline-fg: var(--colors-gray-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-gray-plain-fg)}.c_error{color:var(--colors-error)}.fs_2xl{font-size:var(--font-sizes-2xl)}.d_flex{display:flex}.ai_center{align-items:center}.fill_\[none\]{fill:none}.stk_\[currentColor\]{stroke:currentColor}.stk-w_3px{stroke-width:3px}.stk-lc_round{stroke-linecap:round}.stk-lj_round{stroke-linejoin:round}.color-palette_gray{--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-solid-bg: var(--colors-gray-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-gray-solid-fg);--colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);--colors-color-palette-surface-bg: var(--colors-gray-surface-bg);--colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);--colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);--colors-color-palette-surface-border: var(--colors-gray-surface-border);--colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-gray-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);--colors-color-palette-outline-border: var(--colors-gray-outline-border);--colors-color-palette-outline-fg: var(--colors-gray-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-gray-plain-fg)}.color-palette_primary{--colors-color-palette-1: var(--colors-primary-1);--colors-color-palette-2: var(--colors-primary-2);--colors-color-palette-3: var(--colors-primary-3);--colors-color-palette-4: var(--colors-primary-4);--colors-color-palette-5: var(--colors-primary-5);--colors-color-palette-6: var(--colors-primary-6);--colors-color-palette-7: var(--colors-primary-7);--colors-color-palette-8: var(--colors-primary-8);--colors-color-palette-9: var(--colors-primary-9);--colors-color-palette-10: var(--colors-primary-10);--colors-color-palette-11: var(--colors-primary-11);--colors-color-palette-12: var(--colors-primary-12);--colors-color-palette-a1: var(--colors-primary-a1);--colors-color-palette-a2: var(--colors-primary-a2);--colors-color-palette-a3: var(--colors-primary-a3);--colors-color-palette-a4: var(--colors-primary-a4);--colors-color-palette-a5: var(--colors-primary-a5);--colors-color-palette-a6: var(--colors-primary-a6);--colors-color-palette-a7: var(--colors-primary-a7);--colors-color-palette-a8: var(--colors-primary-a8);--colors-color-palette-a9: var(--colors-primary-a9);--colors-color-palette-a10: var(--colors-primary-a10);--colors-color-palette-a11: var(--colors-primary-a11);--colors-color-palette-a12: var(--colors-primary-a12);--colors-color-palette-solid-bg: var(--colors-primary-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-primary-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-primary-solid-fg);--colors-color-palette-subtle-bg: var(--colors-primary-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-primary-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-primary-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-primary-subtle-fg);--colors-color-palette-surface-bg: var(--colors-primary-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-primary-surface-bg-active);--colors-color-palette-surface-border: var(--colors-primary-surface-border);--colors-color-palette-surface-border-hover: var(--colors-primary-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-primary-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-primary-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-primary-outline-bg-active);--colors-color-palette-outline-border: var(--colors-primary-outline-border);--colors-color-palette-outline-fg: var(--colors-primary-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-primary-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-primary-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-primary-plain-fg)}.color-palette_green{--colors-color-palette-1: var(--colors-green-1);--colors-color-palette-2: var(--colors-green-2);--colors-color-palette-3: var(--colors-green-3);--colors-color-palette-4: var(--colors-green-4);--colors-color-palette-5: var(--colors-green-5);--colors-color-palette-6: var(--colors-green-6);--colors-color-palette-7: var(--colors-green-7);--colors-color-palette-8: var(--colors-green-8);--colors-color-palette-9: var(--colors-green-9);--colors-color-palette-10: var(--colors-green-10);--colors-color-palette-11: var(--colors-green-11);--colors-color-palette-12: var(--colors-green-12);--colors-color-palette-a1: var(--colors-green-a1);--colors-color-palette-a2: var(--colors-green-a2);--colors-color-palette-a3: var(--colors-green-a3);--colors-color-palette-a4: var(--colors-green-a4);--colors-color-palette-a5: var(--colors-green-a5);--colors-color-palette-a6: var(--colors-green-a6);--colors-color-palette-a7: var(--colors-green-a7);--colors-color-palette-a8: var(--colors-green-a8);--colors-color-palette-a9: var(--colors-green-a9);--colors-color-palette-a10: var(--colors-green-a10);--colors-color-palette-a11: var(--colors-green-a11);--colors-color-palette-a12: var(--colors-green-a12);--colors-color-palette-solid-bg: var(--colors-green-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-green-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-green-solid-fg);--colors-color-palette-subtle-bg: var(--colors-green-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-green-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-green-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-green-subtle-fg);--colors-color-palette-surface-bg: var(--colors-green-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-green-surface-bg-active);--colors-color-palette-surface-border: var(--colors-green-surface-border);--colors-color-palette-surface-border-hover: var(--colors-green-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-green-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-green-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-green-outline-bg-active);--colors-color-palette-outline-border: var(--colors-green-outline-border);--colors-color-palette-outline-fg: var(--colors-green-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-green-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-green-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-green-plain-fg)}.c_\[inherit\]{color:inherit}.d_contents{display:contents}.vis_hidden{visibility:hidden}.d_inline-flex{display:inline-flex}.d_grid{display:grid}.color-palette_red{--colors-color-palette-1: var(--colors-red-1);--colors-color-palette-2: var(--colors-red-2);--colors-color-palette-3: var(--colors-red-3);--colors-color-palette-4: var(--colors-red-4);--colors-color-palette-5: var(--colors-red-5);--colors-color-palette-6: var(--colors-red-6);--colors-color-palette-7: var(--colors-red-7);--colors-color-palette-8: var(--colors-red-8);--colors-color-palette-9: var(--colors-red-9);--colors-color-palette-10: var(--colors-red-10);--colors-color-palette-11: var(--colors-red-11);--colors-color-palette-12: var(--colors-red-12);--colors-color-palette-a1: var(--colors-red-a1);--colors-color-palette-a2: var(--colors-red-a2);--colors-color-palette-a3: var(--colors-red-a3);--colors-color-palette-a4: var(--colors-red-a4);--colors-color-palette-a5: var(--colors-red-a5);--colors-color-palette-a6: var(--colors-red-a6);--colors-color-palette-a7: var(--colors-red-a7);--colors-color-palette-a8: var(--colors-red-a8);--colors-color-palette-a9: var(--colors-red-a9);--colors-color-palette-a10: var(--colors-red-a10);--colors-color-palette-a11: var(--colors-red-a11);--colors-color-palette-a12: var(--colors-red-a12);--colors-color-palette-solid-bg: var(--colors-red-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-red-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-red-solid-fg);--colors-color-palette-subtle-bg: var(--colors-red-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-red-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-red-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-red-subtle-fg);--colors-color-palette-surface-bg: var(--colors-red-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-red-surface-bg-active);--colors-color-palette-surface-border: var(--colors-red-surface-border);--colors-color-palette-surface-border-hover: var(--colors-red-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-red-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-red-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-red-outline-bg-active);--colors-color-palette-outline-border: var(--colors-red-outline-border);--colors-color-palette-outline-fg: var(--colors-red-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-red-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-red-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-red-plain-fg)}.dvd-y_1px>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0px}.dvd-c_border>:not([hidden])~:not([hidden]){border-color:var(--colors-border)}.bd-y-w_1{border-block-width:1px}.c_fg\.subtle{color:var(--colors-fg-subtle)}.bd-y-c_border{border-block-color:var(--colors-border)}.va_top{vertical-align:top}.fw_medium{font-weight:var(--font-weights-medium)}.c_fg\.default{color:var(--colors-fg-default)}.white-space_normal{white-space:normal}.color-palette_\[primary\]{--colors-color-palette-1: var(--colors-primary-1);--colors-color-palette-2: var(--colors-primary-2);--colors-color-palette-3: var(--colors-primary-3);--colors-color-palette-4: var(--colors-primary-4);--colors-color-palette-5: var(--colors-primary-5);--colors-color-palette-6: var(--colors-primary-6);--colors-color-palette-7: var(--colors-primary-7);--colors-color-palette-8: var(--colors-primary-8);--colors-color-palette-9: var(--colors-primary-9);--colors-color-palette-10: var(--colors-primary-10);--colors-color-palette-11: var(--colors-primary-11);--colors-color-palette-12: var(--colors-primary-12);--colors-color-palette-a1: var(--colors-primary-a1);--colors-color-palette-a2: var(--colors-primary-a2);--colors-color-palette-a3: var(--colors-primary-a3);--colors-color-palette-a4: var(--colors-primary-a4);--colors-color-palette-a5: var(--colors-primary-a5);--colors-color-palette-a6: var(--colors-primary-a6);--colors-color-palette-a7: var(--colors-primary-a7);--colors-color-palette-a8: var(--colors-primary-a8);--colors-color-palette-a9: var(--colors-primary-a9);--colors-color-palette-a10: var(--colors-primary-a10);--colors-color-palette-a11: var(--colors-primary-a11);--colors-color-palette-a12: var(--colors-primary-a12);--colors-color-palette-solid-bg: var(--colors-primary-solid-bg);--colors-color-palette-solid-bg-hover: var(--colors-primary-solid-bg-hover);--colors-color-palette-solid-fg: var(--colors-primary-solid-fg);--colors-color-palette-subtle-bg: var(--colors-primary-subtle-bg);--colors-color-palette-subtle-bg-hover: var(--colors-primary-subtle-bg-hover);--colors-color-palette-subtle-bg-active: var(--colors-primary-subtle-bg-active);--colors-color-palette-subtle-fg: var(--colors-primary-subtle-fg);--colors-color-palette-surface-bg: var(--colors-primary-surface-bg);--colors-color-palette-surface-bg-active: var(--colors-primary-surface-bg-active);--colors-color-palette-surface-border: var(--colors-primary-surface-border);--colors-color-palette-surface-border-hover: var(--colors-primary-surface-border-hover);--colors-color-palette-surface-fg: var(--colors-primary-surface-fg);--colors-color-palette-outline-bg-hover: var(--colors-primary-outline-bg-hover);--colors-color-palette-outline-bg-active: var(--colors-primary-outline-bg-active);--colors-color-palette-outline-border: var(--colors-primary-outline-border);--colors-color-palette-outline-fg: var(--colors-primary-outline-fg);--colors-color-palette-plain-bg-hover: var(--colors-primary-plain-bg-hover);--colors-color-palette-plain-bg-active: var(--colors-primary-plain-bg-active);--colors-color-palette-plain-fg: var(--colors-primary-plain-fg)}.c_\[\#231a0b\]{color:#231a0b}.c_white{color:var(--colors-white)}.c_\[\#fdf9f6\]{color:#fdf9f6}.fs_lg{font-size:var(--font-sizes-lg)}.c_\[\#fe695d\]{color:#fe695d}.fw_semibold{font-weight:var(--font-weights-semibold)}.ta_center{text-align:center}.fs_sm{font-size:var(--font-sizes-sm)}.flex-sh_0{flex-shrink:0}.c_fg\.muted{color:var(--colors-fg-muted)}.ac_center{align-content:center}.color-palette_black{--colors-color-palette: var(--colors-black);--colors-color-palette-a1: var(--colors-black-a1);--colors-color-palette-a2: var(--colors-black-a2);--colors-color-palette-a3: var(--colors-black-a3);--colors-color-palette-a4: var(--colors-black-a4);--colors-color-palette-a5: var(--colors-black-a5);--colors-color-palette-a6: var(--colors-black-a6);--colors-color-palette-a7: var(--colors-black-a7);--colors-color-palette-a8: var(--colors-black-a8);--colors-color-palette-a9: var(--colors-black-a9);--colors-color-palette-a10: var(--colors-black-a10);--colors-color-palette-a11: var(--colors-black-a11);--colors-color-palette-a12: var(--colors-black-a12)}.flex-g_1{flex-grow:1}.pos_absolute{position:absolute}.inset-e_3{inset-inline-end:var(--spacing-3)}.ai_stretch{align-items:stretch}.max-w_sm{max-width:var(--sizes-sm)}.w_2\/3{width:66.666667%}.mb_12{margin-bottom:var(--spacing-12)}.mt_2{margin-top:var(--spacing-2)}.w_4{width:var(--sizes-4)}.h_4{height:var(--sizes-4)}.mt_0\.5{margin-top:var(--spacing-0\.5)}.mb_4{margin-bottom:var(--spacing-4)}.pr_8{padding-right:var(--spacing-8)}.max-w_full{max-width:var(--sizes-full)}.top_3{top:var(--spacing-3)}.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0>*:not(:first-child):not(:last-child){border-radius:0}.\[\&_\>_\*\:first-child\]\:bdr-e_0>*:first-child{border-start-end-radius:0;border-end-end-radius:0}.\[\&_\>_\*\:first-child\]\:me_-1px>*:first-child{margin-inline-end:-1px}.\[\&_\>_\*\:last-child\]\:bdr-s_0>*:last-child{border-start-start-radius:0;border-end-start-radius:0}.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:me_-1px>*:not(:first-child):not(:last-child){margin-inline-end:-1px}.\[\&_\>_\*\:first-child\]\:bdr-b_0>*:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.\[\&_\>_\*\:last-child\]\:bdr-t_0>*:last-child{border-top-left-radius:0;border-top-right-radius:0}.\[\&_\>_\*\:first-child\]\:mb_-1px>*:first-child,.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:mb_-1px>*:not(:first-child):not(:last-child){margin-bottom:-1px}}