/* TRIPLES V9 — compact music dock pinned to the lower-right viewport. */
/* Restore the member directory's full centered width: music never participates in layout. */
.site-public .directory-layout {
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.site-public .directory-layout > .directory-main {
  width:min(100% - 48px, 1440px)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:22px 0 80px!important;
  min-width:0!important;
}
/* Fixed is relative to the viewport, not to the member cards or scrolling content. */
.site-public .directory-layout > #music-dock {
  position:fixed!important;
  top:auto!important;
  bottom:max(18px, env(safe-area-inset-bottom))!important;
  right:max(18px, env(safe-area-inset-right))!important;
  left:auto!important;
  margin:0!important;
  width:220px!important;
  max-width:calc(100vw - 30px)!important;
  min-width:0!important;
  box-sizing:border-box!important;
  align-self:auto!important;
  z-index:35!important;
  padding:8px!important;
  border:1px solid rgba(220,222,235,.62)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(24,24,29,.96),rgba(5,5,8,.98))!important;
  box-shadow:0 15px 35px rgba(0,0,0,.84),0 0 13px rgba(255,255,255,.12)!important;
  backdrop-filter:blur(15px);
}
.site-public .directory-layout > #music-dock[hidden] {display:none!important}
.site-public .directory-layout > #music-dock .youtube-container {
  width:100%!important;
  min-height:200px!important;
}
.site-public .directory-layout > #music-dock .youtube-container iframe {
  display:block!important;
  width:100%!important;
  height:200px!important;
}
.site-public .directory-layout > #music-dock .music-top {font-size:8px!important;margin:0 2px 7px!important}
.site-public .directory-layout > #music-dock .volume-row {font-size:8px!important;padding:7px 2px 1px!important}
@media(max-width:1000px) {
 .site-public .directory-layout {display:block!important}
 .site-public .directory-layout > .directory-main {width:calc(100% - 28px)!important;max-width:850px!important;margin:0 auto!important;padding:16px 0 50px!important}
 .site-public .directory-layout > #music-dock {
    position:fixed!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    right:12px!important;left:auto!important;margin:0!important;align-self:auto!important;
    width:210px!important;max-width:calc(100vw - 24px)!important;
 }
}
@media(max-width:560px) {
 .site-public .directory-layout > .directory-main {width:calc(100% - 18px)!important;padding-bottom:65px!important}
 .site-public .directory-layout > #music-dock {width:202px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
}