.pixel-slider.svelte-13mm0tl{width:100%;min-width:0}.pixel-slider--volume.svelte-13mm0tl{width:clamp(96px,18vw,200px)}input.svelte-13mm0tl{appearance:none;background:linear-gradient(to right, transparent 0 var(--slider-progress), #120801ad var(--slider-progress) 100%), repeating-conic-gradient(rgba(var(--hot), .95) 0% 25%, rgba(var(--hot), .3) 0% 50%) 0 0 / 4px 4px;width:100%;height:6px;box-shadow:0 0 0 2px var(--px-ink), 0 0 8px rgba(var(--hot), .35);cursor:ew-resize;border:0;border-radius:0;margin:0;display:block}input.svelte-13mm0tl:focus-visible{outline:2px solid rgb(var(--hot));outline-offset:4px}input.svelte-13mm0tl::-webkit-slider-thumb{appearance:none;border:3px solid var(--px-ink);background:rgb(var(--hot));width:16px;height:16px;box-shadow:0 0 0 2px rgba(var(--hot), .45), inset 3px 3px 0 #ffecc880, inset -3px -3px 0 #3c14008c, 0 0 10px rgba(var(--hot), .8);cursor:ew-resize;border-radius:0;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}input.svelte-13mm0tl:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(var(--hot), .8), inset 3px 3px 0 #ffecc899, inset -3px -3px 0 #3c14008c, 0 0 16px rgba(var(--hot), 1);transform:scale(1.25)}input.svelte-13mm0tl:active::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(var(--hot), 1), inset 3px 3px 0 #fff6dcbf, inset -3px -3px 0 #3c14008c, 0 0 22px rgba(var(--hot), 1);transform:scale(1.5)}