@layer components{.code-input-module_MHs0Sa_field{gap:var(--space-2);flex-direction:column;display:flex}.code-input-module_MHs0Sa_label{font-size:var(--text-sm);font-weight:500}.code-input-module_MHs0Sa_row{gap:calc(var(--space-2) * var(--density));display:flex}.code-input-module_MHs0Sa_digit{min-width:0;min-height:max(var(--tap-min), 3rem);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-xl);font-variant-numeric:tabular-nums;text-align:center;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);flex:1;padding:0;font-weight:600}.code-input-module_MHs0Sa_digit::placeholder{color:var(--text-faint);font-weight:400}@media (any-hover:hover){.code-input-module_MHs0Sa_digit:hover:not(:disabled,:focus-visible,.code-input-module_MHs0Sa_invalid){border-color:var(--text-faint)}}.code-input-module_MHs0Sa_digit:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.code-input-module_MHs0Sa_digit:disabled{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed}.code-input-module_MHs0Sa_invalid,.code-input-module_MHs0Sa_invalid:focus-visible{border-color:var(--danger)}.code-input-module_MHs0Sa_hint{font-size:var(--text-sm);color:var(--text-muted)}.code-input-module_MHs0Sa_error{color:var(--danger)}}
