@layer component{.TwAc_a_TotpGenerator{gap:var(--space-3);border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-5);display:grid}.TwAc_a_TotpGenerator h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.TwAc_a_TotpGenerator>p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.TwAc_a_TotpGenerator .TwAc_a_fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.TwAc_a_TotpGenerator .TwAc_a_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.TwAc_a_TotpGenerator .TwAc_a_result{gap:var(--space-4);justify-items:center;display:grid}.TwAc_a_TotpGenerator .TwAc_a_result>dl{justify-self:stretch}.TwAc_a_TotpGenerator img{aspect-ratio:1;border-radius:var(--radius-md);inline-size:100%;max-inline-size:16rem;image-rendering:pixelated}.F8Cc6q_TotpCodes{gap:var(--space-4);display:grid}.F8Cc6q_TotpCodes .F8Cc6q_controls{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.F8Cc6q_TotpCodes .F8Cc6q_controls>*{min-inline-size:min(10rem,100%)}.F8Cc6q_TotpCodes .F8Cc6q_current{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.F8Cc6q_TotpCodes .F8Cc6q_codeRow{align-items:center;gap:var(--space-2);display:flex}.F8Cc6q_TotpCodes .F8Cc6q_code{font-family:var(--font-family-mono);font-size:calc(var(--font-size-2xl) * 1.5);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:var(--font-leading-tight)}.F8Cc6q_TotpCodes .F8Cc6q_code[data-empty]{color:var(--color-text-tertiary)}.F8Cc6q_TotpCodes .F8Cc6q_timer{block-size:var(--space-1);border-radius:var(--radius-full);background:var(--color-bg-active);overflow:hidden}.F8Cc6q_TotpCodes .F8Cc6q_timer span{block-size:100%;inline-size:calc(var(--progress) * 100%);background:var(--color-text-primary);transition:inline-size var(--motion-normal) linear;display:block}@media (prefers-reduced-motion:reduce){.F8Cc6q_TotpCodes .F8Cc6q_timer span{transition:none}}.F8Cc6q_TotpCodes .F8Cc6q_remaining{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}}