.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:8px;margin-top:-5px;cursor:pointer;background-color:hsl(var(--primary))}.volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;border-radius:2px;background-color:hsl(var(--primary))}input[type=range].volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,hsl(var(--primary)) 0 var(--filled-percentage),#e5e7eb var(--filled-percentage));background-color:hsl(var(--primary))}input[type=range].volume-slider::-moz-range-track{background:linear-gradient(90deg,hsl(var(--primary)) 0 var(--filled-percentage),#e5e7eb var(--filled-percentage))}input[type=range].volume-slider::-moz-range-progress{background-color:hsl(var(--primary))}input[type=range].volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:8px;cursor:pointer;background-color:hsl(var(--primary))}input[type=range].volume-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:8px;cursor:pointer;background-color:hsl(var(--primary))}