.slide{-webkit-user-select:none;user-select:none;position:relative}.slide__track{--p:0;background:var(--surface);height:66px;transition:background-color .36s var(--ease-out);border-radius:99px;position:relative;overflow:hidden}.slide:has(.sr-only:focus-visible) .slide__track{outline:2.5px solid var(--blue);outline-offset:3px}.slide__fill{background:var(--surface-2);width:86px;opacity:calc(.4 + var(--p) * .6);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.slide__label,.slide__status{font-size:min(var(--t-body), 22px);font-weight:var(--w-button);letter-spacing:-.005em;white-space:nowrap;pointer-events:none;place-items:center;padding-right:22px;display:grid;position:absolute;inset:0 0 0 86px}.slide__shine{background:linear-gradient(100deg, var(--ink-2) 0%, var(--ink-2) 38%, var(--ink) 50%, var(--ink-2) 62%, var(--ink-2) 100%);color:#0000;background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite slide-shine}@keyframes slide-shine{to{background-position:-160% 0}}.slide__status{color:var(--on-blue);opacity:0;transition:opacity .26s var(--ease-out) .12s, transform .36s var(--ease-out) .12s;padding:0 0 0 20px;inset:0 92px 0 0;transform:translateY(6px)}.slide__knob{z-index:2;touch-action:none;cursor:grab;width:76px;height:56px;color:var(--on-blue);background:var(--blue);transition:background-color .3s var(--ease-out), color .3s var(--ease-out), scale var(--d-press) var(--ease-out);border-radius:99px;place-items:center;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 4px 12px -4px #00000040,inset 0 1px #fff3}.slide[data-phase=dragging] .slide__knob{cursor:grabbing;scale:1.04}.slide__knob-icon{align-items:center;display:flex}.slide__knob-icon svg+svg{opacity:.55;margin-left:-14px}.slide[data-phase=idle] .slide__knob-icon{animation:knob-nudge 2.6s var(--ease-in-out) infinite}@keyframes knob-nudge{0%,70%,to{transform:translate(0)}80%{transform:translate(4px)}90%{transform:translate(0)}}.slide[data-phase=working] .slide__track{background:var(--blue)}.slide[data-phase=working] .slide__fill{opacity:0}.slide[data-phase=working] .slide__knob{background:var(--on-blue);color:var(--blue);box-shadow:0 4px 14px #00000029}.slide[data-phase=working] .slide__status,.slide[data-phase=error] .slide__status{opacity:1;transform:none}.slide[data-phase=error] .slide__track{background:var(--red);animation:slide-shake .42s var(--ease-out)}.slide[data-phase=error] .slide__knob{background:var(--on-blue);color:var(--red)}.slide[data-phase=error] .slide__fill{opacity:0}@keyframes slide-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.slide[data-disabled]{opacity:.45;pointer-events:none}.slide[data-tap-armed] .slide__knob{animation:knob-armed .9s var(--ease-in-out) infinite}@keyframes knob-armed{50%{scale:.92}}