.hv{position:absolute;left:50%;top:50%;width:600px;height:640px;margin:-320px 0 0 -300px;transform:scale(var(--k,1));color:#f5f5f7;font-family:var(--font-sans);
  opacity:0;transition:opacity .8s var(--ease) .35s}
.lo-hero.on .hv{opacity:1}
.hv *{box-sizing:border-box}
.hv-code{-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);overflow:hidden}
.hv-roll{position:absolute;left:0;right:0;top:120px;transition:transform .5s cubic-bezier(.3,.9,.3,1)}
.hv-row{display:flex;align-items:center;gap:10px;height:28px}
.hv-row em{flex:none;width:34px;font:500 13px/1 ui-monospace,Menlo,monospace;font-style:normal;color:#86868b;text-align:right}
.hv-row i{flex:none;height:16px;border-radius:4px;background:#2c2c2e;width:0;transition:width .26s ease-out}
.hv-row i.w{background:#8e8e93}.hv-row i.o{background:#EE5500}.hv-row i.b{background:#028AEE}.hv-row i.g{background:#48484a}
.hv-cur{flex:none;width:3px;height:22px;border-radius:2px;background:#EE5500;animation:hv-blink 1s steps(1) infinite}
@keyframes hv-blink{50%{opacity:0}}

@media (prefers-reduced-motion:reduce){.hv,.hv *{transition:none!important;animation:none!important}}