.pay-auth-step{gap:16px;display:grid}.pay-login-card .pay-auth-step h2{margin:0}.pay-auth-step-lead{color:var(--pay-muted);margin:0;font-size:14px;line-height:20px}.pay-auth-step-lead strong{color:var(--pay-ink);overflow-wrap:anywhere}.pay-auth-step-note{color:var(--pay-muted);text-align:center;font-size:12px;line-height:18px;display:block}.pay-auth-step .pay-form{gap:16px}.pay-auth-step-links{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:13px;line-height:20px;display:flex}.pay-auth-step-links button{color:var(--pay-teal);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.pay-auth-step-links button:disabled{color:var(--pay-muted);font-variant-numeric:tabular-nums;text-decoration:none}.pay-code-field{gap:var(--pay-field-gap,8px);font-size:12px;font-weight:600;line-height:18px;display:grid}.pay-code-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:360px;display:grid;position:relative}.pay-code-cells input{z-index:1;color:#0000;caret-color:#0000;letter-spacing:0;opacity:.01;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;font-size:16px;position:absolute;inset:0}.pay-code-cell{border:1px solid var(--pay-border);height:56px;color:var(--pay-ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;place-items:center;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.pay-code-cell.is-filled{border-color:#b9cfc6}.pay-code-cells:focus-within .pay-code-cell.is-active{border-color:var(--pay-teal);box-shadow:0 0 0 3px #086b6324}.pay-code-cells:focus-within .pay-code-cell.is-active:not(.is-filled):after{content:"";background:var(--pay-teal);width:2px;height:24px;animation:1s step-end infinite pay-code-caret}.pay-code-field.is-invalid .pay-code-cell{border-color:#c4553b}.pay-code-field.is-invalid .pay-code-cells{animation:.32s pay-code-shake}.pay-code-cells:has(input:disabled) .pay-code-cell{color:var(--pay-muted);background:#f3f6f4}@keyframes pay-code-caret{50%{opacity:0}}@keyframes pay-code-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pay-auth-progress{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pay-auth-progress li{color:var(--pay-muted);background:#f0f4f2;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.pay-auth-progress li>:first-child{border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.pay-auth-progress li.is-done{color:#2f6b50;background:#e3f1ea}.pay-auth-progress li.is-done>:first-child{color:#fff;background:#2f8a63;padding:2px}.pay-auth-progress li.is-current{color:var(--pay-teal);background:#e6f2f0}.pay-auth-progress li.is-current>:first-child{background:var(--pay-teal);color:#fff}.pay-passkey-step-art{place-items:center;width:88px;height:88px;margin-top:4px;display:grid;position:relative}.pay-passkey-step-icon{z-index:1;width:88px;height:88px;color:var(--pay-teal);background:linear-gradient(160deg,#e9f4f1,#d6ebe5);border-radius:26px;place-items:center;transition:background .3s,color .3s;display:grid;position:relative;overflow:hidden}.pay-passkey-step-ring{opacity:0;border:2px solid #086b6359;border-radius:26px;position:absolute;inset:0}.pay-passkey-step.is-waiting .pay-passkey-step-icon:after{content:"";background:linear-gradient(#086b6300,#086b6347);border-bottom:2px solid #086b63b3;height:30%;animation:1.4s ease-in-out infinite alternate pay-passkey-scan;position:absolute;inset:0 0 auto}.pay-passkey-step.is-waiting .pay-passkey-step-ring{animation:1.4s ease-out infinite pay-passkey-ring}.pay-passkey-step.is-done .pay-passkey-step-icon{color:#fff;background:#2f8a63;animation:.45s cubic-bezier(.2,.9,.3,1.3) pay-passkey-pop}.pay-passkey-step.is-done .pay-passkey-step-icon svg{stroke-dasharray:30;stroke-dashoffset:30px;animation:.4s ease-out .15s forwards pay-passkey-check}.pay-passkey-step.is-cancelled .pay-passkey-step-icon,.pay-passkey-step.is-error .pay-passkey-step-icon{color:#6f8079;background:#f1f3f2}@keyframes pay-passkey-scan{0%{transform:translateY(-40%)}to{transform:translateY(280%)}}@keyframes pay-passkey-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes pay-passkey-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes pay-passkey-check{to{stroke-dashoffset:0}}.pay-passkey-benefits{border:1px solid var(--pay-border);background:#fbfcfb;border-radius:12px;gap:12px;margin:4px 0;padding:16px;list-style:none;display:grid}.pay-passkey-benefits li{color:var(--pay-muted);align-items:flex-start;gap:12px;font-size:13px;line-height:19px;display:flex}.pay-passkey-benefits li>svg{box-sizing:content-box;color:var(--pay-teal);background:#e6f2f0;border-radius:50%;flex:none;padding:7px}.pay-passkey-benefits strong{color:var(--pay-ink);font-size:14px;line-height:20px;display:block}.pay-login-card .pay-passkey-step-actions>.pay-button{flex:1 1 0;width:auto}.pay-login-card .pay-passkey-step-actions>.pay-button.primary{flex-grow:2;gap:8px}@media (max-width:760px){.pay-code-cells{gap:6px}.pay-code-cell{height:50px;font-size:21px}.pay-login-card .pay-passkey-step-actions>.pay-button,.pay-login-card .pay-passkey-step-actions>.pay-button.primary{flex:100%}}@media (prefers-reduced-motion:reduce){.pay-code-cell,.pay-passkey-step-icon{transition:none}.pay-code-cells:focus-within .pay-code-cell.is-active:not(.is-filled):after,.pay-code-field.is-invalid .pay-code-cells,.pay-passkey-step.is-waiting .pay-passkey-step-ring,.pay-passkey-step.is-done .pay-passkey-step-icon{animation:none}.pay-passkey-step.is-waiting .pay-passkey-step-icon:after{animation:none;transform:translateY(120%)}.pay-passkey-step.is-done .pay-passkey-step-icon svg{stroke-dashoffset:0;animation:none}}