/* Share the navigation's glass surface without styling its contents. */
:root{
  --modal-glass-surface:rgba(255,255,255,var(--modal-glass-alpha,.55));
  --modal-glass-rim:rgba(41,44,44,.3);
  --modal-glass-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 28px rgba(30,37,44,.045);
  --modal-glass-glare:linear-gradient(135deg,rgba(255,255,255,.055),transparent 45%);
  --modal-glass-fallback:#f4f3f3;
}
html[data-theme="night"]{
  --modal-glass-surface:rgba(37,41,44,var(--modal-glass-alpha,.45));
  --modal-glass-rim:#ffffff22;
  --modal-glass-shadow:0 12px 45px #0003;
  --modal-glass-fallback:#25292c;
}
html :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access){
  background:var(--modal-glass-glare),var(--modal-glass-surface);
  border-color:var(--modal-glass-rim);
  box-shadow:var(--modal-glass-shadow);
  -webkit-backdrop-filter:blur(2px) saturate(110%);
  backdrop-filter:blur(2px) saturate(110%);
}
html[data-theme="night"] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access){
  background:var(--modal-glass-glare),var(--modal-glass-surface);
  border-color:var(--modal-glass-rim);
  box-shadow:var(--modal-glass-shadow);
}
/* Leave the network crisp outside the panel; the panel supplies the glass blur. */
html :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access)::backdrop{
  background:rgba(238,237,235,.12);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
html[data-theme="night"] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access)::backdrop{background:rgba(20,23,25,.16)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access),html[data-theme] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access){background:var(--modal-glass-fallback)}
}
@media(prefers-reduced-transparency:reduce){
  html :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access),html[data-theme] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access){background:var(--modal-glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Keep the navigation menu on the same glass tint as the modals. */
html #site-menu{background:rgba(60,65,69,.055)}
html[data-theme=night] #site-menu{background:rgba(37,41,44,.45)}