@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/lato-latin-400-normal-BEhtfm5r.woff2) format("woff2")}@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/lato-latin-400-italic-Dc0B1559.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/lato-latin-700-normal-BUGMgin4.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/lato-latin-900-normal-C3uaq3BA.woff2) format("woff2")}:root{--u: 16px;--radius: calc(.2 * var(--u));--bg: #050608;--box: rgba(255, 255, 255, .03);--ink: #ffffff;--line: rgba(255, 255, 255, .4);--dim: rgba(255, 255, 255, .6);--faint: rgba(255, 255, 255, .04);--faint-strong: rgba(255, 255, 255, .2);--grid-dot: rgba(255, 255, 255, .25);--surface: #101216;--accent: var(--yellow);--tint: var(--accent);--on-accent: #000;--font-ui: "Lato", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=light]{--bg: #fdfbfb;--box: rgba(0, 0, 0, .03);--ink: #111111;--line: rgba(0, 0, 0, .25);--dim: rgba(0, 0, 0, .6);--faint: rgba(0, 0, 0, .08);--faint-strong: rgba(0, 0, 0, .2);--grid-dot: rgba(0, 0, 0, .35);--surface: #ffffff}:root[data-accent=blue]{--accent: var(--blue);--on-accent: #fff}:root[data-accent=yellow]{--accent: var(--yellow)}:root[data-accent=green]{--accent: var(--green)}:root[data-accent=red]{--accent: var(--red);--on-accent: #fff}:root[data-accent=white]{--accent: var(--white);--on-accent: #000}:root[data-accent=gray]{--accent: var(--gray);--on-accent: #000}:root[data-accent=black]{--accent: var(--black);--on-accent: #fff}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--u)}.page{display:flex;flex-direction:column;gap:calc(1.6 * var(--u));max-width:calc(80 * var(--u));margin:0 auto;padding:calc(1.6 * var(--u)) calc(1.5 * var(--u)) calc(3 * var(--u))}.top{display:flex;flex-wrap:wrap;align-items:center;min-height:calc(2.75 * var(--u));justify-content:flex-start;gap:var(--u)}.nav{display:flex;flex-wrap:wrap;gap:calc(.4 * var(--u));margin-right:auto}.nav a{padding:calc(.35 * var(--u)) calc(.8 * var(--u));font-size:calc(.7 * var(--u));font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--dim);border:1px solid var(--line);border-radius:var(--radius)}.nav a:hover{color:var(--ink);border-color:var(--ink)}.nav a[aria-current=page]{color:var(--bg);background:var(--ink);border-color:var(--ink)}.dots{display:flex;flex-wrap:wrap;gap:calc(2.5 * var(--u));padding:calc(2 * var(--u)) 0}.swatch{display:flex;flex-direction:column;align-items:center;gap:calc(.8 * var(--u));margin:0}.swatch .dot{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;box-shadow:inset 0 0 0 1px var(--faint-strong)}.swatch figcaption{display:flex;flex-direction:column;align-items:center;gap:calc(.2 * var(--u));font-size:calc(.8 * var(--u));letter-spacing:.1em;text-transform:uppercase}.swatch code{font-family:var(--font-mono);color:var(--dim);text-transform:none}.pickers{display:flex;flex-wrap:wrap;align-items:center;gap:calc(1.2 * var(--u))}.accent-dots{display:flex;gap:calc(.5 * var(--u))}.accent-dots button{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));padding:0;border:2px solid transparent;border-radius:50%;background:var(--dot) content-box;outline:1px solid transparent;box-shadow:inset 0 0 0 1px var(--faint-strong);cursor:pointer}.accent-dots button[aria-checked=true]{border-color:var(--bg);outline-color:var(--ink)}.ui-stage{padding:var(--u)}.ui-stage .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(.5 * var(--u))}article.wide{grid-column:1 / -1}.stage.bare{display:block;place-items:normal;min-height:0;padding:0;border:0;background:none}.stage.bare>.ui-zoom-grid{height:calc(26 * var(--u))}.copy-demo code{font-family:var(--font-mono);font-size:calc(.9 * var(--u))}.tab-figure{display:flex;align-items:center;gap:var(--u)}.tab-figure .icon{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));color:var(--accent)}.tab-figure b{display:block;font-size:calc(1.8 * var(--u));font-weight:700;font-variant-numeric:tabular-nums}.tab-figure span{font-size:calc(.75 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.zoom-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.4 * var(--u));font-size:calc(.75 * var(--u));font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.zoom-tile .icon{width:calc(2 * var(--u));height:calc(2 * var(--u));color:var(--accent)}.ui-stage .ui-scroll{width:100%;height:calc(8 * var(--u));text-align:left}.scroll-list{margin:0;padding:0;list-style:none}.scroll-list li{padding:calc(.35 * var(--u)) 0;font-size:calc(.8 * var(--u));border-bottom:1px solid var(--faint-strong)}.ui-stage .column{display:flex;flex-direction:column;align-items:flex-start;gap:calc(.7 * var(--u))}.icon-group{--tint: var(--ink)}.icon-group+.icon-group{margin-top:calc(1.2 * var(--u))}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(4.4 * var(--u)),1fr));gap:var(--u) calc(.6 * var(--u))}.icon-tile{display:flex;flex-direction:column;align-items:center;gap:calc(.4 * var(--u));margin:0}.icon-tile .icon{font-size:calc(2.2 * var(--u));color:var(--ink)}.icon-tile figcaption{font-family:var(--font-mono);font-size:calc(.6 * var(--u));line-height:1.3;color:var(--dim);text-align:center;overflow-wrap:anywhere}section+section{margin-top:calc(2.4 * var(--u))}section>h3{margin:0 0 calc(.9 * var(--u));font-size:calc(.9 * var(--u));font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tint)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(21 * var(--u))),1fr));gap:var(--u);align-items:stretch}article{display:flex;flex-direction:column;gap:calc(.55 * var(--u));padding:calc(.9 * var(--u));border:1px solid var(--faint);border-radius:var(--radius);background:transparent}h4{margin:0;font-size:calc(.95 * var(--u));font-weight:700;letter-spacing:.04em}h4 code{color:var(--tint)}h4 .ui-copy{margin-left:calc(.3 * var(--u));opacity:.35;transition:opacity .15s,color .15s}article:hover h4 .ui-copy,h4 .ui-copy.done{opacity:1}.sig{margin:0;font-family:var(--font-mono);font-size:calc(.68 * var(--u));line-height:1.5;color:var(--dim);overflow-wrap:anywhere}.stage{display:grid;place-items:center;min-height:calc(7 * var(--u));margin-top:auto;border:1px dashed var(--faint-strong);border-radius:var(--radius);background:linear-gradient(var(--faint) .5px,transparent .5px),linear-gradient(90deg,var(--faint) .5px,transparent .5px);background-size:calc(1.25 * var(--u)) calc(1.25 * var(--u));overflow:hidden}.controls{display:flex;flex-wrap:wrap;gap:calc(.4 * var(--u))}.chip{padding:calc(.5 * var(--u)) var(--u);font-size:calc(.75 * var(--u));letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);background:var(--box)}.icon{display:block;width:1em;height:1em;flex:none}.icon-play,.icon-next,.icon-stop{fill:currentColor}.icon-rewind,.icon-clear{stroke-width:2}.heading{margin:0;font-size:calc(1.4 * var(--u));font-weight:700;letter-spacing:.04em}.pop-row{display:flex;gap:calc(.5 * var(--u))}.pop,.pick{display:grid;place-items:center;width:calc(3 * var(--u));height:calc(4 * var(--u));font:inherit;font-size:calc(1.5 * var(--u));color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--box)}.pick{cursor:pointer}.pick:hover{border-color:var(--ink)}.bullets{display:flex;flex-direction:column;gap:calc(.55 * var(--u));width:100%;max-width:calc(22 * var(--u));padding:0 var(--u)}.bullet{display:flex;align-items:center;gap:calc(.8 * var(--u));font-size:calc(.8 * var(--u))}.bullet:before{content:"";flex:none;width:calc(.55 * var(--u));height:calc(.55 * var(--u));border-radius:50%;background:var(--accent)}.tip{display:flex;align-items:center;justify-content:center}.tip.v{flex-direction:column}.tip .dot{width:calc(.7 * var(--u));height:calc(.7 * var(--u));border-radius:50%;background:var(--tint)}.tip .line{background:var(--tint)}.tip .line.v{width:2px;height:calc(1.6 * var(--u))}.tip .line.h{width:calc(1.6 * var(--u));height:2px}.tip .panel-wrap{position:relative}.tip .panel{display:block;padding:calc(.35 * var(--u)) calc(.7 * var(--u));border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tip .label{display:inline-block;font-size:calc(.7 * var(--u));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tip .badge{position:absolute;top:calc(-.5 * var(--u));right:calc(-.5 * var(--u));display:grid;place-items:center;width:calc(1.1 * var(--u));height:calc(1.1 * var(--u));border-radius:50%;font-size:calc(.7 * var(--u));font-weight:800;color:var(--on-accent);background:var(--accent);visibility:hidden}.token-wrap{position:relative;display:grid;place-items:center}.token{position:relative;display:grid;place-items:center;width:calc(3 * var(--u));height:calc(3 * var(--u));font-size:calc(3 * var(--u))}.ring{position:absolute;inset:calc(-.5 * var(--u));border:2px solid var(--tint);border-radius:50%;opacity:0;visibility:hidden}.pulse-dot{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u));border-radius:50%;background:var(--tint)}.wave-row{display:flex;gap:calc(.9 * var(--u))}.wave-row .pulse-dot{width:var(--u);height:var(--u)}.tag{position:relative;display:grid;place-items:center;width:calc(3 * var(--u));height:calc(3 * var(--u))}.tag .hold{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--ink) 35%,transparent)}.tag .token{position:relative}.tag .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border:.3125rem solid var(--accent);border-radius:50%;opacity:0}.meter{display:flex;align-items:flex-end;width:calc(1.5 * var(--u));height:calc(5 * var(--u));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.meter .fill{width:100%;height:100%;background:var(--tint);transform:scaleY(.35);transform-origin:center bottom}.track{position:relative;width:calc(14 * var(--u));height:2px;background:var(--line);border-radius:1px}.track .knob{position:absolute;top:50%;left:calc(var(--x, 0) * 1%);width:var(--u);height:var(--u);transform:translate(-50%,-50%);border-radius:50%;background:var(--tint)}.figure{font-size:calc(1.8 * var(--u));font-weight:700;font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:calc(.6 * var(--u));width:calc(16 * var(--u))}.bar{width:0;height:calc(.7 * var(--u));border-radius:calc(.35 * var(--u));background:var(--tint)}.slide-box{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));border-radius:var(--radius);background:var(--tint)}@media (max-width: 600px){.page{padding:var(--u)}.track,.bars{width:calc(12 * var(--u))}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(.375 * var(--u));min-width:0;min-height:calc(2.5 * var(--u));padding:calc(.375 * var(--u)) calc(.75 * var(--u));font:inherit;font-size:calc(.75 * var(--u));color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.ui-btn .icon{width:var(--u);height:var(--u)}.ui-btn:hover,.ui-btn.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.ui-btn.accent{color:var(--accent)}.ui-btn.accent:hover{color:var(--on-accent)}.ui-btn.warn{border-color:var(--red)}.ui-btn.danger:hover{color:#fff;background:var(--red);border-color:var(--red)}.ui-btn:disabled{opacity:.4;cursor:not-allowed}.ui-btn:disabled:hover{color:var(--ink);background:transparent;border-color:var(--line)}.ui-btn.accent:disabled:hover{color:var(--accent)}.ui-btn.warn:disabled:hover{border-color:var(--red)}.ui-btn.primary{font-weight:700;color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.ui-btn.primary:hover{filter:brightness(.9)}.ui-btn.small{min-height:0;padding:calc(.35 * var(--u)) calc(.8 * var(--u));font-size:calc(.7 * var(--u));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ui-btn.small .icon{width:calc(1.1 * var(--u));height:calc(1.1 * var(--u))}.ui-btn.ghost{color:var(--dim);border-color:transparent}.ui-btn.ghost:hover,.ui-btn.ghost.on{color:var(--accent);background:transparent;border-color:transparent}.ui-btn.ghost.small{padding:calc(.35 * var(--u)) calc(.6 * var(--u))}.ui-copy{display:inline-grid;place-items:center;width:calc(1.15 * var(--u));height:calc(1.15 * var(--u));padding:calc(.15 * var(--u));color:var(--dim);background:transparent;border:0;border-radius:var(--radius);cursor:pointer;vertical-align:middle;transition:color .15s}.ui-copy .icon{width:100%;height:100%}.ui-copy:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent)}.ui-copy.done{color:var(--accent)}.ui-range{display:inline-flex;align-items:center;gap:calc(.6 * var(--u));font-size:calc(.75 * var(--u));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.ui-range output{min-width:3.5em;font-family:var(--font-mono, monospace);font-weight:400;letter-spacing:0;color:var(--ink)}.ui-range input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(6.5 * var(--u));height:var(--u);margin:0;background:transparent;cursor:pointer}.ui-range input::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:1px}.ui-range input::-moz-range-track{height:2px;background:var(--line);border-radius:1px}.ui-range input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--u);height:var(--u);margin-top:calc(-.5 * var(--u) + 1px);border:0;border-radius:50%;background:var(--accent)}.ui-range input::-moz-range-thumb{width:var(--u);height:var(--u);border:0;border-radius:50%;background:var(--accent)}.ui-range input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.ui-switch-row{display:flex;align-items:center;gap:calc(.5 * var(--u))}.ui-switch-row label{font-size:calc(.7 * var(--u));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);cursor:pointer}.ui-switch{position:relative;flex:none;width:calc(2.75 * var(--u));height:calc(1.5 * var(--u));padding:0;background:var(--box);border:1px solid var(--line);border-radius:calc(.75 * var(--u));cursor:pointer;transition:background-color .2s,border-color .2s}.ui-switch:after{content:"";position:absolute;top:calc(.125 * var(--u) - 1px);left:calc(.125 * var(--u) - 1px);width:calc(1.25 * var(--u));height:calc(1.25 * var(--u));border-radius:50%;background:var(--dim);transition:transform .2s,background-color .2s}.ui-switch.on{background:var(--accent);border-color:var(--accent)}.ui-switch.on:after{background:var(--on-accent);transform:translate(calc(1.25 * var(--u)))}.ui-segmented{position:relative;display:inline-flex;align-items:stretch;padding:3px;border:1px solid var(--line);border-radius:var(--radius)}.ui-segmented:before{content:"";position:absolute;top:var(--fill-top, 3px);height:var(--fill-height, 0);left:var(--fill-left, 0);right:var(--fill-right, 100%);border-radius:calc(var(--radius) - 1px);background:var(--accent)}.ui-segmented button{position:relative;display:grid;place-items:center;min-width:calc(2.25 * var(--u));height:calc(2.25 * var(--u));padding:0 calc(.6 * var(--u));font:inherit;font-size:calc(.75 * var(--u));color:var(--dim);background:transparent;border:0;border-radius:calc(var(--radius) - 1px);cursor:pointer}.ui-segmented button .icon{width:calc(1.125 * var(--u));height:calc(1.125 * var(--u))}.ui-segmented button:hover:not(.lit){color:var(--accent)}.ui-segmented button.lit{color:var(--on-accent)}.ui-tabs{position:relative;display:flex;flex-wrap:wrap;gap:calc(.25 * var(--u));border-bottom:1px solid var(--line)}.ui-tabs:before{content:"";position:absolute;top:var(--fill-top, 0);height:calc(var(--fill-height, 0px) + 1px);left:var(--fill-left, 0);right:var(--fill-right, 100%);background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0}.ui-tabs [role=tab]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(.45 * var(--u));min-width:calc(8 * var(--u));padding:calc(.6 * var(--u)) calc(1.1 * var(--u));font:inherit;font-size:calc(.875 * var(--u));font-weight:700;line-height:1.4;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:var(--radius) var(--radius) 0 0;cursor:pointer}.ui-tabs [role=tab]:hover{color:var(--accent)}.ui-tabs [role=tab]:hover:not(.lit){background:color-mix(in srgb,var(--surface) 60%,transparent)}.ui-tabs [role=tab] .icon{width:1.1em;height:1.1em}.ui-tabs [role=tab].lit{color:var(--accent)}.ui-tab-panel{padding:calc(1.25 * var(--u));background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.ui-zoom-grid{position:relative;overflow:hidden;min-height:calc(20 * var(--u));background-color:var(--box);border:1px solid var(--line);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;cursor:grab}.ui-zoom-grid.panning{cursor:grabbing}.ui-zoom-world{position:absolute;top:0;left:0;width:1px;height:1px;transform-origin:0 0;will-change:transform}.ui-zoom-bar{position:absolute;top:calc(.6 * var(--u));left:calc(.6 * var(--u));display:flex;align-items:center;height:calc(2.75 * var(--u));padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);cursor:default}.ui-zoom-readout{min-width:calc(3.25 * var(--u));padding:0 calc(.4 * var(--u));font-size:calc(.75 * var(--u));font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:var(--dim)}.ui-zoom-bar button{height:100%;padding:0 calc(.7 * var(--u));font:inherit;font-size:calc(.75 * var(--u));font-weight:700;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:calc(var(--radius) - 1px);cursor:pointer}.ui-zoom-bar button:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.ui-phases{width:100%}.ui-phases-bar{display:flex;gap:3px;margin:0;padding:0;list-style:none}.ui-phase{flex:1 1 0;min-width:0}.ui-phase:before{content:"";display:block;height:calc(.6 * var(--u));border-radius:2px;background:var(--line)}.ui-phase:first-child:before{border-radius:999px 2px 2px 999px}.ui-phase:last-child:before{border-radius:2px 999px 999px 2px}.ui-phase.done:before{background:var(--green)}.ui-phase.active:before{background:var(--accent)}.ui-phase.failed:before{background:var(--red)}.ui-phase.anim.done:before{background:linear-gradient(var(--accent),var(--accent)) right / 0% 100% no-repeat var(--green);animation:ui-phase-out .6s cubic-bezier(.76,0,.24,1)}.ui-phase.anim.active:before{background:linear-gradient(var(--accent),var(--accent)) left / 100% 100% no-repeat var(--line);animation:ui-phase-in 1.6s cubic-bezier(.16,1,.3,1) backwards}.ui-phase.anim.done+.ui-phase.anim.active:before{animation-delay:.15s}.ui-phase-label{display:block;margin-top:calc(.3 * var(--u));overflow:hidden;font-size:calc(.7 * var(--u));color:var(--dim);text-align:center;text-overflow:ellipsis;white-space:nowrap}.ui-phase.active .ui-phase-label{color:var(--accent);font-weight:700}.ui-phase.anim.active .ui-phase-label{animation:ui-phase-label-wait .6s step-end}.ui-phase.anim.done+.ui-phase.anim.active .ui-phase-label{animation-duration:.75s}.ui-phase.failed .ui-phase-label{color:var(--red);font-weight:700}.ui-phases-caption{min-height:1.3em;margin:calc(.5 * var(--u)) 0 0;font-size:calc(.8 * var(--u));color:var(--dim)}@keyframes ui-phase-out{0%{background-size:100% 100%}}@keyframes ui-phase-in{0%{background-size:0% 100%}}@keyframes ui-phase-label-wait{0%,to{color:var(--dim);font-weight:400}}@media (max-width: 640px){.ui-phase-label{display:none}}.ui-scroll{overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ui-scroll::-webkit-scrollbar{width:calc(.5 * var(--u));height:calc(.5 * var(--u))}.ui-scroll::-webkit-scrollbar-track,.ui-scroll::-webkit-scrollbar-corner{background:transparent}.ui-scroll::-webkit-scrollbar-thumb{background-color:var(--line);border:2px solid transparent;background-clip:padding-box;border-radius:999px}.ui-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.ui-counter{--step-gap: calc(.525 * var(--u));display:inline-flex;align-items:stretch;height:calc(2.75 * var(--u));overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.ui-counter button{display:grid;place-items:center;padding:0 var(--step-gap);font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}.ui-counter button:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.ui-counter button:disabled{opacity:.35;cursor:default}.ui-counter button .icon{width:calc(.7 * var(--u));height:calc(.4 * var(--u))}.ui-counter .ui-counter-up .icon{transform:rotate(180deg)}.ui-counter-count{display:grid;place-items:center;min-width:calc(1.1 * var(--u));padding:0 var(--step-gap);border-left:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-right:1px solid color-mix(in srgb,var(--ink) 15%,transparent);font-size:calc(.75 * var(--u));font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.ui-btn,.ui-switch,.ui-switch:after,.ui-phase:before,.ui-phase-label{animation:none!important}}