/* The page itself is Prism's hosted sign-in (.signin, .signin-card, .acct-*: src/css/23-account.css). The site's own stylesheets
   load after Prism, so a site restyles it by targeting those classes. Only what's specific to this service is here. */
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--font)}
.signin-bg[hidden]{display:none}
.acct-face{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acct-face .avatar{width:64px;height:64px;font-size:1.5rem}
.acct-face .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.acct-fs{border:0;margin:0 0 var(--s-4);padding:0;display:grid;gap:var(--s-3)}.acct-fs legend{font-weight:600;margin-bottom:var(--s-2)}
.acct-more summary{cursor:pointer;color:var(--fog);margin-top:var(--s-3)}.acct-more .chips{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin-top:var(--s-3)}
.acct-credit{font-size:1.75rem;font-weight:600;margin:var(--s-2) 0 var(--s-3);font-variant-numeric:tabular-nums}
#f-gift .in{max-width:15rem;text-transform:uppercase}
.avatar[data-frame=ring]{box-shadow:0 0 0 2px var(--void),0 0 0 4px var(--accent)}
.avatar[data-frame=double]{box-shadow:0 0 0 2px var(--void),0 0 0 3px var(--accent),0 0 0 5px var(--void),0 0 0 6px var(--accent)}
.avatar[data-frame=dashed]{outline:2px dashed var(--accent);outline-offset:3px}
.avatar[data-frame=glow]{box-shadow:0 0 0 2px var(--accent),0 0 14px 2px color-mix(in oklch,var(--accent) 55%,transparent)}
.seg.signin-tabs{display:flex;width:100%;box-sizing:border-box}.seg.signin-tabs button{flex:1;height:36px;font-size:14px}
.signin-panel{gap:20px}