:root{--web-player-waveform-height: 20px;--web-player-waveform-played-fill: var(--base-print-light, #f7feffff);--web-player-waveform-unplayed-fill: color-mix( in srgb, var(--base-print-highlight, #e0ebf4) 50%, transparent );--web-player-label-height: .75rem;--web-player-inner-height-wide: var(--scale-10);--web-player-inner-height-narrow: calc( var(--pd-md) + max( var(--size-sm), calc( var(--web-player-label-height) + var(--pd-xs) + var(--web-player-waveform-height) ) ) + var(--pd-sm) + var(--pd-md) * 2 + var(--size-md) );--web-player-height: var(--web-player-inner-height-wide);--mobile-bottom-nav-height: 0px;--web-player-inset: 0px;--mobile-bottom-nav-inset: 0px;--bottom-section-inset: calc( var(--web-player-inset) + var(--mobile-bottom-nav-inset) )}:root:has(.web-player-shell){--web-player-inset: var(--web-player-height)}:root:has(.mobile-bottom-nav){--mobile-bottom-nav-inset: var(--mobile-bottom-nav-height)}@media (max-width: 760px){:root{--mobile-bottom-nav-height: calc( var(--mobile-bottom-nav-bar-height) + env(safe-area-inset-bottom, 0px) )}}