/* Keep the modal in the top layer until both the spring and backdrop are done. */
@property --player-morph-art-opacity{syntax:'<number>';inherits:true;initial-value:0}
@property --player-morph-sheen-opacity{syntax:'<number>';inherits:true;initial-value:0}
#playerDialog{--player-morph-art-opacity:.28;--player-morph-sheen-opacity:0}
#playerDialog.immersive{--player-morph-art-opacity:.46}
#playerDialog::before{opacity:var(--player-morph-art-opacity);transition:none}
#playerDialog::after{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background-image:var(--player-morph-sheen-image,none);opacity:var(--player-morph-sheen-opacity)}
#playerDialog::backdrop{background-color:rgb(37 50 70 / .19);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:backdrop-filter 600ms cubic-bezier(.2,.65,.25,1),-webkit-backdrop-filter 600ms cubic-bezier(.2,.65,.25,1),background-color 600ms cubic-bezier(.2,.65,.25,1)}
#playerDialog.is-closing::backdrop{background-color:rgb(37 50 70 / 0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}
body.player-handoff .mini-player{opacity:1;visibility:visible;pointer-events:none;transition:opacity 100ms ease-out,visibility 0s}
@media(prefers-reduced-motion:reduce){#playerDialog::backdrop{transition-duration:120ms}body.player-handoff .mini-player{transition-duration:80ms}}