.sf-expand-scrim{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in srgb,var(--sf-text) 40%,transparent);opacity:0;transition:opacity .2s ease-out}.sf-expand-scrim[data-open=true]{opacity:1}.sf-expand-card[data-lifted=true]{position:fixed;z-index:calc(var(--z-overlay) + 1);display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-card);background:var(--card);box-shadow:var(--nu-device-inset);transition:left .32s cubic-bezier(.4,0,.2,1),top .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1)}.sf-expand-panel{position:relative;width:0;flex-shrink:0;overflow:hidden;transition:width .32s cubic-bezier(.4,0,.2,1) 80ms}.sf-expand-card[data-panel=open] .sf-expand-panel{width:300px}.sf-expand-panel-inner{width:300px;height:100%;overflow-y:auto}.sf-expand-player{flex:1;min-width:0}.sf-expand-card[data-lifted=true] .sf-expand-player,.sf-expand-card[data-mode=route] .sf-expand-player{overflow-y:auto}.sf-expand-card[data-lifted=true] .sf-expand-player>.sf-neu,.sf-expand-card[data-mode=route] .sf-expand-player>.sf-neu{background:transparent!important;box-shadow:none!important;border-radius:0!important}.sf-expand-card[data-lifted=true] .sf-expand-player .sf-pv6-topzone,.sf-expand-card[data-mode=route] .sf-expand-player .sf-pv6-topzone{box-shadow:none!important}.sf-expand-card[data-mode=route]{display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-card);background:var(--card);box-shadow:var(--nu-device-inset);max-width:1260px;margin:0 auto}.sf-expand-card[data-mode=route] .sf-expand-panel{width:300px;transition:none}@media (max-width:767px){.sf-expand-card[data-lifted=true]{flex-direction:column;border-radius:0;overflow-y:auto}.sf-expand-panel{width:100%;order:-1;max-height:0;transition:max-height .32s cubic-bezier(.4,0,.2,1) 80ms}.sf-expand-card[data-panel=open] .sf-expand-panel{width:100%;max-height:520px}.sf-expand-panel-inner{width:100%;height:auto}.sf-expand-panel-inner.sf-panel-has-kebab{min-height:200px}.sf-expand-card[data-lifted=true] .sf-expand-player,.sf-expand-card[data-mode=route] .sf-expand-player{overflow-y:visible}.sf-expand-card[data-mode=route]{flex-direction:column}.sf-expand-card[data-mode=route] .sf-expand-panel{width:100%;max-height:none}}.sf-expand-close{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--neu-surf,#e6e3dd);color:var(--sf-text);box-shadow:var(--nu-raised);z-index:calc(var(--z-overlay) + 2);cursor:pointer}.sf-expand-close:active{box-shadow:var(--nu-inset)}@media (min-width:768px){.sf-expand-close{display:none}}@media (prefers-reduced-motion:reduce){.sf-expand-card[data-lifted=true],.sf-expand-panel,.sf-expand-scrim{transition:none}}