/* wire-music-mini-continuity-style-303f1h9156 */

/*
 * Search now returns up to twelve playable videos. Keep the floating results
 * menu compact but independently scrollable so it never grows the right rail.
 */
.wire-music-search-popover-303f1h9155d{
  max-height:min(560px,calc(100dvh - 24px))!important;
}

.wire-music-search-popover-body-303f1h9155d{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:min(485px,calc(100dvh - 105px))!important;
  scrollbar-width:thin!important;
  scrollbar-color:#425d70 transparent!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain!important;
}

.wire-music-search-popover-body-303f1h9155d::-webkit-scrollbar{
  width:5px;
}

.wire-music-search-popover-body-303f1h9155d::-webkit-scrollbar-track{
  background:transparent;
}

.wire-music-search-popover-body-303f1h9155d::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#425d70;
}

/* Existing h9131 mini chrome; only two compact sequence controls are added. */
.wire-video-mini-actions-303f1h9131
.wire-video-mini-sequence-303f1h9156{
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid #35556a!important;
  border-radius:50%!important;
  background:#0a1d2a!important;
  color:#eef8fd!important;
  font:900 18px/1 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important;
}

.wire-video-mini-actions-303f1h9131
.wire-video-mini-sequence-303f1h9156:hover,
.wire-video-mini-actions-303f1h9131
.wire-video-mini-sequence-303f1h9156:focus-visible{
  border-color:#ed315a!important;
  background:rgba(237,49,90,.14)!important;
  outline:0!important;
}

.wire-video-mini-actions-303f1h9131
.wire-video-mini-sequence-303f1h9156:disabled{
  opacity:.32!important;
  cursor:default!important;
}

/*
 * Hard-refresh/session restore briefly uses the authoritative reader to
 * reconstruct playback. Hide the full modal until that same node is mini.
 */
html.wire-music-mini-restoring-303f1h9156
.wire-team-video-reader-303f1h8810:not(.wire-video-reader-mini-303f1h9131){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:620px){
  .wire-video-mini-actions-303f1h9131
  .wire-video-mini-sequence-303f1h9156{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
  }
}

/* wire-mini-nav-search-scroll-stability-303f1h9156a */
.wire-music-search-popover-303f1h9155d{
  overscroll-behavior:contain!important;
}

.wire-music-search-popover-body-303f1h9155d{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(360px,calc(100dvh - 130px))!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch;
  pointer-events:auto!important;
}

/* wire-music-search-rail-parity-queue-first-303f1h9156c */

/*
 * Desktop/wide right rails use the same card. On mobile the Pulse/right drawer
 * contains a live clone of the right rail, so unhide the same card only inside
 * that drawer and allow the body-level results popover to render.
 */
@media(max-width:1100px){
  aside[data-wire-pulse-drawer]
  .wire-music-rail-search-303f1h9155a{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  .wire-music-search-popover-303f1h9155d:not([hidden]){
    display:block!important;
    width:min(92vw,380px)!important;
    max-width:calc(100vw - 16px)!important;
  }

  .wire-music-search-popover-body-303f1h9155d{
    max-height:min(54dvh,430px)!important;
    overflow-y:scroll!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
}