/* Beveled surfaces keep their depth without a filter for every card/control. */
#hub .glass-surface.glass-surface,
#hub .glass-action,
#hub .glass-icon,
#hub aside,
#hub .mobile-navigation,
#hub .floating-window,
.svg-glass #hub .glass-surface.glass-surface,
.svg-glass #hub .glass-action {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#hub .glass-surface.glass-surface { background-color: #141414ed; }
#hub .glass-action { background-image: none; }

/* Only the small toolbar, dock and window headers sample the scene. */
@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
  #hub .topbar.glass-surface.glass-surface,
  #hub #dock.glass-surface,
  #hub .floating-window .window-titlebar.glass-surface {
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    background-color: #141414d9;
  }
}
#hub .window-subbar { background-color: #0e0e0e; }
body.dragging #hub .topbar.glass-surface.glass-surface,
body.dragging #hub #dock.glass-surface,
body.dragging #hub .floating-window .window-titlebar.glass-surface {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
@media (prefers-reduced-transparency: reduce) {
  #hub .topbar.glass-surface.glass-surface,
  #hub #dock.glass-surface,
  #hub .floating-window .window-titlebar.glass-surface {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: #141414;
  }
}