/* V10 mobile music dock: compact floating button with unobstructed content. */
@media (max-width: 700px) {
  #um-v5-player.v6-dock {
    position: fixed !important;
    left: auto !important;
    top: auto !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    width: min(335px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: min(70dvh, 440px) !important;
    overflow: hidden;
    border-radius: 20px;
    transition: width .22s ease, box-shadow .22s ease;
  }
  #um-v5-player.v6-dock.um-mobile-compact,
  body.um-intro-open #um-v5-player.v6-dock.um-mobile-compact:not(.um-intro-user-open) {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    left: auto !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    top: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
  #um-v5-player.v6-dock.um-mobile-compact .v6-dock-header {
    padding: 0 !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer;
  }
  #um-v5-player.v6-dock.um-mobile-compact .v6-disc {
    width: 44px !important;
    height: 44px !important;
    font-size: 1.45rem !important;
    pointer-events: none;
  }
  #um-v5-player.v6-dock.um-mobile-compact .v6-dock-title,
  #um-v5-player.v6-dock.um-mobile-compact .v6-dock-actions,
  #um-v5-player.v6-dock.um-mobile-compact .v6-dock-content,
  #um-v5-player.v6-dock.um-mobile-compact .v8-music-switch {
    display: none !important;
  }
  #um-v5-player.v6-dock:not(.um-mobile-compact) .v6-dock-content {
    max-height: min(48dvh, 280px) !important;
    overflow-y: auto !important;
    opacity: 1 !important;
  }
  #um-v5-player.v6-dock:not(.um-mobile-compact) .v6-dock-header { touch-action: manipulation; }
  #um-v5-player.v6-dock:not(.um-mobile-compact) .v6-dock-actions { margin-left: auto; }
  #um-v5-player.v6-dock:not(.um-mobile-compact) .v6-dock-title { font-size: .64rem; }
  #um-v5-player.v6-dock:not(.um-mobile-compact) [data-v6="minimise"] {display:none !important;}
  #um-v5-player.v6-dock:not(.um-mobile-compact) .um-mobile-hide {
    display: grid !important;
    place-items:center;
    border:1px solid #ffffff44;
    border-radius:9px;
    background:#ffffff15;
    color:#ffe0ee;
    width:32px;
    height:32px;
    font-size:20px;
    cursor:pointer;
  }
  #um-v5-player.v6-dock.um-mobile-compact .um-mobile-hide {display:none !important;}
  body.um-intro-open #um-v5-player.v6-dock:not(.um-mobile-compact) {width:min(335px,calc(100vw - 20px)) !important;}
}
@media (min-width:701px) {#um-v5-player .um-mobile-hide{display:none !important}}

/* No flash of local content while the authenticated state is loading. */
html.um-cloud-booting #app, html.um-cloud-booting #intro-area {visibility:hidden!important;}