.bf-account-button{margin-inline-start:auto;border:1px solid currentColor;border-radius:.45rem;padding:.5rem .75rem;background:transparent;color:inherit;font:500 .95rem/1.3 system-ui;cursor:pointer;max-width:18rem;overflow-wrap:anywhere}.bf-account-button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.bf-account-button[hidden]{display:none!important}
.bf-account-dialog{--bf-ap-bg:#fff;--bf-ap-text:#202b3c;--bf-ap-muted:#48566a;--bf-ap-border:#697586;--bf-ap-action:#1756a9;--bf-ap-on-action:#fff;color-scheme:light;background:var(--bf-ap-bg);color:var(--bf-ap-text);width:min(32rem,calc(100% - 2rem));max-height:90vh;padding:1.5rem;border:1px solid var(--bf-ap-border);border-radius:.8rem;font:400 1rem/1.5 system-ui;box-sizing:border-box}
@media(prefers-color-scheme:dark){.bf-account-dialog{--bf-ap-bg:#202936;--bf-ap-text:#edf2fa;--bf-ap-muted:#becbdd;--bf-ap-border:#8c9aae;--bf-ap-action:#9fc6ff;--bf-ap-on-action:#102137;color-scheme:dark}}
[data-theme=dark] .bf-account-dialog{--bf-ap-bg:#202936;--bf-ap-text:#edf2fa;--bf-ap-muted:#becbdd;--bf-ap-border:#8c9aae;--bf-ap-action:#9fc6ff;--bf-ap-on-action:#102137;color-scheme:dark}
[data-theme=light] .bf-account-dialog{--bf-ap-bg:#fff;--bf-ap-text:#202b3c;--bf-ap-muted:#48566a;--bf-ap-border:#697586;--bf-ap-action:#1756a9;--bf-ap-on-action:#fff;color-scheme:light}
.bf-account-dialog::backdrop{background:rgb(0 0 0 / .6)}.bf-account-dialog .bf-account-heading,.bf-account-dialog .bf-account-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bf-account-dialog h2{margin:0;font-size:1.4rem;font-weight:700}.bf-account-dialog p{color:var(--bf-ap-muted)}.bf-account-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.bf-account-dialog label{display:block;font-weight:500;margin:.8rem 0}.bf-account-dialog input{display:block;width:100%;box-sizing:border-box;padding:.6rem;border:1px solid var(--bf-ap-border);border-radius:.3rem;background:var(--bf-ap-bg);color:var(--bf-ap-text);font:400 1rem system-ui;margin-top:.3rem}.bf-account-dialog dt{font-weight:600}.bf-account-dialog dd{margin:0 0 .5rem;overflow-wrap:anywhere}.bf-account-dialog summary{cursor:pointer;font-weight:600;padding:.7rem 0}.bf-account-dialog button{font:500 .95rem system-ui;padding:.6rem .8rem;border:1px solid var(--bf-ap-border);border-radius:.35rem;background:var(--bf-ap-bg);color:var(--bf-ap-text);cursor:pointer}.bf-account-dialog [data-save]{background:var(--bf-ap-action);color:var(--bf-ap-on-action)}.bf-account-dialog button:hover{filter:brightness(.92)}.bf-account-dialog button:disabled{opacity:.6;cursor:wait}.bf-account-dialog :focus-visible,.bf-account-button:focus-visible{outline:3px solid var(--bf-ap-action,#347ac7);outline-offset:3px}.bf-account-dialog [role=status]{min-height:1.5em}.bf-account-dialog .bf-account-actions{justify-content:flex-end;margin-top:1rem}

.bf-account-header{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1rem}.bf-account-header form{margin:0}
.bf-account-dialog{max-height:calc(100dvh - 2rem)}.bf-account-dialog .bf-account-heading{position:sticky;top:0;background:var(--bf-ap-bg);z-index:1;padding:.2rem 0}.bf-account-dialog p{margin:.65rem 0}.bf-account-dialog .bf-account-actions{position:sticky;bottom:0;background:var(--bf-ap-bg);padding:.5rem 0}