.code-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:360px;display:grid}.code-box{border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--card);width:100%;min-width:0;height:56px;color:var(--ink);font:600 24px/1 var(--mono);text-align:center;caret-color:var(--green);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);-moz-appearance:textfield;padding:0}.code-box:focus{border-color:var(--green);box-shadow:var(--ring);outline:0}.code-box:disabled{opacity:.55;cursor:not-allowed}.code-boxes .code-box:nth-child(3){margin-right:6px}.code-shake .code-box{border-color:var(--coral)}.code-shake{animation:code-shake .42s var(--ease)}@keyframes code-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.code-shake{animation:none}.code-box{transition:none}}@media (width<=380px){.code-boxes{gap:6px}.code-box{height:50px;font-size:22px}.code-boxes .code-box:nth-child(3){margin-right:2px}}.mfa-alt{gap:6px;margin-top:4px;display:grid}.mfa-alt button,.mfa-alt a{justify-self:start}.mfa-wait{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.mfa-remember{align-items:flex-start;gap:8px;display:flex}.signin-locked{border-radius:var(--radius);background:var(--paper);border:var(--line);gap:8px;padding:14px 16px;display:grid}.signin-locked b{font-size:var(--fs-md)}.signin-locked .row{flex-wrap:wrap;gap:8px;display:flex}.mfa-arrive{animation:.32s ease-out both mfa-arrive}@keyframes mfa-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mfa-arrive{animation:none}}