.amuse-player-box{isolation:isolate;overflow-clip-margin:1px;border-radius:var(--amuse-radius,32px);flex-shrink:0;gap:18px;min-width:0;max-width:760px;min-height:110px;padding:18px 22px;position:relative;overflow:clip}.amuse-player-box[hidden]{display:none!important}body .amuse-player-box.theme-liquid-glass,body .amuse-player-box.theme-liquid-glass.layout-separate .amuse-surface:not(.amuse-cover-plain){background:rgb(255 255 255/calc(var(--amuse-opacity,.7)*.22));backdrop-filter:blur(var(--amuse-blur,44px))saturate(160%);box-shadow:inset 0 1px 2px rgb(255 255 255/calc(var(--amuse-reflection,.7)*.8)),inset 0 -1px 3px rgb(255 255 255/calc(var(--amuse-light,.65)*.22)),inset 1px 0 1px #ffffff14,0 8px 24px #0002;color:#fff;border:1px solid #0000}.amuse-player-box.theme-liquid-glass:before,.amuse-player-box.theme-liquid-glass.layout-separate .amuse-surface:not(.amuse-cover-plain):before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0% 0%,rgb(255 255 255/calc(var(--amuse-reflection,.7)*.38)),transparent 65%),linear-gradient(165deg,rgb(255 255 255/calc(var(--amuse-reflection,.7)*.16)),transparent 45%,rgb(255 255 255/calc(var(--amuse-light,.65)*.12)));position:absolute;inset:0}body .amuse-player-box.theme-normal,body .amuse-player-box.theme-normal.layout-separate .amuse-surface:not(.amuse-cover-plain){color:#fff;background:#1c1c1c;border:1px solid #0000}.amuse-player-box:after,.amuse-player-box.layout-separate .amuse-surface:not(.amuse-cover-plain):after{content:"";pointer-events:none;border:var(--amuse-outline-width,1px)solid var(--amuse-outline-color,#ffffff4d);border-radius:inherit;box-sizing:border-box;position:absolute;inset:0}body .amuse-player-box .amuse-player-title{color:#fff}body .amuse-player-box .amuse-player-artist{color:#d2d6e1}.amuse-player-title,.amuse-player-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.amuse-player-title>span,.amuse-player-artist>span{white-space:nowrap;display:inline-block}.amuse-preview-wrapper{max-width:100%}#amuse-preview-container{min-height:190px;overflow:hidden}.amuse-paused-note{color:var(--glass-muted,#a1a1aa);font-size:.85rem}.amuse-card-preview{overflow:hidden}.amuse-card-preview .amuse-player-box{transform-origin:50%;transform:scale(.65)}.amuse-card-preview .amuse-preview-wrapper{width:100%;max-width:none;min-height:150px;padding:0}.amuse-player-canvas{object-fit:cover;border-radius:inherit;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.amuse-player-cover-wrap.canvas-live .amuse-player-canvas{opacity:1}.amuse-player-cover-wrap.canvas-live .amuse-player-cover{background:0 0}body .amuse-player-box:not(.layout-separate) .amuse-player-cover-wrap{box-shadow:none;background:0 0;border:0}@media (prefers-reduced-motion:reduce){.amuse-player-box{transition:none}}.amuse-player-content{justify-content:center;align-items:center;gap:18px;width:100%;min-width:0;min-height:72px;display:flex}.amuse-player-content [hidden]{display:none!important}.amuse-player-outgoing{pointer-events:none;width:auto;position:absolute;inset:18px 22px}.amuse-player-box{transition:width .28s cubic-bezier(.22,.8,.25,1),border-radius .28s cubic-bezier(.22,.8,.25,1),background .28s}body .amuse-player-box.theme-normal,body .amuse-player-box.theme-normal.layout-separate .amuse-surface:not(.amuse-cover-plain){box-shadow:0 5px 16px #0002}@media (prefers-reduced-motion:reduce){.amuse-player-box{transition:none}}.amuse-player-time{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;flex:0 0 78px;justify-content:center;align-items:center;gap:5px;display:flex}.amuse-time-elapsed{font-size:1rem;font-weight:650;line-height:1.25}.amuse-time-duration{color:#d2d6e1;font-size:.78rem;line-height:1.25}body .amuse-player-box.layout-separate{box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0}.amuse-player-box.layout-separate:before,.amuse-player-box.layout-separate:after{display:none}.amuse-player-box.layout-separate .amuse-player-content{align-items:stretch;gap:12px;min-height:110px}.amuse-player-box.layout-separate .amuse-surface:not(.amuse-cover-plain){isolation:isolate;overflow-clip-margin:1px;border-radius:var(--amuse-radius,32px);box-sizing:border-box;position:relative;overflow:clip}.amuse-player-box.layout-separate .amuse-player-cover-wrap{width:110px;height:110px;padding:18px}.amuse-player-box.layout-separate .amuse-player-cover,.amuse-player-box.layout-separate .amuse-player-cover-placeholder{border-radius:min(14px,var(--amuse-radius,32px))}.amuse-player-box.layout-separate .amuse-player-details{justify-content:center;min-height:110px;padding:18px 22px}.amuse-player-box.layout-separate .amuse-player-time{flex:0 0 110px;min-height:110px;padding:18px 12px}.amuse-player-box.layout-separate .amuse-player-outgoing{inset:0}.amuse-player-details{text-align:var(--amuse-text-align,left)}body .amuse-player-box.layout-separate .amuse-player-cover-wrap.amuse-cover-plain{isolation:isolate;box-sizing:border-box;border-radius:var(--amuse-radius,32px);box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:relative;overflow:hidden}.amuse-player-box.layout-separate .amuse-cover-plain:before,.amuse-player-box.layout-separate .amuse-cover-plain:after{display:none}.amuse-player-box.layout-separate .amuse-cover-plain .amuse-player-cover,.amuse-player-box.layout-separate .amuse-cover-plain .amuse-player-cover-placeholder{border-radius:inherit}.amuse-player-box.normal-glow{margin:var(--amuse-glow-padding);overflow-clip-margin:var(--amuse-glow-padding);overflow:clip}body .amuse-player-box.normal-glow:not(.layout-separate),body .amuse-player-box.normal-glow.layout-separate .amuse-surface:not(.amuse-cover-plain){box-shadow:0 0 var(--amuse-glow-blur)var(--amuse-glow-spread)rgb(255 255 255/var(--amuse-glow-alpha)),0 5px 16px #0002}body .amuse-player-box.normal-glow .amuse-player-cover-wrap,body .amuse-player-box.normal-glow.layout-separate .amuse-player-cover-wrap.amuse-cover-plain{box-shadow:0 0 var(--amuse-glow-blur)rgb(255 255 255/var(--amuse-glow-alpha))}.amuse-player-box.normal-glow :is(.amuse-player-title,.amuse-player-artist){margin-block:-6px;padding-block:6px}.amuse-player-box.normal-glow :is(.amuse-player-title,.amuse-player-artist,.amuse-player-time){text-shadow:0 0 var(--amuse-glow-text)rgb(255 255 255/var(--amuse-glow-alpha))}.amuse-player-box.glass-glow{margin:var(--amuse-glow-padding);overflow-clip-margin:var(--amuse-glow-padding);overflow:clip}body .amuse-player-box.glass-glow:not(.glass-glow-cover-only):not(.layout-separate),body .amuse-player-box.glass-glow:not(.glass-glow-cover-only).layout-separate .amuse-surface:not(.amuse-cover-plain){box-shadow:inset 0 1px 2px rgb(255 255 255/calc(var(--amuse-reflection,.7)*.5)),inset 0 -1px 3px rgb(255 255 255/calc(var(--amuse-light,.65)*.22)),inset 1px 0 1px #ffffff14,0 0 var(--amuse-glow-blur)var(--amuse-glow-spread)rgb(255 255 255/var(--amuse-glow-alpha)),0 5px 16px #0002}body .amuse-player-box.glass-glow .amuse-player-cover-wrap,body .amuse-player-box.glass-glow.layout-separate .amuse-player-cover-wrap.amuse-cover-plain{box-shadow:0 0 var(--amuse-glow-blur)rgb(255 255 255/var(--amuse-glow-alpha))}.amuse-player-box.glass-glow:not(.glass-glow-cover-only) :is(.amuse-player-title,.amuse-player-artist){margin-block:-6px;padding-block:6px}.amuse-player-box.glass-glow:not(.glass-glow-cover-only) :is(.amuse-player-title,.amuse-player-artist,.amuse-player-time){text-shadow:0 0 var(--amuse-glow-text)rgb(255 255 255/var(--amuse-glow-alpha))}.amuse-player-box{font-family:var(--amuse-font,inherit)}.amuse-player-box.has-shadow{margin:var(--amuse-glow-padding);overflow-clip-margin:var(--amuse-glow-padding);overflow:clip}body .amuse-player-box.has-shadow.theme-liquid-glass:not(.layout-separate),body .amuse-player-box.has-shadow.theme-liquid-glass.layout-separate .amuse-surface:not(.amuse-cover-plain){box-shadow:inset 0 1px 2px rgb(255 255 255/calc(var(--amuse-reflection,.7)*.5)),inset 0 -1px 3px rgb(255 255 255/calc(var(--amuse-light,.65)*.22)),inset 1px 0 1px #ffffff14,0 var(--amuse-shadow-y)var(--amuse-shadow-blur)var(--amuse-shadow-color)}body .amuse-player-box.has-shadow.layout-separate .amuse-player-cover-wrap.amuse-cover-plain{box-shadow:0 var(--amuse-shadow-y)var(--amuse-shadow-blur)var(--amuse-shadow-color)}.amuse-player-progress{background:#ffffff29;border-radius:999px;height:10px;overflow:hidden}.amuse-progress-fill{border-radius:inherit;background:var(--amuse-progress-color,#fff);width:0;height:100%;transition:width .25s linear}.amuse-player-box.layout-progress .amuse-player-content{grid-template-rows:auto auto auto;grid-template-columns:124px minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:12px;min-height:0;display:grid}.amuse-player-box.layout-progress.no-cover .amuse-player-content{grid-template-columns:minmax(0,1fr)}.amuse-player-box.layout-progress .amuse-player-cover-wrap{grid-area:1/1/3;width:124px;height:124px;padding:0}.amuse-player-box.layout-progress .amuse-player-cover-wrap:not(.amuse-cover-plain){padding:18px}.amuse-player-box.layout-progress .amuse-player-details{grid-area:1/2;justify-content:center;min-height:72px;padding:12px 20px}.amuse-player-box.layout-progress .amuse-player-time{flex-direction:row;flex:none;grid-area:2/2;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 20px}.amuse-player-box.layout-progress.no-cover .amuse-player-details,.amuse-player-box.layout-progress.no-cover .amuse-player-time{grid-column:1}.amuse-player-box.layout-progress .amuse-player-progress{grid-area:3/1/auto/-1}.amuse-player-box.layout-progress.no-time .amuse-player-details{grid-row:1/3;min-height:112px}.amuse-player-box.layout-progress .amuse-time-elapsed,.amuse-player-box.layout-progress .amuse-time-duration{color:#fff;font-size:.95rem;font-weight:700}.amuse-player-box.theme-normal{--amuse-bg-tint:#0000006b}.amuse-player-box.theme-normal.normal-light{--amuse-bg-tint:#ffffff80}body .amuse-player-box.theme-normal:is(.bg-blur,.bg-color):not(.layout-separate):before,body .amuse-player-box.theme-normal.layout-separate:is(.bg-blur,.bg-color) .amuse-surface:not(.amuse-cover-plain):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--amuse-bg-tint),var(--amuse-bg-tint)),var(--amuse-cover-image,none)center/cover;filter:blur(var(--amuse-bg-blur,22px))saturate(1.35);clip-path:inset(calc(25% - 1px)round var(--amuse-radius,32px));position:absolute;inset:-50%}body .amuse-player-box.theme-normal.bg-color:not(.layout-separate):before,body .amuse-player-box.theme-normal.layout-separate.bg-color .amuse-surface:not(.amuse-cover-plain):before{filter:blur(70px)saturate(1.2)}body .amuse-player-box.theme-normal.bg-color.has-cover-color:not(.layout-separate),body .amuse-player-box.theme-normal.layout-separate.bg-color.has-cover-color .amuse-surface:not(.amuse-cover-plain){background:var(--amuse-cover-color)}body .amuse-player-box.theme-normal.bg-color.has-cover-color:not(.layout-separate):before,body .amuse-player-box.theme-normal.layout-separate.bg-color.has-cover-color .amuse-surface:not(.amuse-cover-plain):before{display:none}body .amuse-player-box.theme-normal.normal-light:not(.layout-separate),body .amuse-player-box.theme-normal.normal-light.layout-separate .amuse-surface:not(.amuse-cover-plain){color:#18181b;background:#f2f2f4}body .amuse-player-box.theme-normal.normal-light.bg-color.has-cover-color:not(.layout-separate),body .amuse-player-box.theme-normal.normal-light.layout-separate.bg-color.has-cover-color .amuse-surface:not(.amuse-cover-plain){background:var(--amuse-cover-color)}body .amuse-player-box.normal-light .amuse-player-title,body .amuse-player-box.normal-light .amuse-time-elapsed{color:#18181b}body .amuse-player-box.normal-light .amuse-player-artist,body .amuse-player-box.normal-light .amuse-time-duration{color:#52525b}body .amuse-player-box.normal-light .amuse-player-progress{background:#00000029}.amuse-player-box.layout-separate:not(.layout-progress).time-bar .amuse-player-time{flex:0 0 220px;grid-template-columns:1fr auto;align-content:center;gap:10px 12px;padding:18px 22px;display:grid}.amuse-player-box.layout-separate:not(.layout-progress).time-bar .amuse-time-elapsed,.amuse-player-box.layout-separate:not(.layout-progress).time-bar .amuse-time-duration{color:#fff;font-size:.95rem;font-weight:700}.amuse-player-box.layout-separate:not(.layout-progress).time-bar .amuse-player-progress{grid-column:1/-1}body .amuse-player-box.normal-light.layout-separate.time-bar .amuse-time-elapsed{color:#18181b}body .amuse-player-box.normal-light.layout-separate.time-bar .amuse-time-duration{color:#52525b}