.passkey-offer{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:28px;border:1px solid var(--manage-theme-border,var(--border,#d8e1e6));border-radius:24px;background:var(--panel,#fff);color:var(--ink,#19313c);box-shadow:0 20px 80px #0003;overflow:auto;font:inherit}.passkey-offer::backdrop{background:#0b202b88}.passkey-offer-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border-radius:18px;background:#e6f3ee;color:#347f71}.passkey-offer-icon svg{width:29px;height:29px}.passkey-offer h2{font-size:25px;line-height:1.25;margin:0 0 16px;overflow-wrap:anywhere}.passkey-offer p{margin:0 0 14px;line-height:1.55}.passkey-offer #passkey-offer-hint{color:var(--manage-theme-muted,var(--muted,#667d83));font-size:14px}.passkey-offer-actions{display:grid;gap:12px;margin-top:24px}.passkey-offer-actions button{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--manage-theme-border,var(--border,#d8e1e6));border-radius:14px;background:transparent;color:inherit;font:inherit;font-weight:600;line-height:1.4;cursor:pointer}.passkey-offer-actions [data-passkey-offer=create]{background:#347f71;border-color:#347f71;color:#fff}.passkey-offer-actions button:focus-visible{outline:3px solid #529c8e;outline-offset:3px}:root[data-theme=dark] .passkey-offer-icon{background:#203c35;color:#80cebb}:root[data-theme=dark] .passkey-offer-actions [data-passkey-offer=create]{background:#80cebb;border-color:#80cebb;color:#10251f}@media(max-width:360px){.passkey-offer{padding:22px}.passkey-offer h2{font-size:23px}}