.jr{position:relative;flex:1;height:52px;--p:50%;--tc:var(--butter)}.jr input{position:absolute;inset:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:none;cursor:pointer;z-index:2}.jr input::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--tc) var(--p),#252c52 var(--p))}.jr input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:var(--paper);border:5px solid var(--ink);box-shadow:0 0 0 3px var(--tc),var(--offset-sm)}.jr input:not(:disabled)::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tc) var(--p),#252c52 var(--p));animation:none}.jr input:not(:disabled)::-moz-range-progress{background:var(--tc);animation:none}.jr input.pop::-webkit-slider-thumb{animation:tpop .24s cubic-bezier(.2,.9,.3,1.6)}@keyframes tpop{45%{transform:scale(1.12)}}.jr input::-moz-range-track{height:10px;border-radius:5px;background:#252c52}.jr input::-moz-range-progress{height:10px;border-radius:5px;background:var(--tc)}.jr input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--paper);border:5px solid var(--ink);box-shadow:0 0 0 3px var(--tc)}.jr.hol input:not(:disabled)::-webkit-slider-runnable-track{background:linear-gradient(90deg,transparent var(--p),#252c52 var(--p)),var(--holo) 0 0/300% 100%;animation:holos 3.2s linear infinite}.jr.hol input:not(:disabled)::-moz-range-progress{background:var(--holo)}@keyframes holos{to{background-position:0 0,300% 0}}.jr::after{content:"";position:absolute;left:0;width:calc(var(--p) - 4px);top:calc(50% - 5px);height:10px;border-radius:5px;pointer-events:none;z-index:3;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%) -120% 0/45% 100% no-repeat;animation:sheen 3.4s ease-in-out infinite}.jr.act::after{animation:none;opacity:0}@keyframes sheen{0%,50%{background-position:-120% 0}100%{background-position:260% 0}}.jr.sm{height:40px}.jr.sm input::-webkit-slider-runnable-track{height:8px}.jr.sm input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;border-width:4px}.jr.sm::after{height:8px;top:calc(50% - 4px)}.jr input:active::-webkit-slider-thumb{transform:none}.jfx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99}.puff{position:absolute;left:var(--x);top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--paper);pointer-events:none;z-index:4;animation:puff .3s cubic-bezier(.2,.7,.3,1) forwards}@keyframes puff{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.jr.hol input:not(:disabled)::-webkit-slider-runnable-track{animation:none}.jr::after{animation:none}.jr input.pop::-webkit-slider-thumb{animation:none}}