.artwork-playback-status{position:fixed;left:22px;bottom:98px;z-index:6;width:min(320px,calc(100vw - 44px));box-sizing:border-box;padding:13px 16px;border:1px solid var(--d-line, rgb(239 233 220 / .14));border-radius:var(--d-radius, 14px);background:var(--d-glass, rgb(20 18 22 / .8));-webkit-backdrop-filter:var(--d-glass-blur, blur(24px));backdrop-filter:var(--d-glass-blur, blur(24px));color:var(--d-bone, #efe9dc);box-shadow:var(--d-glass-edge, inset 0 1px 0 rgb(255 255 255 / .07)),var(--d-glass-shadow, 0 24px 70px rgb(0 0 0 / .42));font:12px/1.5 var(--d-text, system-ui, sans-serif)}.artwork-playback-status[hidden],.artwork-playback-status [hidden]{display:none}.artwork-playback-status strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-playback-status p{margin:4px 0 0}.artwork-playback-status progress{width:100%;height:5px;margin-top:10px;accent-color:var(--d-bone, #efe9dc)}.artwork-playback-status[data-state=error]{border-color:var(--d-error, #ff8a6e);color:var(--d-error, #ff8a6e)}.artwork-playback-status button{margin-top:8px;padding:6px 14px;border:1px solid var(--d-line-strong, rgb(239 233 220 / .3));border-radius:999px;cursor:pointer}.artwork-playback-status.is-docked{position:static;width:100%;margin:12px 0;box-shadow:none}@media(max-width:800px){.artwork-playback-status{left:12px;bottom:90px;width:min(290px,calc(100vw - 24px))}}