.custom-controls input.timeline[type=range]{-webkit-appearance:none;height:8px;background:rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:50%;outline:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.custom-controls input.timeline[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:#fff;border-radius:50%;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.custom-controls input.timeline[type=range]::-moz-range-thumb{width:8px;height:8px;background:#fff;border-radius:50%;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}input.timeline[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:#fff;border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}input.timeline[type=range]::-webkit-slider-thumb:hover{transform:scale(1.8);background:#fff;-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8)}input.timeline[type=range]::-moz-range-thumb{width:8px;height:8px;background:#fff;border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}input.timeline[type=range]::-moz-range-thumb:hover{transform:scale(1.8);background:#fff;-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8)}.custom-controls input.volume[type=range]{-webkit-appearance:none;height:4px;background:rgba(255,255,255,.3);border-radius:50%;outline:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.custom-controls input.volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.custom-controls input.volume[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.custom-controls button:focus{outline:none}.player-container:not(:hover) .custom-controls{opacity:0}input.volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}input.volume[type=range]::-webkit-slider-thumb:hover{background:#fff}input.volume[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}input.volume[type=range]::-moz-range-thumb:hover{background:#fff}