@layer{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;block-size:100%;line-height:1.5}body{min-block-size:100%}img,iframe,audio,video,canvas{block-size:auto;max-inline-size:100%;display:block}svg{max-inline-size:100%}svg:not([fill]){fill:currentColor}input,button,textarea,select{font:inherit}textarea{resize:vertical}fieldset,iframe{border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty;font-variant-numeric:proportional-nums}h1,h2,h3,h4,h5,h6{font-variant-numeric:lining-nums;text-wrap:balance}p,blockquote,q,figcaption,li{hanging-punctuation:first allow-end last}ol,ul{list-style:none}math,time,table{font-variant-numeric:tabular-nums lining-nums slashed-zero}code{font-variant-numeric:slashed-zero}table{border-collapse:collapse}abbr{font-variant-caps:all-small-caps;text-decoration:none}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}sup,sub{line-height:0}summary{cursor:pointer}@media (prefers-reduced-motion){:is(*){scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-medium)}}:root{--base-font-size:1rem;--spacing-3xs:calc(.125 * var(--base-font-size));--spacing-2xs:calc(.25 * var(--base-font-size));--spacing-xs:calc(.5 * var(--base-font-size));--spacing-s:calc(.75 * var(--base-font-size));--spacing-m:calc(1 * var(--base-font-size));--spacing-l:calc(1.5 * var(--base-font-size));--spacing-xl:calc(2 * var(--base-font-size));--spacing-2xl:calc(3 * var(--base-font-size));--spacing-3xl:calc(4 * var(--base-font-size));--spacing-4xl:calc(6 * var(--base-font-size));--spacing-5xl:calc(8 * var(--base-font-size));--spacing-6xl:calc(12 * var(--base-font-size));--radius-s:4px;--radius-m:6px;--radius-l:8px;--radius-xl:12px;--typescale:1.2;--font-size-xs:calc(var(--base-font-size) * pow(var(--typescale), -2));--font-size-s:calc(var(--base-font-size) * pow(var(--typescale), -1));--font-size-m:var(--base-font-size);--font-size-l:calc(var(--base-font-size) * pow(var(--typescale), 1));--font-size-xl:calc(var(--base-font-size) * pow(var(--typescale), 2));--font-size-2xl:calc(var(--base-font-size) * pow(var(--typescale), 3));--font-size-3xl:calc(var(--base-font-size) * pow(var(--typescale), 4));--font-size-4xl:calc(var(--base-font-size) * pow(var(--typescale), 5));--font-weight-default:400;--font-weight-regular:var(--font-weight-default);--font-weight-medium:500;--font-weight-bold:600;--neutral-0:oklch(98.5% 0 236.764);--neutral-50:oklch(97.4% .001 236.764);--neutral-100:oklch(96.1% .001 236.764);--neutral-150:oklch(94.2% .001 236.764);--neutral-200:oklch(91.9% .002 236.764);--neutral-250:oklch(88.8% .003 236.764);--neutral-300:oklch(85% .005 236.764);--neutral-350:oklch(80.2% .007 236.764);--neutral-400:oklch(74.4% .01 236.764);--neutral-450:oklch(68% .014 236.764);--neutral-500:oklch(61.5% .015 236.764);--neutral-550:oklch(55.5% .014 236.764);--neutral-600:oklch(50.2% .012 236.764);--neutral-650:oklch(45.6% .011 236.764);--neutral-700:oklch(41.8% .01 236.764);--neutral-750:oklch(38.4% .009 236.764);--neutral-800:oklch(35.5% .008 236.764);--neutral-850:oklch(33.1% .007 236.764);--neutral-900:oklch(30.9% .007 236.764);--neutral-950:oklch(29% .007 236.764);--text-high:var(--neutral-800);--text-mid:var(--neutral-650);--text-low:var(--neutral-550);--surface-sunken:var(--neutral-0);--surface-default:var(--neutral-50);--surface-raised:var(--neutral-100);--surface-hover:var(--neutral-150);--surface-overlay:oklch(0% 0 0/.06);--border-weak:var(--neutral-150);--border-default:var(--neutral-200);--border-strong:var(--neutral-250);--accent:oklch(56% .21 256.74);--border-error:var(--neutral-500);--slider-thumb:var(--neutral-450);--slider-thumb-focus:var(--neutral-850);--shadow-default:0 2px 12px oklch(0% 0 0/.12);--shadow-dialog:0 4px 24px oklch(0% 0 0/.15);--scrim:oklch(0% 0 0/.3);--gamut-warning:repeating-linear-gradient(-35deg, var(--border-default) 0 1px, transparent 0px 4px)}[data-theme=dark]:root{--text-high:var(--neutral-100);--text-mid:var(--neutral-200);--text-low:var(--neutral-300);--surface-sunken:var(--neutral-950);--surface-default:var(--neutral-900);--surface-raised:var(--neutral-850);--surface-hover:var(--neutral-800);--surface-overlay:oklch(100% 0 0/.06);--border-weak:var(--neutral-800);--border-default:var(--neutral-750);--border-strong:var(--neutral-650);--accent:oklch(71% .19 233.44);--border-error:var(--neutral-350);--slider-thumb:var(--neutral-350);--slider-thumb-focus:var(--neutral-150);--shadow-default:0 2px 12px oklch(0% 0 0/.4);--shadow-dialog:0 4px 24px oklch(0% 0 0/.5);--scrim:oklch(0% 0 0/.6)}.text-high{color:var(--text-high)}.text-mid{color:var(--text-mid)}.text-low{color:var(--text-low)}.text-accent{color:var(--accent)}.surface-sunken{background-color:var(--surface-sunken)}.surface-default{background-color:var(--surface-default)}.surface-raised{background-color:var(--surface-raised)}.surface-hover{background-color:var(--surface-hover)}.surface-overlay{background-color:var(--surface-overlay)}.border-default{border:1px solid var(--border-default)}.border-weak{border:1px solid var(--border-weak)}.border-strong{border:1px solid var(--border-strong)}.border-bottom-default{border-bottom:1px solid var(--border-default)}.shadow-default{box-shadow:var(--shadow-default)}.shadow-dialog{box-shadow:var(--shadow-dialog)}.scrim{background:var(--scrim)}[type=color]{visibility:hidden}@layer forms.public{:root{--interaction-radius:4px;--interaction-transition-duration-quick:.15s;--interaction-transition-easing-default:ease;--input-border-radius:var(--interaction-radius);--input-focus-ring-color:var(--accent);--input-background:var(--surface-sunken);--input-foreground:var(--text-high);--input-border:var(--border-default);--input-placeholder:var(--text-low);--input-checked-foreground:var(--accent);--border-control-hover:var(--border-strong);--border-control-focused:var(--accent);--border-control-error:var(--border-error);--foreground-muted:var(--text-low);--size-control-height-medium:1.75rem;--size-control-height-small:1.25rem;--size-control-height-large:2rem}:where(.input,.select,.textarea,.checkbox,.radio){--_input-background:var(--input-background);--_input-foreground:var(--input-foreground);--_input-border:var(--input-border)}:where(.input,.select,.textarea,.radio,.checkbox){--_input-height:var(--size-control-height-medium);--_input-font-size:var(--font-size-s);--_input-padding-inline:var(--spacing-s);--_input-padding-block:0}:where(.input,.select,.textarea,.radio,.checkbox):where([data-size=small]){--_input-height:var(--size-control-height-small);--_input-font-size:var(--font-size-xs);--_input-padding-inline:var(--spacing-xs);--_input-padding-block:0}:where(.input,.select,.textarea,.radio,.checkbox):where([data-size=large]){--_input-height:var(--size-control-height-large);--_input-font-size:var(--font-size-m);--_input-padding-inline:var(--spacing-xs);--_input-padding-block:0}:where(.radio,.checkbox){--_input-height:1.5em}}@layer forms.base{:where(.input,.select,.textarea,.checkbox,.radio){appearance:none;font:inherit;background:var(--_input-background);color:var(--_input-foreground);border-color:var(--_input-border);border-radius:var(--input-border-radius);min-height:var(--_input-height);font-size:var(--_input-font-size);font-weight:var(--font-weight-medium);outline-offset:0px;transition:outline-color var(--interaction-transition-duration-quick) var(--interaction-transition-easing-default), border-color var(--interaction-transition-duration-quick) var(--interaction-transition-easing-default);border-style:solid;border-width:1px;outline:1px solid #0000}:where(.input,.select,.textarea,.checkbox,.radio)::placeholder{color:var(--input-placeholder)}:where(.input,.select,.textarea,.checkbox,.radio):disabled{cursor:not-allowed}:where(.input,.select,.textarea){padding-inline:var(--_input-padding-inline);padding-block:var(--_input-padding-block)}:where(.radio,.checkbox){width:var(--_input-height);aspect-ratio:1;cursor:pointer;place-items:center;display:grid}:where(.radio){border-radius:50%}:where(.radio,.checkbox):after{content:"";aspect-ratio:1;color:#0000;pointer-events:none;width:90%;transition:color var(--interaction-transition-duration-quick) var(--interaction-transition-easing-default);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports (width:round(90%, 2px)){:where(.radio,.checkbox):after{width:round(90%,2px)}}:where(.radio):after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' /%3E%3C/svg%3E")}:where(.checkbox):after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' /%3E%3C/svg%3E")}:where(.select){background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'><path d='M12.7 15.7a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 1.4-1.4l5.3 5.29 5.3-5.3a1 1 0 1 1 1.4 1.42z'/></svg>");background-position:calc(100% - var(--_input-padding-inline,1em));background-repeat:no-repeat;background-size:1.5em;padding-inline-end:calc(var(--_input-padding-inline,1em) + 1.5em + var(--spacing-2xs))}}@layer forms.state{:where(.input,.select,.textarea,.checkbox,.radio):hover:not(:focus-visible,[disabled]){border-color:var(--border-control-hover);outline-color:var(--border-control-hover)}:where(.input,.select,.textarea,.checkbox,.radio):focus-visible{border-color:var(--border-control-focused);outline-color:var(--input-focus-ring-color)}:where(.checkbox,.radio):checked:after{color:var(--input-checked-foreground)}:where(.input,.textarea,.select):where([aria-invalid=true]):not(:focus-visible){--_input-border:var(--border-control-error)}}@layer forms.base-select{@supports (appearance:base-select){:where(.select){appearance:base-select;min-width:10rem;background-image:none;align-items:center;padding-inline-end:var(--_input-padding-inline)}:where(.select)::picker-icon{color:var(--_input-foreground);opacity:.6}:where(.select)::picker(select){appearance:base-select;background:var(--surface-raised,var(--input-background));color:var(--_input-foreground);border:1px solid var(--_input-border);border-radius:var(--input-border-radius);padding:var(--spacing-2xs);box-shadow:var(--shadow-default);margin-block-start:var(--spacing-2xs)}:where(.select) option{padding-block:var(--spacing-2xs);padding-inline:var(--spacing-2xs) var(--spacing-s);border-radius:calc(var(--input-border-radius) - 2px);color:var(--text-high);outline-offset:0}:where(.select) option:hover{background-color:var(--surface-hover)}:where(.select) option:checked{font-weight:var(--font-weight-medium)}:where(.select) option:focus-visible{outline-offset:0;outline-style:solid;outline-color:var(--button-focus-ring-color)}:where(.select) option::checkmark{color:var(--input-checked-foreground)}:where(.select) option:disabled{opacity:.5;cursor:not-allowed}:where(.select) optgroup{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--foreground-muted);padding-block:var(--spacing-2xs)}:where(.select) hr{border:none;border-block-start:1px solid var(--_input-border);margin-block:var(--spacing-2xs)}}}:where(.range-input){--wrapper-height:30px;--thumb-width:22px;--thumb-height:4px;--thumb-color:var(--slider-thumb);--thumb-border:1px solid var(--border-strong);--thumb-opacity:.5;--thumb-radius:4px;z-index:3;height:var(--wrapper-height);appearance:none;cursor:pointer;width:100%;font:inherit;-webkit-user-select:none;user-select:none;background:0 0;margin:0;position:relative}:where(.range-input):focus-visible{--thumb-color:var(--slider-thumb-focus)}input[type=number]::-webkit-inner-spin-button{display:none}:where(.range-input):focus{outline:none}:where(.range-input)::-webkit-slider-runnable-track{background:0 0}:where(.range-input)::-moz-range-track{background:0 0;height:100%}:where(.range-input)::-webkit-slider-thumb{appearance:none;width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-radius);background:var(--thumb-color);opacity:var(--thumb-opacity);border:var(--thumb-border);transition:transform .15s,filter .15s,opacity .15s}:where(.range-input)::-moz-range-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-radius);background:var(--thumb-color);opacity:var(--thumb-opacity);border:var(--thumb-border);transition:transform .15s,filter .15s,opacity .15s}@layer buttons.public{:root{--button-border-radius:var(--interaction-radius);--button-font-weight:var(--font-weight-medium);--button-focus-ring-color:var(--accent)}:where(.button:not([data-variant]),.button[data-variant=filled]){--_button-background:var(--surface-sunken);--_button-foreground:var(--text-mid);--_button-border:var(--border-default)}:where(.button[data-variant=plain]){--_button-background:transparent;--_button-foreground:var(--text-mid);--_button-border:transparent}:where(.button:not([data-size]),.button[data-size=medium]){--_button-height:var(--size-control-height-medium);--_button-padding-inline:var(--spacing-s);--_button-font-size:var(--font-size-s);--_button-gap:var(--spacing-xs)}:where(.button[data-size=small]){--_button-height:var(--size-control-height-small);--_button-padding-inline:var(--spacing-xs);--_button-font-size:var(--font-size-xs);--_button-gap:var(--spacing-2xs)}:where(.button[data-size=large]){--_button-height:var(--size-control-height-large);--_button-padding-inline:var(--spacing-s);--_button-font-size:var(--font-size-m);--_button-gap:var(--spacing-xs)}}@layer buttons.base{:where(.button){appearance:none;font:inherit;gap:var(--_button-gap);font-size:var(--_button-font-size);font-weight:var(--button-font-weight);background:var(--_button-background);color:var(--_button-foreground);border:1px solid var(--_button-border);border-radius:var(--button-border-radius);min-height:var(--_button-height);padding-block:0;padding-inline:var(--_button-padding-inline);text-align:center;outline-offset:.125rem;cursor:pointer;outline:2px solid #0000;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:outline .1s ease-out,filter .1s ease-out,transform .1s ease-out,background-color .1s ease-out;display:inline-flex}}@layer buttons.state{:where(.button):hover{filter:brightness(.98)}:where(.button):active{filter:brightness(.95);transform:translateY(1px)}:where(.button):focus-visible{outline-color:var(--button-focus-ring-color)}:where(.button):disabled{opacity:.4;cursor:default}}@layer spacing.margin{.m-auto{margin:auto}.my-auto{margin-block:auto}.mx-auto{margin-inline:auto}.ml-auto{margin-inline-start:auto}.mr-auto{margin-inline-end:auto}.mt-auto{margin-block-start:auto}.mb-auto{margin-block-end:auto}.m-0{margin:0}.ml-0{margin-inline-start:0}.mr-0{margin-inline-end:0}.mt-0{margin-block-start:0}.mb-0{margin-block-end:0}.mx-0{margin-inline:0}.my-0{margin-block:0}.m-3xs{margin:var(--spacing-3xs)}.ml-3xs{margin-inline-start:var(--spacing-3xs)}.mr-3xs{margin-inline-end:var(--spacing-3xs)}.mt-3xs{margin-block-start:var(--spacing-3xs)}.mb-3xs{margin-block-end:var(--spacing-3xs)}.mx-3xs{margin-inline:var(--spacing-3xs)}.my-3xs{margin-block:var(--spacing-3xs)}.m-2xs{margin:var(--spacing-2xs)}.ml-2xs{margin-inline-start:var(--spacing-2xs)}.mr-2xs{margin-inline-end:var(--spacing-2xs)}.mt-2xs{margin-block-start:var(--spacing-2xs)}.mb-2xs{margin-block-end:var(--spacing-2xs)}.mx-2xs{margin-inline:var(--spacing-2xs)}.my-2xs{margin-block:var(--spacing-2xs)}.m-xs{margin:var(--spacing-xs)}.ml-xs{margin-inline-start:var(--spacing-xs)}.mr-xs{margin-inline-end:var(--spacing-xs)}.mt-xs{margin-block-start:var(--spacing-xs)}.mb-xs{margin-block-end:var(--spacing-xs)}.mx-xs{margin-inline:var(--spacing-xs)}.my-xs{margin-block:var(--spacing-xs)}.m-s{margin:var(--spacing-s)}.ml-s{margin-inline-start:var(--spacing-s)}.mr-s{margin-inline-end:var(--spacing-s)}.mt-s{margin-block-start:var(--spacing-s)}.mb-s{margin-block-end:var(--spacing-s)}.mx-s{margin-inline:var(--spacing-s)}.my-s{margin-block:var(--spacing-s)}.m-m{margin:var(--spacing-m)}.ml-m{margin-inline-start:var(--spacing-m)}.mr-m{margin-inline-end:var(--spacing-m)}.mt-m{margin-block-start:var(--spacing-m)}.mb-m{margin-block-end:var(--spacing-m)}.mx-m{margin-inline:var(--spacing-m)}.my-m{margin-block:var(--spacing-m)}.m-l{margin:var(--spacing-l)}.ml-l{margin-inline-start:var(--spacing-l)}.mr-l{margin-inline-end:var(--spacing-l)}.mt-l{margin-block-start:var(--spacing-l)}.mb-l{margin-block-end:var(--spacing-l)}.mx-l{margin-inline:var(--spacing-l)}.my-l{margin-block:var(--spacing-l)}.m-xl{margin:var(--spacing-xl)}.ml-xl{margin-inline-start:var(--spacing-xl)}.mr-xl{margin-inline-end:var(--spacing-xl)}.mt-xl{margin-block-start:var(--spacing-xl)}.mb-xl{margin-block-end:var(--spacing-xl)}.mx-xl{margin-inline:var(--spacing-xl)}.my-xl{margin-block:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.ml-2xl{margin-inline-start:var(--spacing-2xl)}.mr-2xl{margin-inline-end:var(--spacing-2xl)}.mt-2xl{margin-block-start:var(--spacing-2xl)}.mb-2xl{margin-block-end:var(--spacing-2xl)}.mx-2xl{margin-inline:var(--spacing-2xl)}.my-2xl{margin-block:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.ml-3xl{margin-inline-start:var(--spacing-3xl)}.mr-3xl{margin-inline-end:var(--spacing-3xl)}.mt-3xl{margin-block-start:var(--spacing-3xl)}.mb-3xl{margin-block-end:var(--spacing-3xl)}.mx-3xl{margin-inline:var(--spacing-3xl)}.my-3xl{margin-block:var(--spacing-3xl)}.m-4xl{margin:var(--spacing-4xl)}.ml-4xl{margin-inline-start:var(--spacing-4xl)}.mr-4xl{margin-inline-end:var(--spacing-4xl)}.mt-4xl{margin-block-start:var(--spacing-4xl)}.mb-4xl{margin-block-end:var(--spacing-4xl)}.mx-4xl{margin-inline:var(--spacing-4xl)}.my-4xl{margin-block:var(--spacing-4xl)}.m--3xs{margin:calc(var(--spacing-3xs) * -1)}.ml--3xs{margin-inline-start:calc(var(--spacing-3xs) * -1)}.mr--3xs{margin-inline-end:calc(var(--spacing-3xs) * -1)}.mt--3xs{margin-block-start:calc(var(--spacing-3xs) * -1)}.mb--3xs{margin-block-end:calc(var(--spacing-3xs) * -1)}.mx--3xs{margin-inline:calc(var(--spacing-3xs) * -1)}.my--3xs{margin-block:calc(var(--spacing-3xs) * -1)}.m--2xs{margin:calc(var(--spacing-2xs) * -1)}.ml--2xs{margin-inline-start:calc(var(--spacing-2xs) * -1)}.mr--2xs{margin-inline-end:calc(var(--spacing-2xs) * -1)}.mt--2xs{margin-block-start:calc(var(--spacing-2xs) * -1)}.mb--2xs{margin-block-end:calc(var(--spacing-2xs) * -1)}.mx--2xs{margin-inline:calc(var(--spacing-2xs) * -1)}.my--2xs{margin-block:calc(var(--spacing-2xs) * -1)}.m--xs{margin:calc(var(--spacing-xs) * -1)}.ml--xs{margin-inline-start:calc(var(--spacing-xs) * -1)}.mr--xs{margin-inline-end:calc(var(--spacing-xs) * -1)}.mt--xs{margin-block-start:calc(var(--spacing-xs) * -1)}.mb--xs{margin-block-end:calc(var(--spacing-xs) * -1)}.mx--xs{margin-inline:calc(var(--spacing-xs) * -1)}.my--xs{margin-block:calc(var(--spacing-xs) * -1)}.m--s{margin:calc(var(--spacing-s) * -1)}.ml--s{margin-inline-start:calc(var(--spacing-s) * -1)}.mr--s{margin-inline-end:calc(var(--spacing-s) * -1)}.mt--s{margin-block-start:calc(var(--spacing-s) * -1)}.mb--s{margin-block-end:calc(var(--spacing-s) * -1)}.mx--s{margin-inline:calc(var(--spacing-s) * -1)}.my--s{margin-block:calc(var(--spacing-s) * -1)}.m--m{margin:calc(var(--spacing-m) * -1)}.ml--m{margin-inline-start:calc(var(--spacing-m) * -1)}.mr--m{margin-inline-end:calc(var(--spacing-m) * -1)}.mt--m{margin-block-start:calc(var(--spacing-m) * -1)}.mb--m{margin-block-end:calc(var(--spacing-m) * -1)}.mx--m{margin-inline:calc(var(--spacing-m) * -1)}.my--m{margin-block:calc(var(--spacing-m) * -1)}.m--l{margin:calc(var(--spacing-l) * -1)}.ml--l{margin-inline-start:calc(var(--spacing-l) * -1)}.mr--l{margin-inline-end:calc(var(--spacing-l) * -1)}.mt--l{margin-block-start:calc(var(--spacing-l) * -1)}.mb--l{margin-block-end:calc(var(--spacing-l) * -1)}.mx--l{margin-inline:calc(var(--spacing-l) * -1)}.my--l{margin-block:calc(var(--spacing-l) * -1)}.m--xl{margin:calc(var(--spacing-xl) * -1)}.ml--xl{margin-inline-start:calc(var(--spacing-xl) * -1)}.mr--xl{margin-inline-end:calc(var(--spacing-xl) * -1)}.mt--xl{margin-block-start:calc(var(--spacing-xl) * -1)}.mb--xl{margin-block-end:calc(var(--spacing-xl) * -1)}.mx--xl{margin-inline:calc(var(--spacing-xl) * -1)}.my--xl{margin-block:calc(var(--spacing-xl) * -1)}.m--2xl{margin:calc(var(--spacing-2xl) * -1)}.ml--2xl{margin-inline-start:calc(var(--spacing-2xl) * -1)}.mr--2xl{margin-inline-end:calc(var(--spacing-2xl) * -1)}.mt--2xl{margin-block-start:calc(var(--spacing-2xl) * -1)}.mb--2xl{margin-block-end:calc(var(--spacing-2xl) * -1)}.mx--2xl{margin-inline:calc(var(--spacing-2xl) * -1)}.my--2xl{margin-block:calc(var(--spacing-2xl) * -1)}.m--3xl{margin:calc(var(--spacing-3xl) * -1)}.ml--3xl{margin-inline-start:calc(var(--spacing-3xl) * -1)}.mr--3xl{margin-inline-end:calc(var(--spacing-3xl) * -1)}.mt--3xl{margin-block-start:calc(var(--spacing-3xl) * -1)}.mb--3xl{margin-block-end:calc(var(--spacing-3xl) * -1)}.mx--3xl{margin-inline:calc(var(--spacing-3xl) * -1)}.my--3xl{margin-block:calc(var(--spacing-3xl) * -1)}.m--4xl{margin:calc(var(--spacing-4xl) * -1)}.ml--4xl{margin-inline-start:calc(var(--spacing-4xl) * -1)}.mr--4xl{margin-inline-end:calc(var(--spacing-4xl) * -1)}.mt--4xl{margin-block-start:calc(var(--spacing-4xl) * -1)}.mb--4xl{margin-block-end:calc(var(--spacing-4xl) * -1)}.mx--4xl{margin-inline:calc(var(--spacing-4xl) * -1)}.my--4xl{margin-block:calc(var(--spacing-4xl) * -1)}}@layer spacing.padding{.p-0{padding:0}.pl-0{padding-inline-start:0}.pr-0{padding-inline-end:0}.pt-0{padding-block-start:0}.pb-0{padding-block-end:0}.px-0{padding-inline:0}.py-0{padding-block:0}.p-3xs{padding:var(--spacing-3xs)}.pl-3xs{padding-inline-start:var(--spacing-3xs)}.pr-3xs{padding-inline-end:var(--spacing-3xs)}.pt-3xs{padding-block-start:var(--spacing-3xs)}.pb-3xs{padding-block-end:var(--spacing-3xs)}.px-3xs{padding-inline:var(--spacing-3xs)}.py-3xs{padding-block:var(--spacing-3xs)}.p-2xs{padding:var(--spacing-2xs)}.pl-2xs{padding-inline-start:var(--spacing-2xs)}.pr-2xs{padding-inline-end:var(--spacing-2xs)}.pt-2xs{padding-block-start:var(--spacing-2xs)}.pb-2xs{padding-block-end:var(--spacing-2xs)}.px-2xs{padding-inline:var(--spacing-2xs)}.py-2xs{padding-block:var(--spacing-2xs)}.p-xs{padding:var(--spacing-xs)}.pl-xs{padding-inline-start:var(--spacing-xs)}.pr-xs{padding-inline-end:var(--spacing-xs)}.pt-xs{padding-block-start:var(--spacing-xs)}.pb-xs{padding-block-end:var(--spacing-xs)}.px-xs{padding-inline:var(--spacing-xs)}.py-xs{padding-block:var(--spacing-xs)}.p-s{padding:var(--spacing-s)}.pl-s{padding-inline-start:var(--spacing-s)}.pr-s{padding-inline-end:var(--spacing-s)}.pt-s{padding-block-start:var(--spacing-s)}.pb-s{padding-block-end:var(--spacing-s)}.px-s{padding-inline:var(--spacing-s)}.py-s{padding-block:var(--spacing-s)}.p-m{padding:var(--spacing-m)}.pl-m{padding-inline-start:var(--spacing-m)}.pr-m{padding-inline-end:var(--spacing-m)}.pt-m{padding-block-start:var(--spacing-m)}.pb-m{padding-block-end:var(--spacing-m)}.px-m{padding-inline:var(--spacing-m)}.py-m{padding-block:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.pl-l{padding-inline-start:var(--spacing-l)}.pr-l{padding-inline-end:var(--spacing-l)}.pt-l{padding-block-start:var(--spacing-l)}.pb-l{padding-block-end:var(--spacing-l)}.px-l{padding-inline:var(--spacing-l)}.py-l{padding-block:var(--spacing-l)}.p-xl{padding:var(--spacing-xl)}.pl-xl{padding-inline-start:var(--spacing-xl)}.pr-xl{padding-inline-end:var(--spacing-xl)}.pt-xl{padding-block-start:var(--spacing-xl)}.pb-xl{padding-block-end:var(--spacing-xl)}.px-xl{padding-inline:var(--spacing-xl)}.py-xl{padding-block:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pl-2xl{padding-inline-start:var(--spacing-2xl)}.pr-2xl{padding-inline-end:var(--spacing-2xl)}.pt-2xl{padding-block-start:var(--spacing-2xl)}.pb-2xl{padding-block-end:var(--spacing-2xl)}.px-2xl{padding-inline:var(--spacing-2xl)}.py-2xl{padding-block:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.pl-3xl{padding-inline-start:var(--spacing-3xl)}.pr-3xl{padding-inline-end:var(--spacing-3xl)}.pt-3xl{padding-block-start:var(--spacing-3xl)}.pb-3xl{padding-block-end:var(--spacing-3xl)}.px-3xl{padding-inline:var(--spacing-3xl)}.py-3xl{padding-block:var(--spacing-3xl)}.p-4xl{padding:var(--spacing-4xl)}.pl-4xl{padding-inline-start:var(--spacing-4xl)}.pr-4xl{padding-inline-end:var(--spacing-4xl)}.pt-4xl{padding-block-start:var(--spacing-4xl)}.pb-4xl{padding-block-end:var(--spacing-4xl)}.px-4xl{padding-inline:var(--spacing-4xl)}.py-4xl{padding-block:var(--spacing-4xl)}}@layer spacing.gap{.gap-4xl{gap:var(--spacing-4xl)}.gap-3xl{gap:var(--spacing-3xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-xl{gap:var(--spacing-xl)}.gap-l{gap:var(--spacing-l)}.gap-m{gap:var(--spacing-m)}.gap-s{gap:var(--spacing-s)}.gap-xs{gap:var(--spacing-xs)}.gap-2xs{gap:var(--spacing-2xs)}.gap-3xs{gap:var(--spacing-3xs)}.gap-none{gap:0}.gap-row-4xl{row-gap:var(--spacing-4xl)}.gap-row-3xl{row-gap:var(--spacing-3xl)}.gap-row-2xl{row-gap:var(--spacing-2xl)}.gap-row-xl{row-gap:var(--spacing-xl)}.gap-row-l{row-gap:var(--spacing-l)}.gap-row-m{row-gap:var(--spacing-m)}.gap-row-s{row-gap:var(--spacing-s)}.gap-row-xs{row-gap:var(--spacing-xs)}.gap-row-2xs{row-gap:var(--spacing-2xs)}.gap-row-3xs{row-gap:var(--spacing-3xs)}.gap-row-none{row-gap:0}.gap-column-4xl{column-gap:var(--spacing-4xl)}.gap-column-3xl{column-gap:var(--spacing-3xl)}.gap-column-2xl{column-gap:var(--spacing-2xl)}.gap-column-xl{column-gap:var(--spacing-xl)}.gap-column-l{column-gap:var(--spacing-l)}.gap-column-m{column-gap:var(--spacing-m)}.gap-column-s{column-gap:var(--spacing-s)}.gap-column-xs{column-gap:var(--spacing-xs)}.gap-column-2xs{column-gap:var(--spacing-2xs)}.gap-column-3xs{column-gap:var(--spacing-3xs)}.gap-column-0{column-gap:0}}@layer stack{.stack,.stack-horizontal{flex-flow:column wrap;justify-content:flex-start;display:flex}.stack-horizontal{flex-direction:row;align-items:center}.items-start{align-items:start}.items-end{align-items:end}.items-center{align-items:center}.items-stretch{align-items:stretch}.self-stretch{align-self:stretch}.self-justify-start{justify-self:start}.self-justify-end{justify-self:end}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grow{flex-grow:1}.shrink{flex-shrink:1}.flex-1{flex:1}.nowrap{flex-wrap:nowrap}.inline-flex{display:inline-flex}}.overlap{align-items:center;display:grid}.overlap>:where(*){grid-area:1/1}.br-inherit{border-radius:inherit}.br-s{border-radius:var(--radius-s)}.br-m{border-radius:var(--radius-m)}.br-l{border-radius:var(--radius-l)}.br-xl{border-radius:var(--radius-xl)}@layer defaults{:is(code,kbd,samp){font-size:var(--font-size-s);background:var(--surface-raised);padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:3px}pre{font-size:var(--font-size-s);padding:var(--spacing-s);background:var(--surface-raised);border-radius:6px;line-height:1.5;overflow-x:auto}pre :is(code,kbd,samp){font-size:inherit;background:0 0;border-radius:0;padding:0}blockquote{border-inline-start:3px solid var(--border-default);color:var(--text-mid);padding-inline-start:var(--spacing-m)}hr{border:none;border-block-start:1px solid var(--border-default)}a{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:.08em}}@layer typography{.fs-xs{font-size:var(--font-size-xs)}.fs-s{font-size:var(--font-size-s)}.fs-m{font-size:var(--font-size-m)}.fs-l{font-size:var(--font-size-l)}.fs-xl{font-size:var(--font-size-xl)}.fs-2xl{font-size:var(--font-size-2xl)}.fs-3xl{font-size:var(--font-size-3xl)}.fs-4xl{font-size:var(--font-size-4xl)}.t-regular{font-weight:var(--font-weight-regular)}.t-medium{font-weight:var(--font-weight-medium)}.t-bold{font-weight:var(--font-weight-bold)}.t-center{text-align:center}.t-left{text-align:left}.t-right{text-align:right}.t-uppercase{text-transform:uppercase}.lh-tight{line-height:1.1}.lh-normal{line-height:1.5}.lh-relaxed{line-height:1.7}.t-tabular{font-variant-numeric:tabular-nums}}:where(.typeset){max-width:65ch;line-height:1.7;font-weight:var(--font-weight-regular)}:where(.typeset)>*+*{margin-block-start:.75em}:where(.typeset) :is(h2,h3,h4){margin-block-start:2em}:where(.typeset) h1+:is(h2,h3,h4){margin-block-start:1em}:where(.typeset) dl{gap:var(--spacing-s) var(--spacing-m);grid-template-columns:max-content 1fr;align-items:baseline;display:grid}:where(.typeset) dt{opacity:.6;white-space:nowrap;grid-column:1}:where(.typeset) dd{grid-column:2;margin:0}step-slider{--ceiling-pos:100;container:step-slider/size}.slider-track{background:var(--surface-sunken);width:100%;height:100cqh;position:relative;overflow:hidden}.ceiling-zone{background:var(--surface-raised);border-bottom:1px solid var(--border-strong);transform:translateY(calc(var(--ceiling-pos) * -1%));pointer-events:none;transition:transform .3s ease-out;position:absolute;inset:0}@container step-slider (orientation:landscape){.ceiling-zone{border-bottom:none;border-left:1px solid var(--border-strong);transform:translateX(calc((var(--ceiling-pos)) * 1%))}}step-slider[out-of-gamut] .ceiling-zone{background:var(--gamut-warning)}.slider-track .range-input{z-index:3;height:100%;position:relative}.step-number{text-align:right;border:1px solid var(--surface-raised);width:100%;color:var(--text-mid);border-top:1px solid var(--border-default);background:var(--surface-raised);padding:0px var(--spacing-2xs);appearance:textfield;outline-offset:-1px;border-radius:0}.step-number:focus-visible{background-color:var(--surface-sunken);outline:1px solid}.step-item{height:100%}@container step-slider (orientation:portrait){.step-item{flex-direction:column;min-height:12rem;max-height:12rem;display:flex}}@container step-slider (orientation:landscape){.step-item{grid-template-columns:1fr 5ch;display:grid}}step-slider:not(:last-child){border-right:1px solid var(--border-default)}:where(.range-input)[orient=vertical]{writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;width:100%}@container step-slider (orientation:landscape){:where(.range-input)[orient=vertical]{writing-mode:horizontal-tb;cursor:ew-resize;--thumb-width:4px;--thumb-height:.75rem;direction:ltr}.slider-track{flex:unset}}.palette-grid{border:1px solid var(--border-default);border-radius:8px;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid;overflow:clip}.palette-grid[data-editor=chroma]{grid-auto-rows:12rem}.palette-body{gap:var(--spacing-m);display:grid}.palette-swatch{height:8rem;position:relative}.swatch-gamut-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:oklch(100% 0 0);pointer-events:none;-webkit-user-select:none;user-select:none;background:oklch(0% 0 0/.55);border-radius:3px;padding:2px 5px;line-height:1;position:absolute;bottom:4px;right:4px}.palette-origin{grid-area:configuration}.origin-swatch{width:1rem;margin:auto var(--spacing-xs);cursor:pointer;z-index:1;border:none;border-radius:4px;height:1rem}.origin-color-input{opacity:0;z-index:10;cursor:pointer;justify-self:start;width:2rem;height:100%}@media (width<=640px){.palette-body{gap:0 var(--spacing-xs);grid-template-rows:repeat(20,2rem);grid-template-columns:5rem 1fr}.palette-grid{grid-row:1/-1;grid-template-rows:subgrid}.palette-grid[data-palette-grid] .palette-swatch{height:100%}.palette-grid[data-editor=chroma] step-slider:not(:last-child){border-right:none;border-bottom:1px solid var(--border-default)}}.bezier-editor__svg{touch-action:none;-webkit-user-select:none;user-select:none;display:block;overflow:visible}.bezier-editor__plot-bg{fill:var(--surface-sunken);stroke:var(--border-default);stroke-width:1px}.bezier-editor__axis{stroke:var(--text-low);stroke-width:.5px;display:none}.bezier-editor__control-line{stroke:var(--accent);stroke-width:1px;stroke-opacity:.3;stroke-dasharray:4 3;animation:2s linear infinite dash-march}@keyframes dash-march{to{stroke-dashoffset:-14px}}.bezier-editor__handle-group{outline:none}.bezier-editor__handle-group.bezier-editor__handle--anchor .bezier-editor__handle-hit{cursor:ns-resize}.bezier-editor__grid-line{stroke:var(--border-strong);stroke-width:.5px;stroke-dasharray:2 2}.bezier-editor__step-path{fill:none;stroke:var(--accent);stroke-width:4px;stroke-opacity:.1;stroke-linejoin:round}.bezier-editor__step-diamond{fill:var(--accent);stroke:var(--border-strong);stroke-width:.5px}.bezier-editor__step-values{justify-content:space-around;display:flex}.bezier-editor__step-value{flex-direction:column;align-items:center;min-width:0;font-size:8px;line-height:1.3;display:flex}.bezier-editor__step-value-label{color:var(--text-low);font-family:var(--font-mono,monospace)}.bezier-editor__step-value-num{color:var(--text-mid);font-family:var(--font-mono,monospace)}.bezier-editor__handle-hit{fill:#0000;pointer-events:all;cursor:move}.bezier-editor__handle{stroke:var(--accent);stroke-width:2px;fill:var(--surface-default);pointer-events:none;transition:fill .15s}.bezier-editor__handle-group:focus-visible .bezier-editor__handle,.bezier-editor__handle--active{fill:var(--accent)}.bezier-editor__handle-group:focus-visible .bezier-editor__handle-dot,.bezier-editor__handle-dot--active{fill:var(--surface-default);filter:drop-shadow(0 0 6px var(--accent))}.bezier-editor__handle-dot{fill:var(--accent);pointer-events:none;transition:fill .15s}.bezier-editor__anchor-label{fill:var(--text-mid);font-size:10px;font-family:var(--font-mono,monospace);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes stagger-reveal-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:where([stagger-reveal]){--_max-stagger-items:10;--_reveal-max-delay:var(--reveal-max-delay,.3s);--_reveal-initial-delay:var(--reveal-initial-delay,25ms);--_reveal-duration:var(--reveal-duration,.25s);--_reveal-timing-function:ease-out;--_reveal-animation:var(--reveal-animation,stagger-reveal-enter)}:where([stagger-reveal])>:where(*){animation:var(--_reveal-animation,stagger-reveal-enter) var(--_reveal-duration) var(--_reveal-timing-function) both;animation-delay:var(--_reveal-max-delay)}:where([stagger-reveal])>:nth-child(-n+10){animation-delay:calc(var(--_reveal-initial-delay) + (var(--_reveal-max-delay) - var(--_reveal-initial-delay)) * var(--_child-index) / (var(--_max-stagger-items) * var(--_max-stagger-items) / var(--_max-stagger-items)))}:where([stagger-reveal])>:first-child{--_child-index:1}:where([stagger-reveal])>:nth-child(2){--_child-index:2}:where([stagger-reveal])>:nth-child(3){--_child-index:3}:where([stagger-reveal])>:nth-child(4){--_child-index:4}:where([stagger-reveal])>:nth-child(5){--_child-index:5}:where([stagger-reveal])>:nth-child(6){--_child-index:6}:where([stagger-reveal])>:nth-child(7){--_child-index:7}:where([stagger-reveal])>:nth-child(8){--_child-index:8}:where([stagger-reveal])>:nth-child(9){--_child-index:9}:where([stagger-reveal])>:nth-child(10){--_child-index:10}*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-mid);background:var(--surface-default);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#app{gap:2rem;max-width:min(1200px,100svw);margin-inline:auto;padding:1rem;display:grid}#palettes{display:grid}.icon{width:1em;height:1em;color:var(--accent)}.label{font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:var(--text-low)}.grid{display:grid}.block{display:block}:where([popover]){background:var(--surface-default);color:var(--text-mid)}number-slider{display:contents}:where([popover]){transition-behavior:allow-discrete;transition:opacity .15s, transform .15s, overlay .15s allow-discrete, display .15s allow-discrete;opacity:0;border:1px solid var(--border-default);border-radius:var(--radius-m);box-shadow:var(--shadow-dialog);transition-timing-function:ease-out;transform:translateY(.25rem)}:where([popover]):popover-open{opacity:1;transform:scale(1)}@starting-style{:where([popover]):popover-open{opacity:0;transform:translateY(.25rem)scale(.98)}}@supports (position-area:end){:where([popover]){position-area:end span-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline}}@supports not (position-area:end){:where([popover]){width:fit-content;height:fit-content;margin:auto;position:fixed;inset:0}}kbd{font-size:var(--font-size-xs);border:1px solid var(--border-default);background:var(--surface-raised);border-radius:4px;padding:0 .35em;font-family:inherit;line-height:1.6;display:inline-block}.tt-trigger{all:initial;appearance:none;vertical-align:baseline;color:var(--text-low);align-self:baseline;place-items:center;width:1lh;height:1lh;display:inline-flex}.tt-trigger:hover,.tt-trigger:focus-visible{color:var(--text-mid)}.tt-icon{width:var(--spacing-s);height:var(--spacing-s);color:currentColor}.tt-popover{min-width:200px;max-width:280px}.toolbar-bar{flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:.5rem 0;display:flex}.advanced-popover{border-radius:12px}.export-dialog{width:92vw;max-width:640px;margin:var(--spacing-m);border-radius:8px}.export-dialog::backdrop{background:var(--scrim)}.export-dialog__preview{padding:var(--spacing-s);border:1px solid var(--border-default);background:var(--surface-raised);resize:vertical;tab-size:2;border-radius:4px;width:100%;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.7rem;line-height:1.4}.palettes-preview{place-self:center}.palettes-preview__body{width:calc(100vw - (var(--spacing-m) * 2));height:90svh;display:grid}.palettes-preview-head,.palettes-preview-row{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.palettes-preview-header{-webkit-user-select:none;user-select:none}.palettes-preview-name{white-space:nowrap}.grayscale .palettes-preview-swatch{filter:grayscale()}.no-transition,.no-transition *{transition:none!important}.grayscale{filter:grayscale()}