.volume-slider-wrapper{position:relative;width:36px;height:108px;display:flex;align-items:center;justify-content:center}.volume-slider{--volume-progress:50%;--volume-fill:var(--text-primary,#111);--volume-track:var(--gray-200,rgba(0,0,0,0.15));--volume-thumb:var(--text-primary,#111);-webkit-appearance:none;appearance:none;width:88px;height:28px;transform:rotate(-90deg);background:transparent;cursor:pointer;outline:none;margin:0;touch-action:none}.volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:9999px;background:linear-gradient(to right,var(--volume-fill) 0,var(--volume-fill) var(--volume-progress),var(--volume-track) var(--volume-progress),var(--volume-track) 100%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:9999px;background:var(--volume-thumb);border:none;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .12s ease}.volume-slider:active::-webkit-slider-thumb,.volume-slider:focus-visible::-webkit-slider-thumb,.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.volume-slider::-moz-range-track{height:4px;border-radius:9999px;background:var(--volume-track)}.volume-slider::-moz-range-progress{height:4px;border-radius:9999px;background:var(--volume-fill)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:9999px;background:var(--volume-thumb);border:none;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .12s ease}.volume-slider:active::-moz-range-thumb,.volume-slider:focus-visible::-moz-range-thumb,.volume-slider:hover::-moz-range-thumb{transform:scale(1.15)}