.code-inputs{width:min(100%,320px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.code-inputs .code-digit{width:100%;height:48px;min-height:48px;padding:0;text-align:center;letter-spacing:0;font:700 var(--type-body)/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}
.code-inputs .code-digit:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 14%,transparent)}
.code-inputs .code-digit[aria-invalid=true]{border-color:rgba(239,68,68,.72);box-shadow:0 0 0 3px rgba(239,68,68,.08)}
@media(max-width:620px){.code-inputs{width:100%;max-width:320px}}