.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:#DF0107;transition:width 75ms}.player-bar-grid{display:flex;flex-direction:column;gap:.5rem;max-width:80rem;margin-inline:auto}.player-bar-meta{min-width:0}.player-bar-controls{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:.375rem}.player-bar-transport-row{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.player-bar-progress{display:flex;width:100%;align-items:center;gap:.5rem}.player-bar-volume{display:flex;align-items:center;gap:.375rem}.player-bar-volume--desktop{display:none}.player-bar-volume--mobile{position:absolute;top:50%;right:0;display:flex;flex-shrink:0;transform:translateY(-50%)}@media (min-width:768px){.player-bar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(112px,auto);align-items:center;gap:1rem}.player-bar-meta{grid-column:1;grid-row:1}.player-bar-controls{grid-column:2;grid-row:1;align-items:center}.player-bar-volume--desktop{display:flex;grid-column:3;grid-row:1;justify-content:flex-end}.player-bar-volume--mobile{display:none}}.with-player-bar{padding-bottom:8.75rem}.with-player-bar:has([data-player-layout=wave-loading]){padding-bottom:7.75rem}@media (min-width:768px){.with-player-bar{padding-bottom:5.25rem}.with-player-bar:has([data-player-layout=wave-loading]){padding-bottom:6rem}}input[type=range].player-range{-webkit-appearance:none;appearance:none;cursor:pointer;border:none;outline:none;background:transparent;accent-color:#DF0107;z-index:1}input[type=range].player-range:disabled{cursor:not-allowed;opacity:.5}input[type=range].player-range--progress{accent-color:#DF0107}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:#DF0107;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 #df0107;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:#DF0107;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 #df0107;box-shadow:0 1px 3px rgba(0,0,0,.18)}