.avelumo-passkeys{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #d7dce0;border-radius:12px;padding:20px;color:#18232b;background:#fff;font:13px/1.5 system-ui}.avelumo-passkeys::backdrop{background:#0008}.avelumo-passkeys h2{font-size:19px;margin:0 0 12px}.avelumo-passkeys label{display:block;margin:10px 0}.avelumo-passkeys input{box-sizing:border-box;display:block;width:100%;height:36px;border:1px solid #89969e;border-radius:6px;padding:6px 10px;font:inherit}.avelumo-passkeys button{font:inherit;min-height:36px;margin:6px 8px 6px 0;padding:6px 12px;border:1px solid #89969e;border-radius:6px;background:#f4f6f7;color:#18232b;cursor:pointer}.avelumo-passkeys button:disabled{opacity:.55;cursor:default}.avelumo-passkeys :focus-visible{outline:3px solid #147ac0;outline-offset:2px}[data-passkey-login]{margin-top:10px}

/* The header theme may set white text on every button. Keep this control
   self-contained and readable on both photographic and solid headers. */
button[data-passkey-manage].secondary {
  color:#18232b!important;background:#fff!important;border:1px solid #75818a!important;
  opacity:1;white-space:nowrap;flex-shrink:0;min-height:36px;padding:6px 12px;
  border-radius:6px;font-size:13px;line-height:1.4;text-shadow:none;
}
button[data-passkey-manage].secondary:hover,
button[data-passkey-manage].secondary:active {
  color:#18232b!important;background:#e8edf0!important;border-color:#18232b!important;
}
button[data-passkey-manage].secondary:focus-visible {
  color:#18232b!important;background:#fff!important;
  outline:3px solid #18232b;outline-offset:2px;box-shadow:0 0 0 5px #fff;
}
@media(forced-colors:active){button[data-passkey-manage].secondary{color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText!important;}}