@layer components{.totp-code{gap:var(--space-1);flex-direction:column;display:flex}.totp-code__label{font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;color:var(--fg-subtle)}.totp-code__input{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);height:44px;padding:0 var(--space-3);color:var(--fg);font-family:var(--font-mono-true);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease)}.totp-code__input--digits{letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums}.totp-code__input::placeholder{color:var(--fg-subtle);letter-spacing:0}.totp-code__input--digits::placeholder{letter-spacing:0}.totp-code__input:focus-visible{border-color:var(--blue);outline:none}.totp-code__toggle{padding:var(--space-1) 0 0;color:var(--fg-muted);cursor:pointer;font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;transition:color var(--duration-fast) var(--ease);background:0 0;border:0;align-self:flex-start}.totp-code__toggle:hover{color:var(--hl)}}