.account-badge{--badge-color:#a8b9ff;--badge-color-end:#cfabff;display:inline-flex;position:relative;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:4px 10px 4px 4px;border:1px solid #ffffff24;border-radius:10px;background:linear-gradient(#121212e8,#121212e8),linear-gradient(125deg,var(--badge-color),var(--badge-color-end));box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0003;color:#f5f5f5;vertical-align:middle;cursor:help}.account-badge-emblem{display:inline-grid;position:relative;flex:0 0 26px;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:8px;background:linear-gradient(145deg,#292929,#141414) padding-box,linear-gradient(135deg,var(--badge-color),var(--badge-color-end)) border-box;box-shadow:inset 0 0 0 1px #0006,0 1px 3px #0005;color:#fff}.account-badge-emblem:after{position:absolute;content:"";inset:2px;border-radius:5px;background:linear-gradient(140deg,#ffffff12,transparent 60%);pointer-events:none}.account-badge-name{min-width:0;font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.01em;overflow-wrap:anywhere}.account-badge-solid{background:linear-gradient(#151515e8,#151515e8),var(--badge-color)}.account-badge-solid .account-badge-emblem{background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,var(--badge-color) border-box}.account-badge-outline{background:#151515;box-shadow:none}.account-badge-outline .account-badge-emblem{background:linear-gradient(#151515,#151515) padding-box,linear-gradient(135deg,var(--badge-color),var(--badge-color-end)) border-box;box-shadow:none}.account-badge-outline .account-badge-emblem:after{display:none}.account-badge-compact{min-width:36px;min-height:36px;padding:4px;border-radius:11px}.account-badge-compact .account-badge-emblem{border-radius:8px}.account-badge:hover{border-color:#ffffff55}.account-badge:focus-visible{outline:2px solid #fff;outline-offset:3px}.user-profile-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.user-profile-details-state{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#b7b7b7;font-size:12px;line-height:1.5}.user-profile-details-state svg{flex-shrink:0}.user-profile-details-error{flex-wrap:wrap}.user-profile-details-state button{color:#f5f5f5;text-decoration:underline;text-underline-offset:3px}.user-profile-details-state button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:no-preference){.account-badge{transition:border-color .15s ease,box-shadow .15s ease}}