/* HLB V5.4.2m - Compact mobile bottom nav */
@media (max-width:820px){
  :root{
    --hlb-v541d-nav-h:60px;
  }

  .mobile-nav.mobile-nav-v43{
    height:calc(var(--hlb-v541d-nav-h) + max(8px, calc(env(safe-area-inset-bottom,0px) - 8px))) !important;
    padding:4px 8px max(4px, calc(env(safe-area-inset-bottom,0px) - 8px)) !important;
    align-items:stretch !important;
  }

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

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

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

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

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

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

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

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

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

@media (max-width:430px){
  :root{
    --hlb-v541d-nav-h:58px;
  }
  .mobile-nav.mobile-nav-v43 > a{
    font-size:8.5px !important;
  }
  .mobile-nav.mobile-nav-v43 > a > span,
  .mobile-nav.mobile-nav-v43 > a > span > svg{
    width:21px !important;
    height:21px !important;
  }
}

@media (max-width:370px){
  :root{
    --hlb-v541d-nav-h:56px;
  }
  .mobile-nav.mobile-nav-v43{
    padding-left:6px !important;
    padding-right:6px !important;
  }
}