.auth-code{justify-content:center;gap:clamp(.375rem,2vw,.625rem);display:flex;position:relative}.auth-code__slot{border:1px solid var(--color-brand-lines);background:var(--color-brand-bg);width:clamp(2rem,10vw,3rem);height:3.5rem;color:var(--color-brand-text);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.auth-code__slot--active{border:2px solid var(--color-brand-primary);outline:none}.auth-code:has(input[aria-invalid=true]) .auth-code__slot{border-color:var(--color-brand-primary)}.auth-code:has(input:disabled){opacity:.6}.auth-code__caret{background:var(--color-brand-primary);width:2px;height:1.5rem}.auth-code-actions{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.auth-code-action{color:var(--color-brand-text-light);padding:.5rem 0;font-size:.875rem;font-weight:500}.auth-code-action:hover{color:var(--color-brand-text)}.auth-code-action:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px;border-radius:.25rem}.auth-code-action:disabled{opacity:.5;cursor:not-allowed}