.passkey-intro{display:flex;gap:20px;align-items:flex-start;background:#eef4e8;border-color:#d3e0c7}.passkey-intro h2{margin:0 0 10px}.passkey-intro p{font-size:14px;max-width:850px}.passkey-symbol{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:16px;background:#dfead4;color:#41633b;font-size:27px}.passkey-create{max-width:960px}.passkey-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0}.passkey-fields input{width:100%;box-sizing:border-box}.passkey-card{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-bottom:1px solid #e0e7d8;padding:20px 0}.passkey-card h3{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.passkey-card small{font-size:12px;color:#788770}.passkey-card summary{color:#8d6844;cursor:pointer;font-size:13px}.passkey-card details form{margin-top:15px;max-width:280px}.passkey-empty{padding:20px 0}.passkey-empty p{font-size:13px}.passkey-login{border-top:1px solid #e0e6d8;margin-top:24px;padding-top:22px}.passkey-login button{width:100%;min-height:48px}.passkey-login p{font-size:12px;line-height:1.6}.passkey-login [data-passkey-status],.passkey-create [data-passkey-status]{font-size:13px;color:#6c5336;margin-top:12px}@media(max-width:650px){.passkey-fields{grid-template-columns:1fr;gap:12px}.passkey-intro{gap:12px;padding:20px}.passkey-symbol{width:37px;height:37px;font-size:23px}.passkey-card{flex-wrap:wrap}.passkey-card>div{flex-basis:100%}}