/* HLB V5.4.2n - Ultra compact mobile bottom nav */
@media (max-width:820px){
  :root{
    --hlb-v541d-nav-h:54px;
  }

  .mobile-nav.mobile-nav-v43{
    min-height:unset !important;
    height:calc(var(--hlb-v541d-nav-h) + max(2px, calc(env(safe-area-inset-bottom,0px) - 12px))) !important;
    padding:3px 8px max(2px, calc(env(safe-area-inset-bottom,0px) - 12px)) !important;
    align-items:stretch !important;
    backdrop-filter:blur(18px) !important;
  }

  .mobile-nav.mobile-nav-v43 > a{
    gap:2px !important;
    padding:1px 1px !important;
    font-size:8.5px !important;
    line-height:1 !important;
  }

  .mobile-nav.mobile-nav-v43 > a > span,
  .mobile-nav.mobile-nav-v43 > a > span > svg{
    width:20px !important;
    height:20px !important;
  }

  .mobile-nav.mobile-nav-v43 > a.active::before{
    width:15px !important;
    height:3px !important;
    top:1px !important;
  }

  .mobile-nav.mobile-nav-v43 a span>b{
    right:-6px !important;
    top:-5px !important;
    min-width:14px !important;
    height:14px !important;
    font-size:7px !important;
    border-width:2px !important;
  }

  .player-shell{
    bottom:calc(var(--hlb-v541d-nav-h) + max(2px, calc(env(safe-area-inset-bottom,0px) - 12px))) !important;
  }

  .music-app{
    padding-bottom:calc(var(--hlb-v541d-nav-h) + max(2px, calc(env(safe-area-inset-bottom,0px) - 12px))) !important;
  }

  .page-main{
    padding-bottom:150px !important;
  }

  .player-queue-drawer{
    bottom:calc(var(--hlb-v541d-nav-h) + 6px + max(2px, calc(env(safe-area-inset-bottom,0px) - 12px))) !important;
  }
}

@media (max-width:430px){
  :root{
    --hlb-v541d-nav-h:52px;
  }
  .mobile-nav.mobile-nav-v43{
    padding-left:7px !important;
    padding-right:7px !important;
  }
  .mobile-nav.mobile-nav-v43 > a{
    font-size:8px !important;
  }
  .mobile-nav.mobile-nav-v43 > a > span,
  .mobile-nav.mobile-nav-v43 > a > span > svg{
    width:19px !important;
    height:19px !important;
  }
}

@media (max-width:370px){
  :root{
    --hlb-v541d-nav-h:50px;
  }
  .mobile-nav.mobile-nav-v43{
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .mobile-nav.mobile-nav-v43 > a{
    font-size:7.5px !important;
  }
  .mobile-nav.mobile-nav-v43 > a > span,
  .mobile-nav.mobile-nav-v43 > a > span > svg{
    width:18px !important;
    height:18px !important;
  }
}