body{margin:0;padding:0;overflow:hidden}input[type=range]{accent-color:#2563eb;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #00000080}.player-btn{color:#9898b0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.player-btn:hover{color:#fff;background:#ffffff0d}.player-btn:active{transform:scale(.95)}.player-btn.primary{color:#fff;background:#2563eb}.player-btn.primary:hover{background:#1d4ed8}