.online-panel__grow{flex:1;min-width:0}.online-panel__shrink{flex-shrink:0}.online-panel__accent{color:var(--ds-accent-fg)}.online-panel__favorite{color:var(--ds-favorites)}.online-panel__picker{height:auto;padding-block:var(--ds-space-2);padding-inline:var(--ds-space-2);text-align:start;cursor:pointer}.online-panel__picker[aria-expanded=true]{border-color:var(--ds-accent)}.online-panel__picker-chevron{color:var(--ds-text-muted);flex-shrink:0}.online-panel__logo{flex-shrink:0}.online-panel__logo-image{width:100%;height:100%}.online-panel__meta{min-width:0;color:var(--ds-text-secondary)}.online-panel__flags{color:var(--ds-text-muted);flex-shrink:0}.online-panel__flag{display:inline-flex}.online-panel__quality{color:var(--ds-text-secondary);font-size:var(--ds-font-xs);font-weight:var(--ds-font-weight-normal);white-space:nowrap;flex-shrink:0}.online-panel__quality[data-level="2"]{color:var(--ds-text-primary);font-weight:var(--ds-font-weight-semibold)}.online-panel__quality[data-level="3"]{color:var(--ds-text-primary);font-weight:var(--ds-font-weight-bold)}.online-panel__quality-icon{flex-shrink:0}.online-panel__dropdown{--ds-popover-bg:var(--ds-bg-elevated);--ds-glass-blur-md:none;--ds-glass-border:var(--ds-border-width) solid var(--ds-border-neutral);--ds-popover-radius:var(--ds-radius-md);overflow:hidden}.online-panel__dropdown-search-slot{padding:var(--ds-space-2) var(--ds-space-1) var(--ds-space-1)}.online-panel__dropdown-search{width:100%;margin:0}.online-panel__dropdown-options{overscroll-behavior:contain;max-height:24rem;padding:0 var(--ds-space-1) var(--ds-space-1);overflow-y:auto}.online-panel__dropdown-group-label{z-index:var(--ds-z-base);padding:var(--ds-space-2) var(--ds-space-1) var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-font-xs);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase;background:var(--ds-bg-elevated);position:sticky;top:0}.online-panel__dropdown-group-label:after{display:none}.online-panel__dropdown-group+.online-panel__dropdown-group{margin-top:var(--ds-space-1);border-top:var(--ds-border-width) solid var(--ds-border-subtle)}.online-panel__group-count{font-weight:var(--ds-font-weight-normal)}.online-panel__dropdown-option{padding:var(--ds-space-2) var(--ds-space-1);border-radius:var(--ds-radius-sm);position:relative}.online-panel__dropdown-option[data-playing]:before{inset-block:var(--ds-space-2);content:"";background:var(--ds-accent);border-radius:var(--ds-radius-pill);width:3px;position:absolute;inset-inline-start:calc(var(--ds-space-1) * -1)}.online-panel__dropdown-empty{padding:var(--ds-space-4)}.online-panel__studio-group-label{z-index:var(--ds-z-base);padding:var(--ds-space-3) var(--ds-space-1) var(--ds-space-2);color:var(--ds-text-primary);background:var(--online-panel-studio-list-bg,var(--ds-bg-elevated));font-size:var(--ds-font-sm);font-weight:var(--ds-font-weight-normal);text-transform:none;position:sticky;top:0}.online-panel__studio-group-label:after{display:none}.online-panel__studio-group-count{color:var(--ds-text-secondary);font-size:var(--ds-font-xs)}.online-panel__studio-summary{color:var(--ds-text-secondary)}.online-panel__studio-summary-part{white-space:nowrap}.online-panel__dropdown-option.online-panel__studio-option[data-selected]{color:var(--ds-text-primary);background:var(--ds-accent-soft)}.online-panel__studio-option[data-selected]:before{inset-block:var(--ds-space-2);content:"";background:var(--ds-accent);border-radius:var(--ds-radius-pill);width:3px;position:absolute;inset-inline-start:0}.app-drawer--bottom.online-panel__studio-drawer-content{height:auto}.online-panel__studio-drawer-header{flex:none}.app-dialog__body.online-panel__studio-drawer-body{--online-panel-studio-list-bg:var(--ds-bg-main);background:var(--online-panel-studio-list-bg);flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.online-panel__studio-drawer-body .online-panel__dropdown-search-slot{flex:none}.online-panel__studio-drawer-body .online-panel__dropdown-options{overscroll-behavior:auto;flex:auto;min-height:0;max-height:none}.ds-online-source-selector{flex-shrink:0;min-width:0}.ds-online-source-selector__root,.ds-online-source-selector__control{min-width:0}.ds-online-source-selector__label{padding:var(--ds-space-2) var(--ds-space-1);white-space:normal}.ds-online-source-selector__value{row-gap:var(--ds-space-1)}.ds-online-source-selector__count{color:var(--ds-text-secondary);white-space:nowrap}