.login-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;margin-bottom:24px;border-radius:999px;background:var(--grey-100)}.login-tabs button{padding:10px 12px;border:0;border-radius:999px;background:none;font:600 14px/1 var(--font-body);color:var(--text-muted);cursor:pointer;transition:background var(--dur),color var(--dur)}.login-tabs button[aria-selected=true]{background:#fff;color:var(--text-strong);box-shadow:0 1px 3px rgba(0,0,0,.1)}.kp{display:grid;justify-items:center;grid-gap:18px;gap:18px}.kp-hint{margin:0;font-size:14px;color:var(--text-muted)}.kp-dots{display:flex;gap:14px;height:14px}.kp-dots i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--grey-300);transition:background .25s,border-color .25s,transform .25s}.kp-dots i.on{background:var(--purps);border-color:var(--purps);transform:scale(1.1)}.kp-dots.shake{animation:kp-shake .5s}.kp-dots.shake i.on{background:var(--danger);border-color:var(--danger)}@keyframes kp-shake{10%,50%,90%{transform:translateX(-7px)}30%,70%{transform:translateX(7px)}}.kp-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;width:min(100%,260px)}.kp-pad button{aspect-ratio:1;border-radius:50%;border:1px solid var(--grey-300);background:#fff;color:var(--text-strong);font:500 24px/1 var(--font-display);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;-webkit-tap-highlight-color:transparent}.kp-pad button:active,.kp-pad button:hover{border-color:var(--purps)}.kp-pad button:active{transform:scale(.92);background:var(--purps-20);transition-duration:.08s}.kp-pad button:disabled{opacity:.5;cursor:default}.kp-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;width:min(100%,260px)}.kp-text{background:none;border:0;color:var(--text-muted);font:500 13px/1 var(--font-body);cursor:pointer;padding:10px}.kp-text:hover{color:var(--text-strong)}.kp-text:disabled{opacity:.35;cursor:default}.kp-enter{width:60px;height:60px;border-radius:50%;border:0;background:var(--purps);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s,opacity .2s}.kp-enter svg{width:22px;height:22px}.kp-enter:hover{transform:translateY(-1px)}.kp-enter:disabled{opacity:.3;transform:none;cursor:default}.kp-err{margin:0;font-size:14px;color:var(--danger);text-align:center}.kp-email{justify-items:stretch;gap:12px}.kp-ok{margin:0;font-weight:600;color:var(--text-strong)}.kp-email .kp-text{justify-self:center}@media (prefers-reduced-motion:reduce){.kp-dots.shake{animation:none}}