@media (max-width:900px){
  html.hlb-instant-nav-ready{background:#0b0d12;}
  html.hlb-instant-nav-ready body{overflow-x:hidden;}

  .hlb-app-nav-progress{
    position:fixed;
    left:0;
    top:0;
    z-index:2147483000;
    width:0;
    height:3px;
    opacity:0;
    pointer-events:none;
    background:linear-gradient(90deg,#ff5b1f,#ff8b53);
    box-shadow:0 0 16px rgba(255,91,31,.65);
    transition:width .18s ease,opacity .16s ease;
  }
  .hlb-app-nav-progress.is-loading{opacity:1;width:72%;}
  .hlb-app-nav-progress.is-done{opacity:0;width:100%;transition:width .12s ease,opacity .22s ease .08s;}

  main.hlb-soft-page-enter-right{animation:hlbSoftInRight .24s cubic-bezier(.2,.8,.2,1) both;}
  main.hlb-soft-page-enter-left{animation:hlbSoftInLeft .24s cubic-bezier(.2,.8,.2,1) both;}
  main.hlb-soft-page-enter-fade{animation:hlbSoftInFade .20s ease both;}

  @keyframes hlbSoftInRight{from{opacity:.35;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
  @keyframes hlbSoftInLeft{from{opacity:.35;transform:translate3d(-18px,0,0)}to{opacity:1;transform:none}}
  @keyframes hlbSoftInFade{from{opacity:.35;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}

  .mobile-nav a.hlb-soft-nav-pending{transform:scale(.94);opacity:.82;}
}

@media (prefers-reduced-motion:reduce){
  main.hlb-soft-page-enter-right,
  main.hlb-soft-page-enter-left,
  main.hlb-soft-page-enter-fade{animation:none!important;}
}