.app-slider{--app-slider-track-height:4px;--app-slider-thumb-size:28px;--app-slider-rest:color-mix(in oklab, var(--ink) 16%, transparent);appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--app-slider-progress), var(--app-slider-rest) var(--app-slider-progress) 100%) center / 100% var(--app-slider-track-height) no-repeat;width:100%;height:44px;accent-color:var(--accent);cursor:pointer;touch-action:pan-y;border:0;border-radius:999px;margin:0;padding:0;display:block}.app-slider::-webkit-slider-runnable-track{height:var(--app-slider-track-height);background:0 0;border:0;border-radius:999px}.app-slider::-webkit-slider-thumb{appearance:none;width:var(--app-slider-thumb-size);height:var(--app-slider-thumb-size);margin-top:calc((var(--app-slider-track-height) - var(--app-slider-thumb-size)) / 2);-webkit-transition:transform var(--dur-press) var(--ease-out);transition:transform var(--dur-press) var(--ease-out);background:#fff;border:.5px solid #00000014;border-radius:50%;box-shadow:0 .5px 1px #00000029,0 2px 5px #0000002e}.app-slider::-moz-range-track{height:var(--app-slider-track-height);background:0 0;border:0;border-radius:999px}.app-slider::-moz-range-thumb{width:var(--app-slider-thumb-size);height:var(--app-slider-thumb-size);-moz-transition:transform var(--dur-press) var(--ease-out);transition:transform var(--dur-press) var(--ease-out);background:#fff;border:.5px solid #00000014;border-radius:50%;box-shadow:0 .5px 1px #00000029,0 2px 5px #0000002e}@media (hover:hover) and (pointer:fine){.app-slider:active::-webkit-slider-thumb{transform:scale(1.08)}}.app-slider[data-pressed]::-webkit-slider-thumb{transform:scale(1.08)}@media (hover:hover) and (pointer:fine){.app-slider:active::-moz-range-thumb{transform:scale(1.08)}}.app-slider[data-pressed]::-moz-range-thumb{transform:scale(1.08)}.app-slider[data-pressed]{--press-dim:1}.app-slider:focus-visible{outline:none}.app-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 .5px 1px #00000029, 0 2px 5px #0000002e, 0 0 0 3px var(--accent-soft-3)}.app-slider:focus-visible::-moz-range-thumb{box-shadow:0 .5px 1px #00000029, 0 2px 5px #0000002e, 0 0 0 3px var(--accent-soft-3)}.app-slider:disabled{opacity:.45;cursor:default}.app-slider:disabled::-webkit-slider-thumb{transform:none}.app-slider:disabled::-moz-range-thumb{transform:none}@media (prefers-reduced-motion:reduce){.app-slider::-webkit-slider-thumb{transition:none}.app-slider::-moz-range-thumb{transition:none}}