/* Legacy compact navigation. Canonical .ivy-public-nav uses site-navigation.css. */
nav .plan-save-star.nav-save-star{position:static!important;inset:auto!important;flex:0 0 34px;width:34px;height:34px;min-width:34px;margin:0 0 0 auto;border-radius:0;font-size:20px;box-shadow:none;transform:none}
nav .nav-members::before{content:'中'!important}
nav:has(.nav-save-star){column-gap:8px!important}
nav .site-nav-actions .nav-save-star{margin-left:0}
.plan-save-toast.nav-save-toast{top:calc(var(--ivy-nav-height,58px) + 8px);bottom:auto}
nav a:is(.logo,.hsk-site-logo,.m-logo,.ivy-nav-logo){color:inherit;text-decoration:none}
html.ivy-unscaled-desktop nav :is(.logo,.hsk-site-logo,.m-logo) small{display:inline !important}
html.ivy-unscaled-desktop :is(body > nav:not([class]),nav#topNav:not(.ivy-public-nav),nav.site-nav:not(.ivy-public-nav),nav.top-nav:not(.ivy-public-nav)) .nav-toggle{display:none !important}
html.ivy-unscaled-desktop :is(body > nav:not([class]),nav#topNav:not(.ivy-public-nav),nav.site-nav:not(.ivy-public-nav),nav.top-nav:not(.ivy-public-nav)) .nav-links-wrap{position:relative !important;inset:auto !important;display:flex !important;justify-content:flex-end !important;flex:1 1 auto !important;min-width:0 !important;max-height:none !important;overflow:visible !important;background:transparent !important;border:0 !important}
html.ivy-unscaled-desktop :is(body > nav:not([class]),nav#topNav:not(.ivy-public-nav),nav.site-nav:not(.ivy-public-nav),nav.top-nav:not(.ivy-public-nav)) .nav-links{display:flex !important;flex-direction:row !important;align-items:center !important;max-width:100% !important;overflow-x:auto !important}
nav :is(.logo,.hsk-site-logo,.m-logo,.ivy-nav-logo){display:inline-flex !important;align-items:center !important;align-self:center !important;line-height:1.15 !important}
nav :is(.logo,.hsk-site-logo,.m-logo,.ivy-nav-logo) > img{display:block;align-self:center}
nav :is(.logo,.hsk-site-logo,.m-logo,.ivy-nav-logo) > small{align-self:center;line-height:1.15}
html.ivy-unscaled-desktop :is(body > nav:not([class]),nav#topNav:not(.ivy-public-nav),nav.site-nav:not(.ivy-public-nav),nav.top-nav:not(.ivy-public-nav),nav.hsk-site-nav:not(.ivy-public-nav),nav.m-nav:not(.ivy-public-nav),nav.ivy-public-nav:not(.ivy-public-nav)){height:58px !important;min-height:58px !important;max-height:58px !important;padding:7px 32px !important}
html.ivy-unscaled-desktop nav :is(.logo,.hsk-site-logo,.m-logo,.ivy-nav-logo){font-size:17px !important;gap:11px !important}
html.ivy-unscaled-desktop nav .nav-links{font-size:15px !important}
:is(
  body > nav:not([class]),
  nav#topNav:not(.ivy-public-nav),
  nav.site-nav:not(.ivy-public-nav),
  nav.top-nav:not(.ivy-public-nav),
  nav.hsk-site-nav:not(.ivy-public-nav),
  nav.m-nav:not(.ivy-public-nav)
){
  box-sizing:border-box !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  padding:7px 32px !important;
  gap:22px !important;
  flex-wrap:nowrap !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible;
}

:is(
  body > nav:not([class]),
  nav#topNav:not(.ivy-public-nav),
  nav.site-nav:not(.ivy-public-nav),
  nav.top-nav:not(.ivy-public-nav),
  nav.hsk-site-nav:not(.ivy-public-nav),
  nav.m-nav:not(.ivy-public-nav)
) :is(.logo,.hsk-site-logo,.m-logo){
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:17px !important;
  gap:11px !important;
}

:is(
  body > nav:not([class]),
  nav#topNav:not(.ivy-public-nav),
  nav.site-nav:not(.ivy-public-nav),
  nav.top-nav:not(.ivy-public-nav),
  nav.hsk-site-nav:not(.ivy-public-nav),
  nav.m-nav:not(.ivy-public-nav)
) :is(.logo,.hsk-site-logo,.m-logo) .seal,
nav.m-nav:not(.ivy-public-nav) > .m-logo + .seal{
  width:26px !important;
  height:26px !important;
  line-height:26px !important;
  font-size:13px !important;
}

:is(
  body > nav:not([class]),
  nav#topNav:not(.ivy-public-nav),
  nav.site-nav:not(.ivy-public-nav),
  nav.top-nav:not(.ivy-public-nav)
) .nav-links{
  gap:clamp(20px,2.25vw,36px) !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}

nav.hsk-site-nav:not(.ivy-public-nav) .hsk-site-actions{
  gap:clamp(10px,1.5vw,24px) !important;
  flex-wrap:nowrap !important;
}

nav.hsk-site-nav:not(.ivy-public-nav) .hsk-level-button{
  padding:8px 14px !important;
  font-size:17px !important;
}

nav.m-nav:not(.ivy-public-nav) .m-nav-links{
  gap:clamp(14px,1.35vw,26px) !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

nav.m-nav:not(.ivy-public-nav) .m-nav-links a{
  padding:4px 0 !important;
}

nav.m-nav:not(.ivy-public-nav) .m-nav-account{
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}

@media (max-width:900px) and (hover:hover) and (pointer:fine){
  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav)
  ) .nav-toggle{
    display:none !important;
  }

  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav)
  ) .nav-links-wrap{
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-height:none !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
  }

  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav)
  ) .nav-links{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:20px !important;
    max-width:100% !important;
    padding:3px 2px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    font-size:14px !important;
  }

  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav)
  ) .nav-links a{
    width:auto !important;
    padding:2px 0 !important;
    border:0 !important;
    background:transparent !important;
  }
}

@media (max-width:900px) and (hover:none),
       (max-width:900px) and (pointer:coarse){
  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav),
    nav.hsk-site-nav:not(.ivy-public-nav),
    nav.m-nav:not(.ivy-public-nav)
  ){
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    padding:6px 16px !important;
    gap:14px !important;
  }

  :is(
    body > nav:not([class]),
    nav#topNav:not(.ivy-public-nav),
    nav.site-nav:not(.ivy-public-nav),
    nav.top-nav:not(.ivy-public-nav),
    nav.hsk-site-nav:not(.ivy-public-nav),
    nav.m-nav:not(.ivy-public-nav)
  ) :is(.logo,.hsk-site-logo,.m-logo){
    font-size:15px !important;
    gap:9px !important;
  }

  nav.m-nav:not(.ivy-public-nav) .m-nav-links{
    gap:16px !important;
  }
}