/* Wavswap V1007: desktop player visibility shell.
   Presentation only. Angular keeps ownership of playback, queue and actions. */
@media (min-width: 768px) {
  html body web-player {
    overflow: visible !important;
  }

  html body web-player player-controls,
  html body player-controls {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    display: flex !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 60px !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    clip: auto !important;
    clip-path: none !important;
    isolation: isolate !important;
    z-index: 2147483601 !important;
    pointer-events: auto !important;
    background-color: var(--be-background, #fff) !important;
    border-top: 1px solid var(--be-divider-default, #dbe3ec) !important;
    box-shadow: 0 -8px 26px rgba(15, 23, 42, .13) !important;
  }

  html body.be-dark-mode web-player player-controls,
  html body.dark web-player player-controls,
  html body.be-dark-mode player-controls,
  html body.dark player-controls {
    background-color: var(--be-background, #111827) !important;
    border-top-color: rgba(255, 255, 255, .14) !important;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .42) !important;
  }

  html body web-player player-controls > *,
  html body player-controls > * {
    opacity: 1 !important;
    visibility: visible !important;
  }
}