/*!
 * This material is licensed under the terms of the MIT License.
 * A copy of the license is available at https://github.com/tanguylegazon/custom-css/blob/main/LICENSE.
 */
@layer reset,theme,base,components,variants,utilities;@layer theme{:root{--palette-light-neutral-1:oklch(0.985 0.002 260);--palette-light-neutral-2:oklch(0.97 0.007 260);--palette-light-neutral-3:oklch(0.95 0.01 260);--palette-light-neutral-4:oklch(0.925 0.014 260);--palette-light-neutral-5:oklch(0.88 0.018 260);--palette-light-neutral-6:oklch(0.841084 0.022 260);--palette-light-neutral-7:oklch(0.75489 0.026 260);--palette-light-neutral-8:oklch(0.626882 0.028 260);--palette-light-neutral-9:oklch(0.539595 0.026 260);--palette-light-neutral-10:oklch(0.47482 0.024 260);--palette-light-neutral-11:oklch(0.361751 0.018 260);--palette-light-neutral-12:oklch(0.248961 0.012 260);--palette-light-note-1:oklch(0.985 0.002 300);--palette-light-note-2:oklch(0.97 0.0055 300);--palette-light-note-3:oklch(0.95 0.0132 300);--palette-light-note-4:oklch(0.925 0.022 300);--palette-light-note-5:oklch(0.88 0.033 300);--palette-light-note-6:oklch(0.844954 0.0495 300);--palette-light-note-7:oklch(0.760647 0.0715 300);--palette-light-note-8:oklch(0.634623 0.0935 300);--palette-light-note-9:oklch(0.550919 0.132 300);--palette-light-note-10:oklch(0.484406 0.1155 300);--palette-light-note-11:oklch(0.367488 0.077 300);--palette-light-note-12:oklch(0.250945 0.0385 300);--palette-light-info-1:oklch(0.985 0.002 250);--palette-light-info-2:oklch(0.97 0.0054 250);--palette-light-info-3:oklch(0.95 0.01296 250);--palette-light-info-4:oklch(0.925 0.0216 250);--palette-light-info-5:oklch(0.88 0.0324 250);--palette-light-info-6:oklch(0.839944 0.0486 250);--palette-light-info-7:oklch(0.753279 0.0702 250);--palette-light-info-8:oklch(0.624769 0.0918 250);--palette-light-info-9:oklch(0.536117 0.1296 250);--palette-light-info-10:oklch(0.471252 0.1134 250);--palette-light-info-11:oklch(0.358669 0.0756 250);--palette-light-info-12:oklch(0.247047 0.0378 250);--palette-light-warning-1:oklch(0.985 0.002 39);--palette-light-warning-2:oklch(0.97 0.006667 39);--palette-light-warning-3:oklch(0.95 0.016 39);--palette-light-warning-4:oklch(0.925 0.026667 39);--palette-light-warning-5:oklch(0.88 0.04 39);--palette-light-warning-6:oklch(0.846384 0.06 39);--palette-light-warning-7:oklch(0.762392 0.086667 39);--palette-light-warning-8:oklch(0.635924 0.113333 39);--palette-light-warning-9:oklch(0.549297 0.16 39);--palette-light-warning-10:oklch(0.482026 0.14 39);--palette-light-warning-11:oklch(0.364959 0.093333 39);--palette-light-warning-12:oklch(0.248928 0.046667 39);--palette-light-danger-1:oklch(0.985 0.002 25);--palette-light-danger-2:oklch(0.97 0.006 25);--palette-light-danger-3:oklch(0.95 0.0144 25);--palette-light-danger-4:oklch(0.925 0.024 25);--palette-light-danger-5:oklch(0.88 0.036 25);--palette-light-danger-6:oklch(0.846748 0.054 25);--palette-light-danger-7:oklch(0.762884 0.078 25);--palette-light-danger-8:oklch(0.636563 0.102 25);--palette-light-danger-9:oklch(0.550619 0.144 25);--palette-light-danger-10:oklch(0.483406 0.126 25);--palette-light-danger-11:oklch(0.366075 0.084 25);--palette-light-danger-12:oklch(0.249527 0.042 25);--palette-light-success-1:oklch(0.985 0.002 155);--palette-light-success-2:oklch(0.97 0.005 155);--palette-light-success-3:oklch(0.95 0.012 155);--palette-light-success-4:oklch(0.925 0.02 155);--palette-light-success-5:oklch(0.88 0.03 155);--palette-light-success-6:oklch(0.836012 0.045 155);--palette-light-success-7:oklch(0.747321 0.065 155);--palette-light-success-8:oklch(0.616505 0.085 155);--palette-light-success-9:oklch(0.52281 0.12 155);--palette-light-success-10:oklch(0.459671 0.105 155);--palette-light-success-11:oklch(0.351541 0.07 155);--palette-light-success-12:oklch(0.244404 0.035 155);--palette-dark-neutral-1:oklch(0.19 0.002 260);--palette-dark-neutral-2:oklch(0.22 0.007 260);--palette-dark-neutral-3:oklch(0.25 0.01 260);--palette-dark-neutral-4:oklch(0.28 0.014 260);--palette-dark-neutral-5:oklch(0.33 0.018 260);--palette-dark-neutral-6:oklch(0.490487 0.022 260);--palette-dark-neutral-7:oklch(0.606416 0.026 260);--palette-dark-neutral-8:oklch(0.704665 0.028 260);--palette-dark-neutral-9:oklch(0.79174 0.026 260);--palette-dark-neutral-10:oklch(0.82953 0.024 260);--palette-dark-neutral-11:oklch(0.895897 0.018 260);--palette-dark-neutral-12:oklch(0.944099 0.012 260);--palette-dark-note-1:oklch(0.19 0.002 300);--palette-dark-note-2:oklch(0.22 0.0066 300);--palette-dark-note-3:oklch(0.25 0.0198 300);--palette-dark-note-4:oklch(0.28 0.0385 300);--palette-dark-note-5:oklch(0.33 0.066 300);--palette-dark-note-6:oklch(0.499861 0.11 300);--palette-dark-note-7:oklch(0.618027 0.132 300);--palette-dark-note-8:oklch(0.716251 0.132 300);--palette-dark-note-9:oklch(0.801792 0.116859 300);--palette-dark-note-10:oklch(0.837472 0.09442 300);--palette-dark-note-11:oklch(0.900328 0.05457 300);--palette-dark-note-12:oklch(0.946374 0.028513 300);--palette-dark-info-1:oklch(0.19 0.002 250);--palette-dark-info-2:oklch(0.22 0.00648 250);--palette-dark-info-3:oklch(0.25 0.01944 250);--palette-dark-info-4:oklch(0.28 0.0378 250);--palette-dark-info-5:oklch(0.33 0.0648 250);--palette-dark-info-6:oklch(0.487283 0.108 250);--palette-dark-info-7:oklch(0.603392 0.1296 250);--palette-dark-info-8:oklch(0.701949 0.1296 250);--palette-dark-info-9:oklch(0.789405 0.107953 250);--palette-dark-info-10:oklch(0.827538 0.087224 250);--palette-dark-info-11:oklch(0.894609 0.051971 250);--palette-dark-info-12:oklch(0.943382 0.027994 250);--palette-dark-warning-1:oklch(0.19 0.002 39);--palette-dark-warning-2:oklch(0.22 0.008 39);--palette-dark-warning-3:oklch(0.25 0.024 39);--palette-dark-warning-4:oklch(0.28 0.046667 39);--palette-dark-warning-5:oklch(0.33 0.08 39);--palette-dark-warning-6:oklch(0.498575 0.133333 39);--palette-dark-warning-7:oklch(0.618151 0.16 39);--palette-dark-warning-8:oklch(0.717788 0.16 39);--palette-dark-warning-9:oklch(0.801865 0.114448 39);--palette-dark-warning-10:oklch(0.837863 0.092472 39);--palette-dark-warning-11:oklch(0.900822 0.053444 39);--palette-dark-warning-12:oklch(0.94663 0.027087 39);--palette-dark-danger-1:oklch(0.19 0.002 25);--palette-dark-danger-2:oklch(0.22 0.0072 25);--palette-dark-danger-3:oklch(0.25 0.0216 25);--palette-dark-danger-4:oklch(0.28 0.042 25);--palette-dark-danger-5:oklch(0.33 0.072 25);--palette-dark-danger-6:oklch(0.499747 0.12 25);--palette-dark-danger-7:oklch(0.619195 0.144 25);--palette-dark-danger-8:oklch(0.718649 0.144 25);--palette-dark-danger-9:oklch(0.803134 0.109473 25);--palette-dark-danger-10:oklch(0.838948 0.088453 25);--palette-dark-danger-11:oklch(0.901346 0.049588 25);--palette-dark-danger-12:oklch(0.946995 0.025909 25);--palette-dark-success-1:oklch(0.19 0.002 155);--palette-dark-success-2:oklch(0.22 0.006 155);--palette-dark-success-3:oklch(0.25 0.018 155);--palette-dark-success-4:oklch(0.28 0.035 155);--palette-dark-success-5:oklch(0.33 0.06 155);--palette-dark-success-6:oklch(0.476381 0.1 155);--palette-dark-success-7:oklch(0.59043 0.12 155);--palette-dark-success-8:oklch(0.689442 0.12 155);--palette-dark-success-9:oklch(0.778249 0.109521 155);--palette-dark-success-10:oklch(0.818809 0.088491 155);--palette-dark-success-11:oklch(0.890026 0.049609 155);--palette-dark-success-12:oklch(0.941084 0.025921 155)}}@layer theme{:root{--color-error:light-dark(var(--palette-light-danger-9), var(--palette-dark-danger-9));--color-positive:light-dark(var(--palette-light-success-9), var(--palette-dark-success-9));--color-caution:light-dark(var(--palette-light-warning-9), var(--palette-dark-warning-9));--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, monospace;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--control-height:2.625em;--font-size-h1:clamp(2.5rem, 1.5rem + 3vw, 5rem);--font-size-h2:clamp(1.875rem, 1.4rem + 1.6vw, 3rem);--font-size-h3:clamp(1.25rem, 1.1rem + .6vw, 1.75rem);--line-height-body:1.6;--line-height-heading:1.08;--content-width:75rem;--reading-width:65ch;--space-flow:1.25rem;--scroll-offset:0px;--radius-control:.1875rem;--radius-rounded:.625rem;--radius-full:9999px;--duration-instant:0ms;--duration-quick:100ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:400ms;--ease-standard:cubic-bezier(.2, 0, .38, .9);--ease-enter:cubic-bezier(0, 0, .38, .9);--ease-exit:cubic-bezier(.2, 0, 1, .9);--ease-emphasized:cubic-bezier(.4, .14, .3, 1);--ease-functional:var(--ease-standard);color-scheme:light dark;--tone-1:light-dark(var(--palette-light-neutral-1), var(--palette-dark-neutral-1));--tone-2:light-dark(var(--palette-light-neutral-2), var(--palette-dark-neutral-2));--tone-3:light-dark(var(--palette-light-neutral-3), var(--palette-dark-neutral-3));--tone-4:light-dark(var(--palette-light-neutral-4), var(--palette-dark-neutral-4));--tone-5:light-dark(var(--palette-light-neutral-5), var(--palette-dark-neutral-5));--tone-6:light-dark(var(--palette-light-neutral-6), var(--palette-dark-neutral-6));--tone-7:light-dark(var(--palette-light-neutral-7), var(--palette-dark-neutral-7));--tone-8:light-dark(var(--palette-light-neutral-8), var(--palette-dark-neutral-8));--tone-9:light-dark(var(--palette-light-neutral-9), var(--palette-dark-neutral-9));--tone-10:light-dark(var(--palette-light-neutral-10), var(--palette-dark-neutral-10));--tone-11:light-dark(var(--palette-light-neutral-11), var(--palette-dark-neutral-11));--tone-12:light-dark(var(--palette-light-neutral-12), var(--palette-dark-neutral-12))}:where(:root,.note,.info,.warning,.danger,.success,label:has(>:is(input,select,textarea,progress,meter):is(.note,.info,.warning,.danger,.success))){--color-bg:var(--tone-1);--color-surface:var(--tone-2);--color-surface-muted:var(--tone-3);--color-accent-soft:var(--tone-3);--color-accent-soft-hover:var(--tone-4);--color-border:var(--tone-5);--color-border-strong:var(--tone-7);--color-accent:var(--tone-9);--color-accent-hover:var(--tone-10);--color-link-hover:light-dark(var(--tone-11), var(--tone-10));--color-button:var(--palette-light-neutral-9);--color-button-hover:var(--palette-light-neutral-10);--color-field-surface:color-mix(in oklab, var(--tone-2) 86%, light-dark(oklch(.99 0 0), oklch(.16 0 0)) 14%);--color-field-border:color-mix(in oklab, var(--tone-7) 82%, light-dark(oklch(.5 0 0), oklch(.62 0 0)) 18%);--color-field-text:color-mix(in oklab, var(--tone-12) 90%, light-dark(oklch(.12 0 0), oklch(.96 0 0)) 10%);--color-field-muted:color-mix(in oklab, var(--tone-11) 85%, light-dark(oklch(.3 0 0), oklch(.78 0 0)) 15%);--color-field-focus:color-mix(in oklab, var(--tone-9) 90%, light-dark(oklch(.35 0 0), oklch(.78 0 0)) 10%);--color-text-muted:color-mix(in oklab, var(--tone-11) 12%, light-dark(var(--palette-light-neutral-9), var(--palette-dark-neutral-9)));--color-text:var(--tone-12);--color-accent-contrast:#fff;--color-focus-ring:var(--tone-9);--color-disabled-bg:color-mix(in oklab, var(--tone-3) 20%, light-dark(var(--palette-light-neutral-3), var(--palette-dark-neutral-3)));--color-disabled-text:color-mix(in oklab, var(--tone-7) 20%, light-dark(var(--palette-light-neutral-7), var(--palette-dark-neutral-7)));--color-disabled-border:color-mix(in oklab, var(--tone-5) 20%, light-dark(var(--palette-light-neutral-5), var(--palette-dark-neutral-5)));--color-text-contrast:var(--color-accent-contrast);--color-on:var(--color-text);--color-on-surface:var(--color-text)}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}}@layer theme{.note,label:has(>:is(input,select,textarea,progress,meter).note){--color-button:var(--palette-light-note-9);--color-button-hover:var(--palette-light-note-10);--tone-1:light-dark(var(--palette-light-note-1), var(--palette-dark-note-1));--tone-2:light-dark(var(--palette-light-note-2), var(--palette-dark-note-2));--tone-3:light-dark(var(--palette-light-note-3), var(--palette-dark-note-3));--tone-4:light-dark(var(--palette-light-note-4), var(--palette-dark-note-4));--tone-5:light-dark(var(--palette-light-note-5), var(--palette-dark-note-5));--tone-6:light-dark(var(--palette-light-note-6), var(--palette-dark-note-6));--tone-7:light-dark(var(--palette-light-note-7), var(--palette-dark-note-7));--tone-8:light-dark(var(--palette-light-note-8), var(--palette-dark-note-8));--tone-9:light-dark(var(--palette-light-note-9), var(--palette-dark-note-9));--tone-10:light-dark(var(--palette-light-note-10), var(--palette-dark-note-10));--tone-11:light-dark(var(--palette-light-note-11), var(--palette-dark-note-11));--tone-12:light-dark(var(--palette-light-note-12), var(--palette-dark-note-12))}.info,label:has(>:is(input,select,textarea,progress,meter).info){--color-button:var(--palette-light-info-9);--color-button-hover:var(--palette-light-info-10);--tone-1:light-dark(var(--palette-light-info-1), var(--palette-dark-info-1));--tone-2:light-dark(var(--palette-light-info-2), var(--palette-dark-info-2));--tone-3:light-dark(var(--palette-light-info-3), var(--palette-dark-info-3));--tone-4:light-dark(var(--palette-light-info-4), var(--palette-dark-info-4));--tone-5:light-dark(var(--palette-light-info-5), var(--palette-dark-info-5));--tone-6:light-dark(var(--palette-light-info-6), var(--palette-dark-info-6));--tone-7:light-dark(var(--palette-light-info-7), var(--palette-dark-info-7));--tone-8:light-dark(var(--palette-light-info-8), var(--palette-dark-info-8));--tone-9:light-dark(var(--palette-light-info-9), var(--palette-dark-info-9));--tone-10:light-dark(var(--palette-light-info-10), var(--palette-dark-info-10));--tone-11:light-dark(var(--palette-light-info-11), var(--palette-dark-info-11));--tone-12:light-dark(var(--palette-light-info-12), var(--palette-dark-info-12))}.warning,label:has(>:is(input,select,textarea,progress,meter).warning){--color-button:var(--palette-light-warning-9);--color-button-hover:var(--palette-light-warning-10);--tone-1:light-dark(var(--palette-light-warning-1), var(--palette-dark-warning-1));--tone-2:light-dark(var(--palette-light-warning-2), var(--palette-dark-warning-2));--tone-3:light-dark(var(--palette-light-warning-3), var(--palette-dark-warning-3));--tone-4:light-dark(var(--palette-light-warning-4), var(--palette-dark-warning-4));--tone-5:light-dark(var(--palette-light-warning-5), var(--palette-dark-warning-5));--tone-6:light-dark(var(--palette-light-warning-6), var(--palette-dark-warning-6));--tone-7:light-dark(var(--palette-light-warning-7), var(--palette-dark-warning-7));--tone-8:light-dark(var(--palette-light-warning-8), var(--palette-dark-warning-8));--tone-9:light-dark(var(--palette-light-warning-9), var(--palette-dark-warning-9));--tone-10:light-dark(var(--palette-light-warning-10), var(--palette-dark-warning-10));--tone-11:light-dark(var(--palette-light-warning-11), var(--palette-dark-warning-11));--tone-12:light-dark(var(--palette-light-warning-12), var(--palette-dark-warning-12))}.danger,label:has(>:is(input,select,textarea,progress,meter).danger){--color-button:var(--palette-light-danger-9);--color-button-hover:var(--palette-light-danger-10);--tone-1:light-dark(var(--palette-light-danger-1), var(--palette-dark-danger-1));--tone-2:light-dark(var(--palette-light-danger-2), var(--palette-dark-danger-2));--tone-3:light-dark(var(--palette-light-danger-3), var(--palette-dark-danger-3));--tone-4:light-dark(var(--palette-light-danger-4), var(--palette-dark-danger-4));--tone-5:light-dark(var(--palette-light-danger-5), var(--palette-dark-danger-5));--tone-6:light-dark(var(--palette-light-danger-6), var(--palette-dark-danger-6));--tone-7:light-dark(var(--palette-light-danger-7), var(--palette-dark-danger-7));--tone-8:light-dark(var(--palette-light-danger-8), var(--palette-dark-danger-8));--tone-9:light-dark(var(--palette-light-danger-9), var(--palette-dark-danger-9));--tone-10:light-dark(var(--palette-light-danger-10), var(--palette-dark-danger-10));--tone-11:light-dark(var(--palette-light-danger-11), var(--palette-dark-danger-11));--tone-12:light-dark(var(--palette-light-danger-12), var(--palette-dark-danger-12))}.success,label:has(>:is(input,select,textarea,progress,meter).success){--color-button:var(--palette-light-success-9);--color-button-hover:var(--palette-light-success-10);--tone-1:light-dark(var(--palette-light-success-1), var(--palette-dark-success-1));--tone-2:light-dark(var(--palette-light-success-2), var(--palette-dark-success-2));--tone-3:light-dark(var(--palette-light-success-3), var(--palette-dark-success-3));--tone-4:light-dark(var(--palette-light-success-4), var(--palette-dark-success-4));--tone-5:light-dark(var(--palette-light-success-5), var(--palette-dark-success-5));--tone-6:light-dark(var(--palette-light-success-6), var(--palette-dark-success-6));--tone-7:light-dark(var(--palette-light-success-7), var(--palette-dark-success-7));--tone-8:light-dark(var(--palette-light-success-8), var(--palette-dark-success-8));--tone-9:light-dark(var(--palette-light-success-9), var(--palette-dark-success-9));--tone-10:light-dark(var(--palette-light-success-10), var(--palette-dark-success-10));--tone-11:light-dark(var(--palette-light-success-11), var(--palette-dark-success-11));--tone-12:light-dark(var(--palette-light-success-12), var(--palette-dark-success-12))}}@layer reset{*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}ol[role=list],ul[role=list]{list-style:none;margin:0;padding:0}canvas,img,picture,video{display:block;max-inline-size:100%;block-size:auto}button,input,select,textarea{font:inherit}[role=button],button,label,select,summary{touch-action:manipulation}textarea:not([rows]){min-block-size:10em}[hidden]{display:none!important}}@layer base{html{overflow-wrap:break-word;scroll-behavior:smooth;scroll-padding-block-start:var(--scroll-offset)}body{position:relative;min-block-size:100vh;min-block-size:100svh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-body)}main{inline-size:min(calc(100% - 2rem),var(--content-width));margin-inline:auto;padding-block:clamp(1rem,4vw,4rem)}:is(h1,h2,h3,h4,h5,h6){max-inline-size:30ch;color:var(--color-text);line-height:var(--line-height-heading);font-weight:600;letter-spacing:-.035em;text-wrap:balance}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}:is(h4,h5,h6){font-size:var(--font-size-lg)}:is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,pre,table){margin-block-end:var(--space-flow)}:is(p,li,dd,blockquote){max-inline-size:var(--reading-width);text-wrap:pretty}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.16em;transition:color var(--duration-fast) var(--ease-functional)}@media (hover:hover){a:hover{color:var(--color-link-hover)}}hr{block-size:0;margin:0;border:0;border-block-start:1px solid var(--color-border)}blockquote{padding-inline-start:1em;border-inline-start:.25em solid var(--color-border-strong);color:var(--color-text-muted)}:is(code,kbd,samp,pre){font-family:var(--font-mono)}:is(code,kbd,samp){padding:.12em .32em;border-radius:.25em;background-color:var(--color-surface-muted);font-size:.9em}pre{max-inline-size:100%;overflow:auto;padding:1em;border:1px solid var(--color-border);background-color:var(--color-surface)}pre code{padding:0;background:0 0;font-size:inherit}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}:is(th,td){padding:.65em .8em;border-block-end:1px solid var(--color-border);text-align:start}th{font-weight:600}abbr[title]{text-decoration:underline dotted;text-decoration-thickness:.08em;text-underline-offset:.16em;cursor:help}small{font-size:var(--font-size-sm)}.danger,.info,.note,.success,.warning,th{color:var(--color-text)}label:has(>:is(input,select,textarea,progress,meter):is(.note,.info,.warning,.danger,.success)){color:var(--color-text)}label:has(>input:is([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}label:has(:disabled){color:var(--color-disabled-text);cursor:not-allowed}::selection{background-color:var(--color-button);color:var(--color-accent-contrast)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}svg{overflow:visible;height:.9lh}svg:not([fill]){fill:currentColor}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.stepper{--stepper-radius:var(--radius-control);--stepper-input-width:4ch;--stepper-inner-height:calc(var(--control-height) - .4em - 2px);display:inline-flex;align-items:center;gap:0;padding:.2em;border:1px solid var(--color-border);border-radius:var(--stepper-radius);background-color:var(--color-surface)}.stepper>button,.stepper>input{min-inline-size:0;block-size:var(--stepper-inner-height);min-block-size:0;border-radius:max(0px,calc(var(--stepper-radius) - .2em - 1px))}.stepper>button{flex:none;inline-size:var(--stepper-inner-height);padding:0}.stepper>input{inline-size:calc(var(--stepper-input-width) + .8em + 2px);padding:0 .4em;border-color:transparent;background-color:transparent;text-align:center;font-variant-numeric:tabular-nums}.stepper>button>svg{inline-size:1em;block-size:1em;flex:none}.stepper>input:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border)}.stepper:has(>input:focus-visible:not(:user-invalid,[aria-invalid=true])){border-color:var(--color-field-focus)}.stepper>input:focus-visible:not(:user-invalid,[aria-invalid=true]){outline:0;border-color:transparent}.stepper>input[type=number]{appearance:textfield}.stepper>input[type=number]::-webkit-inner-spin-button,.stepper>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root,:root[data-theme=light]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16' stroke='%23545d6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16' stroke='%23b2bccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16' stroke='%23b2bccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}:where(button,input:is([type=button],[type=reset],[type=submit])){display:inline-flex;min-block-size:var(--control-height);align-items:center;justify-content:center;gap:.6em;padding:calc((var(--control-height) - 1.2em)/2) 1.25em;border:0;border-radius:var(--radius-control);background-color:var(--color-button);background-image:linear-gradient(to bottom,#ffffff1a,transparent);box-shadow:inset 0 1px 0#ffffff14;color:var(--color-accent-contrast);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:color var(--duration-normal) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),filter var(--duration-normal) var(--ease-standard)}@media (hover:hover){:where(button,input:is([type=button],[type=reset],[type=submit])):not(:disabled):hover{background-color:var(--color-button-hover);color:var(--color-accent-contrast)}}:where(button,input:is([type=button],[type=reset],[type=submit])):not(:disabled):active{filter:brightness(.96)}:where(input:not([type=button],[type=checkbox],[type=color],[type=file],[type=hidden],[type=image],[type=radio],[type=range],[type=reset],[type=submit]),textarea,select){max-inline-size:100%;padding:calc((var(--control-height) - 1.4em)/2 - 1px) .9em;border:1px solid var(--color-field-border);border-radius:var(--radius-control);background-color:var(--color-field-surface);color:var(--color-field-text);line-height:1.4;transition:color var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional),box-shadow var(--duration-fast) var(--ease-functional)}textarea{resize:vertical}textarea::-webkit-resizer{background:linear-gradient(135deg,transparent 50%,var(--color-field-muted) 50% 56%,transparent 56% 70%,var(--color-field-muted) 70% 76%,transparent 76%);border:3px solid transparent;background-clip:content-box}textarea:disabled::-webkit-resizer{background:0 0}:where(select:not([multiple],[size]),select[size="1"]){appearance:none;padding-inline-end:2.4em;background-image:var(--select-chevron);background-position:calc(100% - .7em) 50%;background-size:1.15em 1.15em;background-repeat:no-repeat}:where(select:not([multiple],[size]),select[size="1"]):dir(rtl){background-position:.7em 50%}:where(input,textarea)::placeholder{color:var(--color-field-muted);opacity:1}:where(input,textarea,select):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-1px;border-color:var(--color-field-focus);box-shadow:none}:where(input[type=checkbox],input[type=radio],input[type=range],progress){accent-color:var(--color-accent)}input:is([type=checkbox],[type=radio]){appearance:none;display:inline-grid;place-content:center;flex:none;inline-size:1.125em;block-size:1.125em;margin:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-accent-contrast);vertical-align:-.15em;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}input[type=radio]{border-radius:50%}input[type=radio]::before{content:"";inline-size:.375em;block-size:.375em;border-radius:50%;background-color:currentColor;visibility:hidden}input[type=checkbox]::before{content:"";inline-size:.3em;block-size:.55em;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-.06em) rotate(45deg);visibility:hidden}input:is([type=checkbox],[type=radio]):not(:checked,:indeterminate){border-width:1.5px}input:is([type=checkbox],[type=radio]):focus-visible{outline-offset:2px}:is(input[type=checkbox]:is(:checked,:indeterminate),input[type=radio]:checked){border-color:var(--color-button);background-color:var(--color-button)}:is(input[type=checkbox]:is(:checked,:indeterminate),input[type=radio]:checked)::before{visibility:visible}input[type=checkbox]:indeterminate::before{inline-size:.5em;block-size:0;border-width:0 0 2px;transform:none}input:is([type=checkbox],[type=radio]):disabled{cursor:not-allowed;border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);color:var(--color-disabled-text)}@media (forced-colors:active){input:is([type=checkbox],[type=radio]){appearance:auto}input:is([type=checkbox],[type=radio])::before{display:none}}:where(input[readonly],textarea[readonly]){background-color:var(--color-surface-muted);cursor:default}:where(input,textarea,select):disabled{cursor:not-allowed}:where(select:not([multiple],[size]),select[size="1"]):disabled{--color-field-muted:var(--color-disabled-text)}:where(input:not([type=button],[type=checkbox],[type=color],[type=file],[type=hidden],[type=image],[type=radio],[type=range],[type=reset],[type=submit]),textarea,select):disabled{border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);color:var(--color-disabled-text)}:where(input[type=file]){max-inline-size:100%;padding:calc((var(--control-height) - 1.4em)/2 - 1px) .9em;border:1px dashed var(--color-field-border);border-radius:var(--radius-control);background-color:var(--color-field-surface);color:var(--color-field-text);line-height:1.4;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional)}::file-selector-button{margin-inline-end:.75em;padding:0 0 0 1.75em;border:0;background:linear-gradient(var(--color-field-muted),var(--color-field-muted)) left center/1.25em 1.25em no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5'/%3E%3C/svg%3E")left center/1.25em 1.25em no-repeat,linear-gradient(#000,#000) right center/calc(100% - 1.5em) 100%no-repeat;color:inherit;font:inherit;font-weight:600;cursor:inherit}input[type=file]:dir(rtl)::file-selector-button{padding-inline:1.75em 0;background-position:right center;mask-position:right center,left center}@media (hover:hover){input[type=file]:enabled:not(:user-invalid,[aria-invalid=true]):hover{border-color:var(--color-field-focus);background-color:var(--color-surface-muted)}}input[type=file]:disabled{--color-field-muted:var(--color-disabled-text);border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}:is(input,textarea,select):not(:disabled,[readonly]):is(:user-invalid,[aria-invalid=true]){border-color:var(--color-error);outline-color:var(--color-error);color:var(--color-error)}:where(details){padding:1em;border:0;border-radius:var(--radius-control);background-color:var(--color-surface)}:where(summary){display:flex;align-items:center;gap:.65em;list-style:none;color:var(--color-text);font-weight:600;cursor:pointer;transition:color var(--duration-fast) var(--ease-functional)}summary::-webkit-details-marker{display:none}summary::before{content:"";flex:none;inline-size:1.25em;block-size:1.25em;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m3.5 6.75 6.5 6.5 6.5-6.5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")center/contain no-repeat;transform:rotate(-90deg);transition:transform var(--duration-normal) var(--ease-standard)}details[open]>summary::before{transform:rotate(0)}@media (hover:hover){summary:hover{color:var(--color-accent-hover)}}details[open]>summary{margin-block-end:1em}details>:last-child:not(summary){margin-block-end:0}@supports (interpolate-size:allow-keywords) and selector(::details-content){details::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;padding-block-start:0;transition:block-size var(--duration-slow) var(--ease-standard),padding-block-start var(--duration-slow) var(--ease-standard),content-visibility var(--duration-slow) allow-discrete}details[open]::details-content{block-size:auto;padding-block-start:1em}details[open]>summary{margin-block-end:0}}:where(dialog,[popover]){--overlay-padding:clamp(1.25rem, 4vw, 2rem);max-inline-size:min(32rem,calc(100% - 2rem));max-block-size:calc(100dvh - 2rem);overflow:auto;padding:var(--overlay-padding);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);color:var(--color-text);box-shadow:0 12px 40px #0000001a}:where(dialog,[popover])>:last-child{margin-block-end:0}:where(dialog,[popover])>:is(h1,h2,h3,h4,h5,h6){color:var(--color-accent)}dialog::backdrop{background-color:color-mix(in oklab,var(--color-button) 16%,transparent)}html:has(dialog:modal){overflow:hidden;scrollbar-gutter:stable}dialog:modal{overscroll-behavior:contain}:where(progress,meter){appearance:none;inline-size:12rem;max-inline-size:100%;block-size:.5em;overflow:hidden;border:0;border-radius:var(--radius-full);background:var(--color-surface-muted);vertical-align:middle}progress::-webkit-progress-bar{border-radius:var(--radius-full);background:0 0}progress::-webkit-progress-value{border-radius:var(--radius-full);background:var(--color-button)}progress::-moz-progress-bar{border-radius:var(--radius-full);background:var(--color-button)}progress:indeterminate{background-image:radial-gradient(circle at .25em 50%,var(--color-button) .24em,transparent .25em),radial-gradient(circle at calc(100% - .25em) 50%,var(--color-button) .24em,transparent .25em),linear-gradient(to right,transparent .25em,var(--color-button) .25em,var(--color-button) calc(100% - .25em),transparent calc(100% - .25em));background-size:35% 100%;background-repeat:no-repeat;animation:progress-pulse 1.6s var(--ease-standard) infinite alternate}progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes progress-pulse{0%{background-position:0 0}to{background-position:100%0}}progress:indeterminate:dir(rtl){animation-direction:alternate-reverse}meter::-webkit-meter-inner-element{display:block;block-size:100%}meter::-webkit-meter-bar{position:static;block-size:100%;border:0;border-radius:var(--radius-full);background:0 0;box-shadow:none}meter::-webkit-meter-optimum-value{border-radius:var(--radius-full);background:var(--color-positive)}meter::-webkit-meter-suboptimum-value{border-radius:var(--radius-full);background:var(--color-caution)}meter::-webkit-meter-even-less-good-value{border-radius:var(--radius-full);background:var(--color-error)}meter::-moz-meter-bar{border-radius:var(--radius-full);background:var(--color-positive)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-caution)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}@media (prefers-reduced-motion:reduce){details::details-content{transition:none}progress:indeterminate{animation:none;background-position:50%0}}@media (forced-colors:active){:where(select:not([multiple],[size]),select[size="1"]){appearance:auto;background-image:none}textarea::-webkit-resizer{background:revert;border:revert}:where(progress,meter){--color-button:Highlight;--color-positive:Highlight;--color-caution:Highlight;--color-error:Highlight;--color-surface-muted:Canvas;forced-color-adjust:none;border:1px solid CanvasText}::file-selector-button{padding-inline-start:0;background-image:none;mask:none}summary::before{background-color:CanvasText;forced-color-adjust:none}}:where(footer){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:clamp(2rem,4vw,3rem);border-block-start:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(footer) strong{color:var(--color-text);font-weight:600}@media (max-width:48rem){:where(footer){flex-direction:column;justify-content:center;text-align:center}}.floating{--floating-surface:var(--color-surface);position:sticky;isolation:isolate;inset-block-start:.75rem;z-index:30;padding:.625rem 1rem;border:1px solid transparent;border-radius:var(--radius-control)}.floating::before{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid var(--color-border);border-radius:inherit;background-color:var(--floating-surface);box-shadow:0 10px 30px #0000000a,inset 0 1px 0#ffffff12}@supports (animation-timeline:scroll(root)) and (animation-range:0px 16px){.floating::before{animation:floating-reveal linear both;animation-timeline:scroll(root);animation-range:0 16px}@media (prefers-reduced-motion:reduce){.floating::before{animation-timing-function:steps(1,end)}}}@keyframes floating-reveal{0%{opacity:0}to{opacity:1}}.floating nav a{position:relative}.floating,.floating nav a[aria-current=location]{color:var(--color-text)}.floating nav a::after{content:"";position:absolute;inset-inline:25%;inset-block-end:-.35rem;block-size:2px;border-radius:var(--radius-full);background-color:currentColor;opacity:0;transform:scaleX(.5);transition:opacity var(--duration-fast) var(--ease-functional),transform var(--duration-fast) var(--ease-functional)}.floating nav a[aria-current=location]::after{opacity:.65;transform:scaleX(1)}@supports (backdrop-filter:blur(12px)){.floating{--floating-surface:color-mix(in oklab, var(--color-surface) 76%, transparent)}.floating::before{backdrop-filter:blur(12px) saturate(140%)}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.floating{--floating-surface:var(--color-surface)}.floating::before{backdrop-filter:none}}:where(fieldset){padding:1em;border:1px solid var(--color-border)}:where(legend){padding-inline:.4em;color:var(--color-text-muted);font-weight:600}:where(button:has(>svg:only-child)){aspect-ratio:1;min-inline-size:var(--control-height);inline-size:var(--control-height);block-size:var(--control-height);padding:.75em}button:has(>svg:only-child)>svg{inline-size:1.25em;block-size:1.25em;flex:none}}@layer components{.navbar{display:flex;inset-block-start:0;justify-content:space-between;align-items:center;gap:1em;flex-wrap:wrap;inline-size:100%;margin-inline:0;padding:.625em var(--navbar-padding, 0px);border:1px solid transparent;border-block-color:color-mix(in oklab,var(--color-border) 48%,transparent);border-radius:var(--radius-control);border-block-start-color:transparent}.navbar:has(>nav){column-gap:2rem}.navbar>a:first-child{color:var(--color-text);font-weight:600;text-decoration:none}.navbar.is-ready{transition:inline-size var(--duration-normal) var(--ease-emphasized),margin-inline var(--duration-normal) var(--ease-emphasized),padding-inline var(--duration-normal) var(--ease-emphasized)}.navbar[data-scrolled]{inline-size:var(--navbar-expanded-width, 100%);margin-inline:var(--navbar-expanded-margin, 0px);padding-inline:var(--navbar-expanded-padding, var(--navbar-padding, 0px))}.navbar::before{animation:none;border:0;border-block-end:1px solid var(--color-border);opacity:0}.navbar.is-ready::before{transition:opacity var(--duration-normal) var(--ease-enter)}.navbar[data-scrolled]::before{opacity:1}.navbar nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75em 1.5em;margin-inline-start:auto}.navbar nav a,.navbar>:not(nav){flex-shrink:0}.navbar nav a{color:var(--color-text-muted);font-weight:400;border-radius:inherit;text-decoration:none;white-space:nowrap}.navbar nav a:is(:hover,:focus-visible){color:var(--color-text)}.navbar .theme-switch{--theme-menu-start:auto;--theme-menu-end:0px}footer .theme-switch{--theme-menu-top:auto;--theme-menu-bottom:calc(100% + .75em)}.navbar[data-wrapped]>nav{order:3;inline-size:100%;justify-content:center}.theme-switch{--theme-switch-radius:var(--radius-control);position:relative;inline-size:fit-content;max-inline-size:100%;border-radius:var(--theme-switch-radius);padding:0;border:0;background:0 0}.theme-switch>summary,.theme-switch[open]>summary{margin:0;border-radius:var(--theme-switch-radius)}.theme-switch>summary::before{content:none}.theme-switch::details-content,.theme-switch[open]::details-content{block-size:auto;overflow:visible;padding:0;transition:none}.theme-icon-defs{position:absolute;inline-size:0;block-size:0}.theme-switch-summary{display:flex;min-inline-size:7em;min-block-size:var(--control-height);align-items:center;gap:.45em;padding:calc((var(--control-height) - 1.4em)/2) .75em;border:0;border-radius:var(--theme-switch-radius);background-color:transparent;color:var(--color-text-muted);font-size:inherit;font-weight:600;line-height:1.4;list-style:none;cursor:pointer;box-shadow:none;transition:color var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional)}.theme-switch-summary::-webkit-details-marker{display:none}.theme-switch-summary:hover,.theme-switch[open] .theme-switch-summary{background-color:var(--color-surface-muted);color:var(--color-text)}.theme-switch-button svg,.theme-switch-summary>svg{inline-size:1.1em;block-size:1.1em;flex:none}.theme-switch-summary>[data-theme-icon]{display:none}.theme-switch[data-selected=auto] [data-theme-icon=auto],.theme-switch[data-selected=dark] [data-theme-icon=dark],.theme-switch[data-selected=light] [data-theme-icon=light]{display:block}.theme-switch-summary .theme-chevron{inline-size:.75em;margin-inline-start:.1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-normal) var(--ease-standard)}.theme-switch[open] .theme-chevron{transform:rotate(180deg)}.theme-switch-menu{position:absolute;inset-inline-start:var(--theme-menu-start, 0px);inset-inline-end:var(--theme-menu-end, auto);inset-block-start:var(--theme-menu-top, calc(100% + .75em));inset-block-end:var(--theme-menu-bottom, auto);display:grid;z-index:40;inline-size:max(100%,10em);max-inline-size:calc(100vw - 2em);max-block-size:min(20em,calc(100dvh - 2em));overflow-y:auto;gap:.125em;padding:.4em;border:1px solid var(--color-border);border-radius:min(var(--theme-switch-radius),1em);background-color:var(--color-surface);box-shadow:0 8px 24px #00000014}.theme-switch-button{min-block-size:var(--control-height);justify-content:flex-start;gap:.6em;padding:calc((var(--control-height) - 1.4em)/2) .6em;line-height:1.4;border-radius:inherit;background:0 0;color:var(--color-text-muted);font-size:inherit;font-weight:500;box-shadow:none;transition:color var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional)}.theme-switch-button:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.theme-switch-button:disabled{background:0 0;color:var(--color-disabled-text);cursor:not-allowed}.theme-switch-button[aria-pressed=true]:not(:disabled){color:var(--color-text);font-weight:600}.theme-switch-button::after{content:"";flex:none;inline-size:.3em;block-size:.3em;margin-inline-start:auto;border-radius:50%;background-color:currentColor;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.theme-switch-button[aria-pressed=true]::after{opacity:.8}.intro,.toc>a{display:flex;align-items:center}.intro{flex-wrap:wrap;gap:3rem;padding-block:clamp(3rem,7vw,6rem)}.intro>div{flex:2 1 min-content}.intro>.toc{flex:1 1 var(--toc-width, 12rem)}.toc{display:grid;gap:1.125em;inline-size:100%;min-inline-size:0}.toc>a{gap:1em;min-block-size:var(--control-height);padding:.3em .4em .8em;border-radius:0;border-block-end:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:color var(--duration-fast) var(--ease-functional)}.toc>a span:first-child{min-inline-size:2ch;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.toc>a svg{margin-inline-start:auto;inline-size:1em;block-size:1em;fill:none;flex:none;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-functional),transform var(--duration-fast) var(--ease-functional)}.toc>a:is(:hover,:focus-visible,[aria-current]:not([aria-current=false])){color:var(--color-link-hover)}.toc>a:is(:hover,:focus-visible,[aria-current]:not([aria-current=false])) svg{color:currentColor;transform:translate(.1em,-.1em)}.toc>:is(p,small){margin:0;color:var(--color-text-muted)}.toc>p{padding-block-end:.5em}.toc>small{padding-block-start:.625em}@media (prefers-reduced-motion:reduce){.navbar.is-ready,.navbar.is-ready::before,.toc>a svg{transition:none}}}@layer variants{:where(label:has(>input[type=checkbox].toggle)){display:inline-flex;align-items:center;gap:.65em;padding:calc((var(--control-height) - 1.4em)/2 - 1px) .9em;min-block-size:var(--control-height);line-height:1.4;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}:where(label:has(>input[type=checkbox].toggle:checked)){border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-accent)}:where(label:has(>input[type=checkbox].toggle:focus-visible)){outline:2px solid var(--color-focus-ring);outline-offset:2px}label>input[type=checkbox].toggle:focus-visible{outline:0}select.ghost:not(:disabled,:user-invalid,[aria-invalid=true]){border-color:transparent;background-color:transparent;color:var(--color-text-muted)}@media (hover:hover){select.ghost:not(:disabled,:user-invalid,[aria-invalid=true]):hover{background-color:var(--color-surface-muted);color:var(--color-text)}:where(label:has(>input[type=checkbox].toggle:not(:disabled)):hover){background-color:var(--color-accent-soft-hover)}}:where(label:has(>input[type=checkbox].toggle:disabled)){border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.muted{color:var(--color-text-muted)}:where(button,input:is([type=button],[type=reset],[type=submit])):is(.soft){background-color:var(--color-accent-soft);background-image:none;color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent) 22%,var(--color-border))}:where(button,input:is([type=button],[type=reset],[type=submit])):is(.ghost){background-color:transparent;background-image:none;color:var(--color-accent);box-shadow:none}@media (hover:hover){:where(button,input:is([type=button],[type=reset],[type=submit])):is(.soft,.ghost):not(:disabled):hover{background-color:var(--color-accent-soft-hover);color:var(--color-accent)}}:where(button,input:is([type=button],[type=reset],[type=submit])):disabled{background-color:var(--color-disabled-bg);background-image:none;color:var(--color-disabled-text);box-shadow:inset 0 0 0 1px var(--color-disabled-border);cursor:not-allowed}}@layer utilities{.sm,.small{--control-height:2.5em;font-size:var(--font-size-sm)}:where(button,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=hidden],[type=image]),textarea,select,details,fieldset):is(.small,.sm){padding:.5em .8em}:where(button,input:is([type=button],[type=reset],[type=submit])):is(.small,.sm){min-block-size:var(--control-height);padding:.45em .7em}:where(select:not([multiple],[size]),select[size="1"]):is(.small,.sm){padding-inline-end:2.4em}.large,.lg{--control-height:2.667em;font-size:var(--font-size-lg)}:where(button,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=hidden],[type=image]),textarea,select,details,fieldset):is(.large,.lg){padding:.8em 1.5em;gap:.9em}:where(button,input:is([type=button],[type=reset],[type=submit])):is(.large,.lg){padding-block:calc((var(--control-height) - 1.2em)/2)}:where(input:not([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color],[type=hidden],[type=image]),textarea,select):is(.large,.lg){padding-inline:.85em}:where(select:not([multiple],[size]),select[size="1"]):is(.large,.lg){padding-inline-end:2.4em}:where(input:not([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color],[type=hidden],[type=image]),textarea,select):is(.small,.sm,.large,.lg){padding-block:calc((var(--control-height) - 1.4em)/2 - 1px)}:where(dialog,[popover]):is(.small,.sm){--overlay-padding:1em}:where(details,fieldset):is(.large,.lg){padding:1em 1.5em}:where(dialog,[popover]):is(.large,.lg){--overlay-padding:2em}.rounded{border-radius:var(--radius-rounded)}.rounded-full{border-radius:var(--radius-full)}:where(dialog,[popover]).rounded:not(.rounded-full){border-radius:calc(var(--radius-rounded) + var(--overlay-padding))}.hidden{display:none!important}:where(label:has(>input.toggle:is(.small,.sm))){--control-height:2.5em;font-size:var(--font-size-sm);padding-inline:.8em}:where(label:has(>input.toggle:is(.large,.lg))){--control-height:2.667em;font-size:var(--font-size-lg);padding-inline:1.1em}:where(label:has(>input.toggle.rounded)){border-radius:var(--radius-rounded)}:where(label:has(>input.toggle.rounded-full)){border-radius:var(--radius-full)}.theme-switch:is(.small,.sm,.large,.lg){padding:0}.theme-switch.rounded{--theme-switch-radius:var(--radius-rounded)}.theme-switch.rounded-full{--theme-switch-radius:var(--radius-full)}.stepper.rounded{--stepper-radius:var(--radius-rounded)}.stepper.rounded-full{--stepper-radius:var(--radius-full)}}