.dialog .button.full{margin-top:12px;display:flex;justify-content:center;gap:12px}.dialog code{overflow-wrap:anywhere;color:#ccc}.account-portrait{width:64px;height:64px;display:inline-grid;place-items:center;border-radius:50%;background:#202020;flex-shrink:0;overflow:hidden}.account-portrait img{width:100%;height:100%;object-fit:cover}.account-portrait svg{width:30px;height:30px;fill:none;stroke:#999;stroke-width:1.5}.header-actions .is-connected{display:flex;align-items:center;gap:9px;max-width:210px}.header-actions .is-connected .account-portrait{width:26px;height:26px}.header-actions .is-connected .account-portrait svg{width:19px;height:19px}.header-actions .is-connected>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-links .account-portrait{display:none}.connected-profile{display:flex;align-items:center;gap:24px;padding:32px 0 42px;border-bottom:1px solid #2b2b2b}.connected-profile .account-portrait{width:104px;height:104px}.connected-profile h1{font-size:36px;margin:10px 0}.connected-profile>.button{margin-left:auto}.identity-badge{color:#8ed8b3;font-size:12px}.account-scope{max-width:750px;padding:40px 0}.account-scope p{line-height:1.7}.account-scope .connection-benefits{margin:25px 0}@media(max-width:650px){.connected-profile{flex-wrap:wrap;gap:18px}.connected-profile>.button{margin-left:0}.connected-profile h1{font-size:27px}.connected-profile .account-portrait{width:75px;height:75px}.header-actions .is-connected{max-width:145px}}
.header-actions .button[data-action="connect"],
.account-empty .button[data-action="connect"],
.dialog .button {
 background:#292929;
 border-color:#454545;
 color:#f2f2f2;
 box-shadow:none;
}
.dialog a.button {
 color:#f2f2f2;
 font-size:14px;
 text-decoration:none;
}
.header-actions .button[data-action="connect"]:hover,
.account-empty .button[data-action="connect"]:hover,
.dialog .button:not(:disabled):hover {
 background:#363636;
 border-color:#626262;
 color:#fff;
 transform:none;
}
.dialog .button:disabled {
 background:#202020;
 border-color:#333;
 color:#a3a3a3;
 opacity:1;
}
.header-actions .button[data-action="connect"] .roblox-mark,
.account-empty .button[data-action="connect"] .roblox-mark,
.dialog .button .roblox-mark {
 color:inherit;
 fill:currentColor;
 stroke:none;
 flex-shrink:0;
}