.passkey-login{display:flex;position:relative}.passkey-login__btn{cursor:pointer;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);width:56px;color:var(--color-gray-800);justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .1s;display:flex}.passkey-login__btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.passkey-login__btn:focus-visible{box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-primary),transparent 75%);border-color:var(--color-primary);outline:none}.passkey-login__btn:active:not(:disabled){transform:scale(.96)}.passkey-login__btn:disabled{opacity:.6;cursor:not-allowed}.passkey-login__spinner{border:2px solid color-mix(in srgb,var(--color-primary),transparent 70%);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite passkey-spin}@keyframes passkey-spin{to{transform:rotate(360deg)}}.passkey-login__tooltip{opacity:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-gray-100);pointer-events:none;color:var(--color-gray-400);font-weight:var(--fw-semibold);font-size:var(--fs-xs);white-space:nowrap;padding:6px 10px;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.passkey-login:hover .passkey-login__tooltip{opacity:1}@media (prefers-reduced-motion:reduce){.passkey-login__btn{transition:border-color .2s,background-color .2s,color .2s}.passkey-login__btn:active:not(:disabled){transform:none}.passkey-login__spinner{animation-duration:1.2s}}