@media (max-width:900px){
  html.hlb-keepalive-ready,
  html.hlb-keepalive-ready body{
    background:#0b0d12;
  }

  html.hlb-keepalive-ready body{
    overflow-x:hidden;
  }

  .hlb-j-nav-progress{
    position:fixed;
    top:0;
    left:0;
    z-index:2147483000;
    width:0;
    height:2px;
    opacity:0;
    pointer-events:none;
    background:linear-gradient(90deg,#ff5a20,#ff8a52);
    box-shadow:0 0 14px rgba(255,90,32,.58);
    transform:translateZ(0);
  }
  .hlb-j-nav-progress.is-loading{
    opacity:1;
    animation:hlbJProgress .65s cubic-bezier(.2,.8,.2,1) forwards;
  }
  .hlb-j-nav-progress.is-done{
    opacity:0;
    width:100%;
    transition:opacity .14s ease;
  }

  main.hlb-j-enter-right{
    animation:hlbJEnterRight .145s cubic-bezier(.2,.85,.25,1) both;
  }
  main.hlb-j-enter-left{
    animation:hlbJEnterLeft .145s cubic-bezier(.2,.85,.25,1) both;
  }
  main.hlb-j-enter-fade{
    animation:hlbJEnterFade .12s ease-out both;
  }

  .mobile-nav a.hlb-j-pressed{
    transform:translate3d(0,-1px,0) scale(.93);
    opacity:.8;
    transition:transform .08s ease,opacity .08s ease;
  }

  body.hlb-j-swapping main{
    will-change:transform,opacity;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  @keyframes hlbJProgress{
    0%{width:8%}
    55%{width:62%}
    100%{width:82%}
  }
  @keyframes hlbJEnterRight{
    from{opacity:.58;transform:translate3d(11px,0,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  @keyframes hlbJEnterLeft{
    from{opacity:.58;transform:translate3d(-11px,0,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  @keyframes hlbJEnterFade{
    from{opacity:.62;transform:translate3d(0,3px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
}

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