.player-slider{position:relative;display:flex;width:100%;align-items:center}.player-slider--progress{height:1.25rem}.player-slider--volume{height:1.75rem}.player-slider-rail{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;overflow:hidden;border-radius:9999px;background:var(--player-track-bg,rgba(255,255,255,.15));z-index:0}.player-slider-rail--progress{height:4px}.player-slider-rail--volume{height:6px}.player-slider-fill{height:100%;border-radius:9999px;background:#d51007;transition:width 75ms}.player-bar-grid{display:grid;max-width:80rem;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(280px,1.4fr) minmax(112px,auto);align-items:center}.with-player-bar{padding-bottom:5.25rem}input[type=range].player-range{-webkit-appearance:none;appearance:none;cursor:pointer;border:none;outline:none;background:transparent;accent-color:#d51007;z-index:1}input[type=range].player-range:disabled{cursor:not-allowed;opacity:.5}input[type=range].player-range--progress{accent-color:#d51007}input[type=range].player-range--volume{accent-color:var(--theme-card)}input[type=range].player-range::-webkit-slider-runnable-track{height:4px;background:transparent;border:none;box-shadow:none}input[type=range].player-range--volume::-webkit-slider-runnable-track{height:6px}input[type=range].player-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:9999px;background:#d51007;border:2px solid var(--theme-card);box-shadow:0 1px 3px rgba(0,0,0,.25);margin-top:-4px;cursor:pointer}input[type=range].player-range--volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--theme-card);border:2px solid #d51007;margin-top:-3px;box-shadow:0 1px 3px rgba(0,0,0,.18)}input[type=range].player-range::-moz-range-track{height:4px;background:transparent;border:none}input[type=range].player-range--volume::-moz-range-track{height:6px}input[type=range].player-range--volume::-moz-range-progress,input[type=range].player-range::-moz-range-progress{background:transparent}input[type=range].player-range::-moz-range-thumb{width:12px;height:12px;border-radius:9999px;background:#d51007;border:2px solid var(--theme-card);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer}input[type=range].player-range--volume::-moz-range-thumb{width:12px;height:12px;background:var(--theme-card);border:2px solid #d51007;box-shadow:0 1px 3px rgba(0,0,0,.18)}