.sf-expand-scrim{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(120,112,98,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);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(--neu-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-body,.sf-expand-card[data-mode=route] .sf-expand-player .sf-pv6-body{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(--neu-device);max-width:1260px;margin:0 auto}.sf-expand-card[data-mode=route] .sf-expand-panel{width:300px;transition:none}@media (min-width:768px){.sf-expand-card[data-lifted=true],.sf-expand-card[data-mode=route]{flex-wrap:wrap;align-content:flex-start}.sf-expand-card[data-mode=route] .sf-panel-content{flex:0 0 auto;justify-content:flex-start}.sf-expand-card[data-lifted=true]>.sf-comments-drawer,.sf-expand-card[data-mode=route]>.sf-comments-drawer{order:2;flex:0 0 100%;width:100%;min-width:0}.sf-expand-card[data-lifted=true]:has(>.sf-comments-drawer[data-open=true]){overflow-y:auto}}@media (max-width:767px){.sf-expand-card[data-mobile-route=true]:not([data-lifted=true]){display:flex;max-width:1260px;margin:0 auto;flex-direction:column;align-items:stretch;overflow:hidden;border-radius:var(--radius-card);background:var(--card);box-shadow:var(--neu-device)}.sf-expand-card[data-mobile-route=true]:not([data-lifted=true]) .sf-expand-player{overflow-y:visible}.sf-expand-card[data-mobile-route=true]:not([data-lifted=true]) .sf-expand-player>.sf-neu{background:transparent!important;box-shadow:none!important;border-radius:0!important}.sf-expand-card[data-mobile-route=true]:not([data-lifted=true]) .sf-expand-player .sf-pv6-body{box-shadow:none!important}.sf-expand-card[data-mobile-route=true]:not([data-lifted=true]) :is(.sf-pv6-card,.sf-pad-card){overflow:visible!important}.sf-expand-card[data-mobile-route=true] .sf-panel-cover{display:none}.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-card[data-lifted=true] .sf-expand-panel-inner{max-height:520px}.sf-expand-card[data-lifted=true] .sf-panel-actions{position:sticky;bottom:0;background:var(--card)}.sf-expand-panel-inner.sf-panel-has-kebab{min-height:225px}.sf-expand-panel-inner.sf-panel-has-kebab.sf-panel-kebab-owner{min-height:305px}.sf-expand-panel-inner.sf-panel-has-kebab.sf-panel-kebab-moderator{min-height:270px}.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-card[data-lifted=true] .sf-pad-card,.sf-expand-card[data-lifted=true] .sf-pv6-card,.sf-expand-card[data-mode=route] .sf-pad-card,.sf-expand-card[data-mode=route] .sf-pv6-card{overflow:visible!important}.sf-expand-card[data-lifted=true] .sf-panel-description,.sf-expand-card[data-lifted=true] .sf-panel-options,.sf-expand-card[data-mode=route] .sf-panel-description,.sf-expand-card[data-mode=route] .sf-panel-options{display:none}.sf-expand-card[data-lifted=true] .sf-expand-panel-inner.sf-panel-has-kebab,.sf-expand-card[data-mode=route] .sf-expand-panel-inner.sf-panel-has-kebab{min-height:0}.sf-expand-card[data-lifted=true] .sf-panel-actions,.sf-expand-card[data-mode=route] .sf-panel-actions{padding-top:0}}.sf-expand-grab{position:sticky;top:0;z-index:2;order:-2;flex-shrink:0;width:100%;padding:9px 0 7px;display:flex;align-items:center;justify-content:center;background:var(--card);border:none;cursor:grab;touch-action:none}.sf-expand-grab:active{cursor:grabbing}.sf-expand-grab-pill{width:36px;height:4px;border-radius:2px;background:var(--sf-border);transition:background .15s}.sf-expand-grab:active .sf-expand-grab-pill{background:var(--sf-text-muted)}@media (min-width:768px){.sf-expand-grab{display:none}}@media (prefers-reduced-motion:reduce){.sf-expand-card[data-lifted=true],.sf-expand-panel,.sf-expand-scrim{transition:none}}