:root{--magic-audio-player-controls-height:3rem}.magic-audio-player-controls{pointer-events:none;width:100%}.magic-audio-player-controls__bar{pointer-events:auto;flex-direction:column;align-items:flex-start;width:100%;margin:0 auto;display:flex}.magic-audio-player-controls__bar--inner{box-sizing:border-box;color:var(--magic-audio-player-controls-color,inherit);height:var(--magic-audio-player-controls-height);padding:0 var(--magic-audio-player-controls-padding-x,0);align-items:center;width:100%;display:flex}.magic-audio-player-controls__item{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.magic-audio-player-controls__item.-shrink-0{flex-shrink:0}.magic-audio-player-controls__item.-grow{flex-grow:1}.magic-audio-player-controls__item button{appearance:none;color:inherit;cursor:pointer;height:var(--magic-audio-player-controls-height);width:var(--magic-audio-player-controls-button-width,4rem);background-color:#0000;border:0;border-radius:0;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.magic-audio-player-controls__item button svg{height:auto;width:var(--magic-audio-player-controls-icon-width,1.25rem);display:block}.magic-audio-player-controls__timeline{width:100%}@container (width<=480px){.magic-audio-player-controls__item[data-slot=display-time-current]{display:none}}@container (width<=320px){.magic-audio-player-controls__item[data-slot=display-time-duration]{display:none}.magic-audio-player-controls__item[data-slot=timeline]{padding-right:1rem}}@container (width<=240px){.magic-audio-player-controls__item[data-slot=timeline]{display:none}.magic-audio-player-controls__bar--inner{justify-content:center}}