.profile-badges{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:inline-flex}.profile-badge{z-index:1;cursor:help;outline-offset:2px;border-radius:5px;flex:none;place-items:center;width:26px;height:28px;display:inline-grid;position:relative}.profile-badge:hover,.profile-badge:focus-visible{z-index:30;background:#ffffff0f}.profile-badge:focus-visible{outline:2px solid #b9adff}.profile-badge__icon{place-items:center;width:24px;height:24px;display:grid}.badge-art{-o-object-fit:contain;object-fit:contain;flex:none;width:100%;height:100%;display:block}.badge-art__dark{fill:#202434}.badge-art__cut{fill:none;stroke:#202434;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.profile-badge__tooltip{width:224px;max-width:calc(var(--app-vw) * 70);color:#c6c9d3;white-space:normal;opacity:0;pointer-events:none;background:#161820;border:1px solid #454957;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:400;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px);box-shadow:0 6px 20px #0006}.profile-badge__tooltip strong{color:#f4f5f8;font-size:12px}.profile-badge__tooltip span{margin-top:3px;display:block}.profile-badge:hover .profile-badge__tooltip,.profile-badge:focus-visible .profile-badge__tooltip{opacity:1;transform:translate(-50%)}.profile-badges--compact{flex-wrap:nowrap;gap:2px}.profile-badges--compact .profile-badge{width:18px;height:20px}.profile-badges--compact .profile-badge__icon{width:17px;height:17px}.profile-badges--server{vertical-align:middle;flex-wrap:nowrap;gap:6px;margin-left:10px}.profile-badges--server .profile-badge{width:30px;height:30px}.profile-badges--server .profile-badge__icon{filter:drop-shadow(0 2px 6px #00000073);width:28px;height:28px}.profile-badges--server .profile-badge__tooltip{z-index:30;top:calc(100% + 8px);bottom:auto}.profile-badges--strip{flex-wrap:nowrap;flex:none}.profile-badges--strip .profile-badge{cursor:inherit}.profile-badges--strip .profile-badge__tooltip{display:none}@media (prefers-reduced-motion:reduce){.profile-badge__tooltip{transition:none}}.profile-badges__more{color:#d7cce8;background:#ffffff0d;border-radius:5px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 5px;font-size:10px;font-weight:650;display:inline-flex}.profile-badges__more:hover,.profile-badges__more:focus-visible{background:#ffffff1c;outline:1px solid #bca5d8}
