@font-face{font-family:Dotterel Dots;src:url(data:font/woff2;base64,d09GMgABAAAAAAWAAAoAAAAAH/AAAAUzAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgwIKr1ClYgt2AAE2AiQDgWgEIAWGGweBFhvWGciuCmxwWQ+WJpn0MKw0eKGGV7Y8Pi8enj/2nvvuWwambxalf1i2gQwwEufjGU88QysGx9WoI5Oi05W0nfhQA4/msikQzwHu5gBAt+x4JyUIlNi3D8a+UHe2oGTdU4I5/p1waIlaBHezapniUYYSEkDLxKgAEiEfp5VGK6eEUuZCo967+t9dZ0KEDaAzVgDEASADlIonQA2RAfY2tF2Ca/BLfqw8zdcUY6WIY8xDqOU7XjUB5aTg2L09nk1GC1CwZBej1/stri7MQQ66zq9/ADtH9oUAII8wpgaQxobo24fqwMmPWe8MDOpWh+iycUlKy1q26vofY2wcGDGV/7P/L//WWBTs8qLZ26IkUNHmFpd8ehn4lzoMI0aNDU1MTqHJbLHa7A6ny8245PH6/IFgKByJQoz9F8yzH3cBYBPEGS27oPUF0AqgE1ARFkJXPyaCQZQhaJqkGZxlIBjDGJZkPGJuS4zyd1CUmDW+c0GRLOGdjtD/lxit9u5BtNEg5wrr4Jd/i2jrScdTKbGjP6PRM5imc1bO/v0qPZ1G06yc7dVRzbZD7aicg3brq5PQQHwzmul66MijkgyBiBcPQ6USDZPnOmlIWo7PpvO5VjnJ2l6dnY36CneyXrK0pnJvuRHfwOUu4afOesi8GVBckrh20vQII4/ri3aSGmD7MePnEUchHAlTcT5f+rKlWP/oL2/IZYxZiN4xPuFCAtgkfdXnVBNoJAV4RFqSp0TOljpMH09bIaaF1JXFHs5zuN/HuahjTSRc/bgf+hlORe2AUsPqDzqTOuCWYq6XU87D7MEaY2Tn/39QHe8DhsucER/d+EI4xI7QnEGXYrnPCeEn2Ed3CJF8JaOKa9B7ikyEdPM9oaxLwNaHaocUqt6Ao61mA7pnYo1qdoNHD7HyR7xACtVCGAwnofhIRHE6Q5uIY5U4rrVCuBnycLwOJM3JcU8nmi/H63FGrOd1ZMMz7GM+Dq3w0tCoJBrHo+bFIxVvxytk2VCPhZwgWiBLzj1DTA1A+i2n+5GL4snaMzxSzHjF7Z/IwtLOqjLlPMgpYb7y3U9tY2zGVfqQomny1QvRSGaCA8arA75sjbGcGBkCnrW+r/PT84gluLmw8AJB8wAeWCCfPi5aQUULIsmtRKWm2kSFSgb5xbSxaB4g3URSu8bnpRbjF7/kUtp3y9Q4/Hq7nrIeJQkZGUCikQzsZnR+ystod+tqT+pVtOUD3KXe7t2h/mP4K5/RCgEI4FHLB+oSsDHSXdiXL5SqjXglJhB2WUaAzqkw3Cb3gU5DcFHuOfncUSCT0NEzrAwo+B3vRBjoNf9IagALQjrYJb3eIVwaB6MQrGEouHlILdlQFayEJtZ7aJZ3f4h2Iz8lWNsAaz5gFKBqTATExWzAFlEOxCCeAlWNX4Hpxcce5SF+/9f148L12pCvpiNNkxV5X9J38GvCrh4paolawz1TP8d/3f9LyHoPeW8lF/U8JoEvbrg6fJq/X47ubuY/4GdOouEr9XrPVbpnfpzGL8UDRUeOXVDs2LJNg5wEFxTgExCByBGNRqaQ7ZPodiDhyCGt5MIG/cWOKFQlruHMwVRzZFt0+9Yp/Dx8rW+ZVDJtwZykwVpGgtQAOVzfWPJfUO1oHcGQ7YTZmYdUJ/Td2zIJwU5EdqiO125fQJvyA3JDDidbl2RE1ymxvOxRy67wP4t8tgUJIBGUoGiG4wU9evXpN2DQkKcZPrxxEyYhMysbOwcnFzeGk3h4+fgFBIWERTz5sJ+4hKSUtIysnIJVAA==) format("woff2"),url(/dotterel-ui/assets/dotterel-dots-CpzcLtBA.otf) format("opentype"),url(/dotterel-ui/assets/dotterel-dots-VbVzoNIX.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0020,U+0021,U+0022,U+0025,U+0027,U+0028,U+0029,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030-0039,U+003A,U+003B,U+003D,U+003F,U+0041-005A,U+005B,U+005C,U+005D,U+005F,U+007C}@font-face{font-family:Dotterel Dots Compact;src:url(data:font/woff2;base64,d09GMgABAAAAAAW0AAoAAAAAIEgAAAVoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgwIKryClMgt2AAE2AiQDgWgEIAWHIgeBFhstGlGU7M022ZcJ3NyxJVAs9pRdammpBOMSfRGLifzQ6UkwoexUfOprIvh+rO37/1CJ2kkc6STSaZRAFk0MnUwleSWRsqj7/N+7+/6azbVAx7aok4VRIKFl3P3PbZLK1QHTimgXq9Ob2Hc8RFridWrC9zsr1EO0WJtQQVOgCgzYFGuZPYg+2GBs3/p5YazNmaam94f78oLQ8L/n0BhUgKDxb9UyxaNMn4BlEuCnB1wAiZCP20qrVUj21SOX0JehkdG4bz7snlMA0NgAxuIuMTEHgAyNUvEEqCEywH6JtiNxjba/Jo8YuYiVx7HmBRTSemzVQFpJOyx33h7XhqOFhMsKF+3gSzMyejpoC+CVL/4ryBe+EAB5CQMIyCCDHgSwwERAD8aBppsBjRESldTW1bcVev9jQFRcGpkb/tn/h7fr5Xw6HooAa4tab4uUoYCtrXPO588D/1IdcHJx93h9/kAwFI5EY/FEMpXOZHP5QrFUrlRrdTQU/4KS4sOWARO02KNdN0P9LqBeQLOg4ERRXrxMlBwycQFoQFQkeKMoQ2qEEBk2RadbUbrIZo2bvSFsVJD8/zLJheJ6GNAAt7M7ArGgICthNEaF8s1DvOjhAyUXDLz0/Jyck9E5WhadcEffkL+Zj7a+kNcaNFVEakvfpvL4qLaVBNhF83ApHrk81wlfLPbxSSOfa42rQ3yr89oUyMstDNIMpgiMzycZ4LhLaJ7PLldl1M4z0jz33aBldfw0Mvlg8zvleYpo4vp8J6f1T43zm4BRBXF0CD9HrjABsPvHvSZQXQpgOg5ZPZEdZoPp48fdlPrCO8x6gPaR09wjbTWTwHGC0vQ8ipyHoVHEtKUCgCcmgJvU4zo73ac0rjBO8T3nzEt1ebTsXXB6CadamjFN0buIJCwYDIvfiPihlGYfIlMZyJd0/87T+SYC2iTMiZSiKMYG8j5LQ/Mzdqh5uPqxSWD0h5JSnWF9YGhZUSXQhzugbD7BnOGhjtayrsqaAs/G9ev5a7DbgNiTeB1i6Ygc7vuY96tK6eQvckTUoUaaMWOT3Ji2rRz2OygbglwQ1ScX4AZ50h3dfL7Tyq6qe9otYrGyWru5ItVOmLLdw/yWP/MimfURbFomsjjPrGJUOp5TRo4zDpiKPZ5YB0mCBIPcm44JUhuOOwTMslO+fvssz6VInhiaVDdTikC8tdtRJzqTsWMN58Ej7j5c5oI4volxluEsVp8R62aePUmLXSC94aqp05poQej1DBIiFTvR+Cnja182qq8N8gWcVU3nrf+rvJMX1KMScC/kGUXCb6J4eTlFQcw0D4oDl/+KfKMMgEN/qgOWCC7SHpL74IGMQkcvkhSPgVa8w0DQmn8kBJRVqIpl7X7CYBAGLlilXcIbuCxm7gq87q6G6uNquX0v0GjkKyOFBjDmb+CIVIyOosWEo21i0TFasXcsV2ocp5a65yTvNP129YOz9VyPr74QKZFja6sKPvbrnHCxwTZhK4j/y6L//vxb/jcc69yVvTveSYfRXwg28OQAi/1H87t7U3XzcAl/70b3Lvqd7N19zu2MyKfpdR6oVA/7qAP0uTjaGEE9cJVCSQIJZ5aAkoKSmoALQpIQh1q2pwo4I3oysZFQL0ZwwoYbYKIUINvlOlQsJR2ggtKKcb6cQnlz28TWyaGnhbB0i6WEDaPKn4Ll7Qu/FKqaTYCicahoLIG39sbWA3gwS5SNlIzaGCDb6CG4qDhlK+aHW+iggh2x0Cd38HrcpWsOSrHO/97HJytrgYzBEkhkCo3OwMjEzMLKxu7Ri/fPw8snICQiKiYuISklLSMrJ6+gqKSsoqrmMY13aWpp6+jq6RtYCQE=) format("woff2"),url(/dotterel-ui/assets/dotterel-dots-compact-DJy3yIP9.otf) format("opentype"),url(/dotterel-ui/assets/dotterel-dots-compact-C7oMblTz.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0020,U+0021,U+0022,U+0025,U+0027,U+0028,U+0029,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030-0039,U+003A,U+003B,U+003D,U+003F,U+0041-005A,U+005B,U+005C,U+005D,U+005F,U+007C}@layer dotterel.tokens,dotterel.components;@layer dotterel.tokens{:root{--dotterel-color-surface: oklch(100% 0 0);--dotterel-color-surface-hover: oklch(95.8% .006 240);--dotterel-color-text: oklch(27% .02 255);--dotterel-color-text-muted: oklch(43% .02 255);--dotterel-color-border: oklch(58% .015 250);--dotterel-color-border-subtle: oklch(90% .008 245);--dotterel-color-accent: oklch(45% .085 205);--dotterel-color-accent-emphasis: oklch(38% .08 205);--dotterel-color-accent-surface: oklch(94.5% .02 200);--dotterel-color-on-accent: oklch(97% .005 240);--dotterel-color-focus-ring: oklch(50% .1 205);--dotterel-color-danger: oklch(45% .14 25);--dotterel-color-danger-border: oklch(60% .13 25);--dotterel-color-danger-surface: oklch(95.5% .02 20);--dotterel-space-1: 4px;--dotterel-space-2: 8px;--dotterel-space-3: 12px;--dotterel-space-4: 16px;--dotterel-radius: 0;--dotterel-radius-full: 999px;--dotterel-border-width: 2px;--dotterel-font-family: inherit;--dotterel-font-family-dot: "Dotterel Dots", ui-monospace, "Cascadia Code", "Consolas", monospace;--dotterel-font-family-dot-compact: "Dotterel Dots Compact", ui-monospace, "Cascadia Code", "Consolas", monospace;--dotterel-font-weight: 600;--dotterel-motion-fast: .12s;--dotterel-motion-base: .24s;--dotterel-motion-easing: cubic-bezier(.2, 0, .2, 1);--dotterel-field-color: oklch(45% .02 255 / .2);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-dotterel-theme=light]){--dotterel-color-surface: oklch(24% .02 255);--dotterel-color-surface-hover: oklch(17% .016 255);--dotterel-color-text: oklch(93% .006 240);--dotterel-color-text-muted: oklch(78% .012 245);--dotterel-color-border: oklch(56% .02 250);--dotterel-color-border-subtle: oklch(33% .02 252);--dotterel-color-accent: oklch(78% .1 195);--dotterel-color-accent-emphasis: oklch(85% .09 195);--dotterel-color-accent-surface: oklch(30% .045 205);--dotterel-color-on-accent: oklch(20% .03 220);--dotterel-color-focus-ring: oklch(75% .1 195);--dotterel-color-danger: oklch(80% .11 25);--dotterel-color-danger-border: oklch(55% .13 25);--dotterel-color-danger-surface: oklch(28% .045 20);--dotterel-field-color: oklch(85% .01 240 / .16);color-scheme:dark}}:root[data-dotterel-theme=dark]{--dotterel-color-surface: oklch(24% .02 255);--dotterel-color-surface-hover: oklch(17% .016 255);--dotterel-color-text: oklch(93% .006 240);--dotterel-color-text-muted: oklch(78% .012 245);--dotterel-color-border: oklch(56% .02 250);--dotterel-color-border-subtle: oklch(33% .02 252);--dotterel-color-accent: oklch(78% .1 195);--dotterel-color-accent-emphasis: oklch(85% .09 195);--dotterel-color-accent-surface: oklch(30% .045 205);--dotterel-color-on-accent: oklch(20% .03 220);--dotterel-color-focus-ring: oklch(75% .1 195);--dotterel-color-danger: oklch(80% .11 25);--dotterel-color-danger-border: oklch(55% .13 25);--dotterel-color-danger-surface: oklch(28% .045 20);--dotterel-field-color: oklch(85% .01 240 / .16);color-scheme:dark}}@layer dotterel.components{.dotterel-icon,.dotterel-button,.dotterel-progress,.dotterel-percent,.dotterel-progress-value,.dotterel-count,.dotterel-text,.dotterel-field{box-sizing:border-box}.dotterel-text{font-family:var(--dotterel-font-family-dot);font-synthesis:none}.dotterel-text--compact{font-family:var(--dotterel-font-family-dot-compact)}.dotterel-text--uppercase{text-transform:uppercase}.dotterel-text--tabular{font-variant-numeric:tabular-nums}.dotterel-count__target{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dotterel-icon{display:inline-block;flex:none;overflow:visible;vertical-align:-.125em;fill:currentColor}@keyframes dotterel-icon-pulse{0%,to{opacity:1}50%{opacity:.15}}@media(prefers-reduced-motion:no-preference){.dotterel-icon--mount .dotterel-icon__dot,.dotterel-icon--always .dotterel-icon__dot{animation:dotterel-icon-pulse var(--dotterel-icon-duration) var(--dotterel-motion-easing) var(--dotterel-dot-delay, 0ms) var(--dotterel-icon-iterations) both}.dotterel-icon--hover:hover .dotterel-icon__dot,.dotterel-icon-host:hover .dotterel-icon--hover .dotterel-icon__dot,:is(button,a[href],summary,[role=button],[role=link],[role=tab],[role=menuitem]):not(:disabled,[aria-disabled=true]):hover .dotterel-icon--hover .dotterel-icon__dot{animation:dotterel-icon-pulse var(--dotterel-icon-duration) var(--dotterel-motion-easing) var(--dotterel-dot-delay, 0ms) var(--dotterel-icon-iterations) both}}.dotterel-ripple-host{position:relative;isolation:isolate;overflow:hidden;--dotterel-ripple-fill: var(--dotterel-color-border-subtle);--dotterel-ripple-press-fill: color-mix( in oklab, var(--dotterel-ripple-fill) 80%, var(--dotterel-color-text) )}.dotterel-button{--dotterel-button-base: var(--dotterel-color-surface);--dotterel-ripple-fill: var(--dotterel-color-border-subtle);position:relative;isolation:isolate;display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--dotterel-space-2);overflow:hidden;padding:var(--dotterel-space-2) var(--dotterel-space-4);border:var(--dotterel-border-width) solid var(--dotterel-color-border);border-radius:var(--dotterel-radius);background:var(--dotterel-button-base);color:var(--dotterel-color-text);font:inherit;font-family:var(--dotterel-font-family);font-weight:var(--dotterel-font-weight);line-height:1.25;text-decoration:none;cursor:pointer;transition:border-color var(--dotterel-motion-fast) var(--dotterel-motion-easing),color var(--dotterel-motion-fast) var(--dotterel-motion-easing)}.dotterel-button:hover{background:var(--dotterel-button-base);color:var(--dotterel-color-text)}.dotterel-button:focus-visible{outline:3px solid var(--dotterel-color-focus-ring);outline-offset:2px}.dotterel-button--primary{--dotterel-button-base: var(--dotterel-color-accent);--dotterel-ripple-fill: color-mix( in oklab, var(--dotterel-color-accent-emphasis) 60%, var(--dotterel-color-text) );border-color:var(--dotterel-color-accent);color:var(--dotterel-color-on-accent)}.dotterel-button--primary:hover{color:var(--dotterel-color-on-accent)}.dotterel-button--quiet{--dotterel-button-base: transparent;border-color:transparent;color:var(--dotterel-color-accent);text-decoration:underline;text-underline-offset:.2em}.dotterel-button--quiet:hover{color:var(--dotterel-color-accent)}.dotterel-button--danger{--dotterel-ripple-fill: var(--dotterel-color-danger-surface);border-color:var(--dotterel-color-danger-border);color:var(--dotterel-color-danger)}.dotterel-button--danger:hover{color:var(--dotterel-color-danger)}.dotterel-button:disabled,.dotterel-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.dotterel-button[data-status=busy]{opacity:.72;cursor:progress}.dotterel-select{position:relative;display:inline-block;min-width:12rem;font-family:var(--dotterel-font-family)}.dotterel-select__trigger{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:var(--dotterel-space-3);padding:var(--dotterel-space-2) var(--dotterel-space-4);border:var(--dotterel-border-width) solid var(--dotterel-color-border);border-radius:var(--dotterel-radius);background:var(--dotterel-color-surface);color:var(--dotterel-color-text);font:inherit;text-align:left;cursor:pointer}.dotterel-select__trigger:focus-visible{outline:3px solid var(--dotterel-color-focus-ring);outline-offset:2px}.dotterel-select__trigger:disabled{opacity:.55;cursor:not-allowed}.dotterel-select__value[data-placeholder=true]{color:var(--dotterel-color-text-muted)}.dotterel-select__chevron{width:.5rem;height:.5rem;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg}.dotterel-select[data-open=true] .dotterel-select__chevron{rotate:225deg}.dotterel-select__panel{position:absolute;z-index:10;top:calc(100% + 4px);left:0;width:100%;visibility:hidden;pointer-events:none}.dotterel-select[data-open=true] .dotterel-select__panel{visibility:visible;pointer-events:auto}.dotterel-select__reveal{--dotterel-ripple-fill: var(--dotterel-color-surface);position:absolute;inset:0;overflow:hidden;pointer-events:none}.dotterel-select__surface{position:relative;z-index:1;max-height:16rem;overflow-x:hidden;overflow-y:auto;border:var(--dotterel-border-width) solid var(--dotterel-color-border);border-radius:var(--dotterel-radius);background:var(--dotterel-color-surface);box-shadow:0 8px 24px color-mix(in oklab,var(--dotterel-color-text) 16%,transparent)}.dotterel-select__options{padding:4px}.dotterel-select__option{--dotterel-ripple-fill: var(--dotterel-color-border-subtle);min-height:40px;padding:9px 12px;color:var(--dotterel-color-text);cursor:pointer}.dotterel-select__option[data-active=true]:not(:hover){background:var(--dotterel-color-border-subtle)}.dotterel-select__option[aria-selected=true]{color:var(--dotterel-color-accent);font-weight:700}.dotterel-select__option[aria-disabled=true]{opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.dotterel-select[data-open=true] .dotterel-select__reveal{animation:dotterel-select-reveal-hide 1ms step-end calc(var(--dotterel-select-reveal-ms) + .22s) both}.dotterel-select[data-open=true] .dotterel-select__surface{animation:dotterel-select-surface .22s ease-out var(--dotterel-select-reveal-ms) both}.dotterel-select[data-open=true] .dotterel-select__reveal .dotterel-ripple__cell{animation:dotterel-select-fill 16ms step-end both;animation-delay:calc(var(--dotterel-ripple-cy) * 32ms + var(--dotterel-ripple-jitter) * 2)}}@keyframes dotterel-select-surface{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes dotterel-select-reveal-hide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes dotterel-select-fill{0%{opacity:0}to{opacity:1}}.dotterel-ripple{position:absolute;z-index:0;top:50%;left:50%;display:grid;grid-template-columns:repeat(var(--dotterel-ripple-columns),var(--dotterel-ripple-cell));grid-auto-rows:var(--dotterel-ripple-cell);translate:-50% -50%;pointer-events:none}.dotterel-ripple__cell{background-color:var(--dotterel-ripple-fill);opacity:0;transition-property:opacity;transition-duration:var(--dotterel-ripple-cell-duration);transition-timing-function:linear;transition-delay:calc((var(--dotterel-ripple-ring-span) - var(--dotterel-ripple-ring)) * var(--dotterel-ripple-step) + var(--dotterel-ripple-jitter))}.dotterel-ripple-host:not(:disabled,[aria-disabled=true]):hover .dotterel-ripple__cell,.dotterel-ripple-host:not(:disabled,[aria-disabled=true]):focus-visible .dotterel-ripple__cell{opacity:1;transition-delay:calc(var(--dotterel-ripple-ring) * var(--dotterel-ripple-step) + var(--dotterel-ripple-jitter))}.dotterel-ripple--circle .dotterel-ripple__cell{border-radius:50%}.dotterel-ripple--diamond .dotterel-ripple__cell{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.dotterel-button__label,.dotterel-ripple-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--dotterel-space-2)}@media(prefers-reduced-motion:reduce){.dotterel-ripple__cell{transition:none}}@media(prefers-reduced-motion:no-preference){.dotterel-ripple[data-press] .dotterel-ripple__cell{animation-name:dotterel-ripple-press;animation-duration:var(--dotterel-ripple-press-duration);animation-timing-function:linear;animation-delay:calc(hypot(var(--dotterel-ripple-cx) - var(--dotterel-ripple-press-x),var(--dotterel-ripple-cy) - var(--dotterel-ripple-press-y)) * var(--dotterel-ripple-step) + var(--dotterel-ripple-jitter))}}@keyframes dotterel-ripple-press{50%{opacity:1;background-color:var(--dotterel-ripple-press-fill)}}.dotterel-progress{display:inline-flex;flex:none;align-items:center;gap:var(--dotterel-space-2)}.dotterel-progress__dot{box-sizing:border-box;flex:none;border:1px solid var(--dotterel-color-accent);background:transparent}.dotterel-progress__dot--filled{border-color:var(--dotterel-color-accent);background:var(--dotterel-color-accent)}.dotterel-progress--sm .dotterel-progress__dot{width:6px;height:6px}.dotterel-progress--md .dotterel-progress__dot{width:8px;height:8px}.dotterel-progress--lg .dotterel-progress__dot{width:10px;height:10px}.dotterel-progress--dynamic{display:flex;width:100%;min-width:0;justify-content:space-between;gap:0}.dotterel-progress--dynamic .dotterel-progress__dot{width:calc(100% / var(--dotterel-progress-units));width:round(down,calc(100% / var(--dotterel-progress-units)),1px);min-width:2px;height:auto;aspect-ratio:1}.dotterel-progress--circle .dotterel-progress__dot{border-radius:var(--dotterel-radius-full)}.dotterel-progress--diamond .dotterel-progress__dot{border-color:transparent;background:var(--dotterel-color-border);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.dotterel-progress--diamond .dotterel-progress__dot--filled{background:var(--dotterel-color-accent)}.dotterel-percent{flex:none;font-family:var(--dotterel-font-family-dot);font-synthesis:none;font-variant-numeric:tabular-nums}.dotterel-progress-value{display:inline-flex;align-items:center;gap:var(--dotterel-space-3)}.dotterel-progress-value__percent{flex:none}.dotterel-field{z-index:-1;inset:0;overflow:hidden;pointer-events:none}.dotterel-field[data-placement=fixed]{position:fixed}.dotterel-field[data-placement=absolute]{position:absolute}.dotterel-field__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}@media(forced-colors:active){.dotterel-button{border-color:ButtonText}.dotterel-ripple{display:none}.dotterel-progress__dot{border-color:CanvasText}.dotterel-progress__dot--filled{background:CanvasText}}}:root{--page-max: 1180px;--page-gutter: 20px;--stack-gap: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dotterel-color-surface);color:var(--dotterel-color-text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.875em}a{color:var(--dotterel-color-accent)}.page{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;left:-9999px;top:0;padding:8px 16px;background:var(--dotterel-color-accent);color:var(--dotterel-color-on-accent);z-index:20}.skip-link:focus{left:0}.masthead{border-bottom:var(--dotterel-border-width) solid var(--dotterel-color-border)}.masthead__inner{max-width:var(--page-max);margin:0 auto;padding:40px var(--page-gutter) 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}.masthead__identity{flex:1 1 340px;display:grid;gap:10px}.masthead__eyebrow{margin:0;font-size:13px;letter-spacing:.18em;color:var(--dotterel-color-accent)}.masthead__title{margin:0;font-size:clamp(26px,4.5vw,38px);line-height:1.2;font-weight:700;text-wrap:balance}.masthead__lede{margin:0;max-width:62ch;color:var(--dotterel-color-text-muted)}.masthead__controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.masthead__nav{border-top:1px solid var(--dotterel-color-border-subtle);background:var(--dotterel-color-surface);position:sticky;top:0;z-index:10}.masthead__nav ul{max-width:var(--page-max);margin:0 auto;padding:8px var(--page-gutter);display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none}.masthead__nav a{display:inline-block;padding:6px 2px;color:var(--dotterel-color-text-muted);text-decoration:none;border-bottom:2px solid transparent}.masthead__nav a:hover,.masthead__nav a:focus-visible{color:var(--dotterel-color-text);border-bottom-color:var(--dotterel-color-accent)}.main{flex:1;max-width:var(--page-max);width:100%;margin:0 auto;padding:0 var(--page-gutter) 80px}.section{padding-top:56px;scroll-margin-top:64px}.section__head{display:grid;gap:8px;padding-bottom:12px;border-bottom:var(--dotterel-border-width) solid var(--dotterel-color-text)}.section__title{margin:0;font-size:22px;font-weight:700}.section__lead{margin:0;max-width:76ch;color:var(--dotterel-color-text-muted);font-size:14px}.section__tally{margin:16px 0 0;font-size:13px;color:var(--dotterel-color-text-muted);font-variant-numeric:tabular-nums}.controls{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;padding:20px 0 4px}.controls__search{flex:1 1 280px;display:grid;gap:6px}.controls__label{font-size:12px;letter-spacing:.08em;color:var(--dotterel-color-text-muted)}.controls__field{display:flex;align-items:center;gap:8px;padding:8px 12px;border:var(--dotterel-border-width) solid var(--dotterel-color-border);border-radius:var(--dotterel-radius);background:var(--dotterel-color-surface)}.controls__field input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:2px 0}.controls__field input:focus{outline:none}.controls__field:focus-within{outline:2px solid var(--dotterel-color-focus-ring);outline-offset:2px}.switcher{margin:0;padding:0;border:0;display:grid;gap:6px}.switcher__legend{padding:0;font-size:12px;letter-spacing:.08em;color:var(--dotterel-color-text-muted)}.switcher__options{display:flex;flex-wrap:wrap;gap:4px}.switcher__option{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border:1px solid var(--dotterel-color-border-subtle);border-radius:var(--dotterel-radius);cursor:pointer;font-size:13px}.switcher__option:hover{background:var(--dotterel-color-surface-hover)}.switcher__option:has(input:checked){border-color:var(--dotterel-color-accent);background:var(--dotterel-color-accent-surface);color:var(--dotterel-color-accent-emphasis)}.switcher__option:has(input:focus-visible){outline:2px solid var(--dotterel-color-focus-ring);outline-offset:2px}.switcher__option input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.icon-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:1px;background:var(--dotterel-color-border-subtle);border:1px solid var(--dotterel-color-border-subtle)}.icon-card{background:var(--dotterel-color-surface);padding:16px 12px 12px;display:grid;gap:8px;justify-items:center;text-align:center;align-content:start}.icon-card:hover{background:var(--dotterel-color-surface-hover)}.icon-card__stage{display:grid;place-items:center;min-height:44px}.icon-card__name{margin:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;font-weight:600;word-break:break-all}.icon-card__meta{margin:0;font-size:11px;color:var(--dotterel-color-text-muted)}.icon-card__variants{display:flex;gap:14px}.icon-card__variant{display:grid;justify-items:center;gap:2px}.icon-card__caption{font-size:10px;color:var(--dotterel-color-text-muted)}.icon-card__snippet{font-size:11px;color:var(--dotterel-color-text-muted);word-break:break-all}.empty{margin:24px 0;color:var(--dotterel-color-text-muted)}.subsection{margin-top:40px;padding-top:20px;border-top:1px solid var(--dotterel-color-border-subtle)}.subsection__title{margin:0 0 6px;font-size:17px;font-weight:700}.subsection__lead{margin:0;max-width:76ch;color:var(--dotterel-color-text-muted);font-size:14px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:20px}.demo{border:1px solid var(--dotterel-color-border-subtle);display:flex;flex-direction:column}.demo__head{padding:14px 16px 10px;display:grid;gap:4px}.demo__title{margin:0;font-size:15px;font-weight:700}.demo__description{margin:0;font-size:13px;color:var(--dotterel-color-text-muted)}.demo__stage{padding:20px 16px;border-top:1px solid var(--dotterel-color-border-subtle);border-bottom:1px solid var(--dotterel-color-border-subtle);background:var(--dotterel-color-surface-hover)}.demo__stage--field{padding:12px}.demo__code{padding:12px 16px 14px;display:grid;gap:10px;justify-items:start}.demo__code pre{margin:0;width:100%;overflow-x:auto;font-size:12px;line-height:1.6}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stack{display:grid;gap:var(--stack-gap);justify-items:start}.metric{margin:0;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.note{margin:0;font-size:12px;color:var(--dotterel-color-text-muted)}.field-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.field-box{position:relative;isolation:isolate;min-height:132px;border:1px solid var(--dotterel-color-border-subtle);background:var(--dotterel-color-surface);overflow:hidden;display:flex;align-items:flex-end}.field-box__label{position:relative;z-index:1;margin:8px;font-size:11px;color:var(--dotterel-color-text-muted)}.token-override{--dotterel-color-accent: #7c3aed;--dotterel-color-accent-emphasis: #5b21b6;--dotterel-color-on-accent: #f5f3ff;--dotterel-radius: 8px;--dotterel-border-width: 3px}.token-group{margin-top:28px}.token-group__title{margin:0 0 8px;font-size:15px;font-weight:700}.table-scroll{overflow-x:auto;border:1px solid var(--dotterel-color-border-subtle)}.token-table{width:100%;border-collapse:collapse;font-size:13px}.token-table th,.token-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--dotterel-color-border-subtle);white-space:nowrap}.token-table thead th{font-size:11px;letter-spacing:.08em;color:var(--dotterel-color-text-muted);font-weight:600}.token-table tbody th{font-weight:400}.token-value{display:inline-flex;align-items:center;gap:8px}.token-swatch{width:16px;height:16px;flex:none;border:1px solid var(--dotterel-color-border-subtle)}.footer{border-top:1px solid var(--dotterel-color-border-subtle)}.footer p{max-width:var(--page-max);margin:0 auto;padding:20px var(--page-gutter);font-size:13px;color:var(--dotterel-color-text-muted)}@media(max-width:640px){.masthead__inner{padding-top:28px}.demo-grid{grid-template-columns:1fr}}