.pro-avatar-device-badge{background:var(--bg-elevated,#fff);width:30%;min-width:13px;max-width:22px;height:30%;min-height:13px;max-height:22px;box-shadow:0 0 0 2px var(--text-primary,#000), 0 2px 4px #0006;pointer-events:none;z-index:2;border-radius:50%;position:absolute;bottom:-8%;right:-8%}.pro-avatar-device-badge:before{content:"";background:var(--text-primary,#000);-webkit-mask:var(--device-icon) center / contain no-repeat;-webkit-mask:var(--device-icon) center / contain no-repeat;mask:var(--device-icon) center / contain no-repeat;position:absolute;inset:18%}.pro-avatar-device-badge-pair{width:26%;min-width:11px;max-width:18px;height:26%;min-height:11px;max-height:18px}.pro-avatar-device-badge-pair-0{bottom:-6%;right:-6%}.pro-avatar-device-badge-pair-1{bottom:-6%;left:-6%;right:auto;transform:scaleX(-1)}.story-bubble-self .pro-avatar-device-badge{display:none}.pro-avatar-device-badge.dbi-classic.dbi-has-color{box-shadow:0 0 0 2px var(--bi-c), 0 2px 4px #0006}.pro-avatar-device-badge.dbi-classic.dbi-has-color:before{background:var(--bi-c)}.pro-avatar-device-badge.dbi-soft{background:linear-gradient(135deg, var(--bi-c,#e8743b) 0%, color-mix(in srgb, var(--bi-c,#e8743b) 35%, #2aa7c9) 100%);box-shadow:0 0 0 1.5px #ffffffb3,0 2px 5px #0000004d}.pro-avatar-device-badge.dbi-glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff47;box-shadow:0 0 0 1.5px #ffffffbf,0 2px 5px #0000004d}.pro-avatar-device-badge.dbi-dark{background:#111;box-shadow:0 0 0 1.5px #fff,0 2px 5px #0006}.pro-avatar-device-badge.dbi-minimal{box-shadow:none;filter:drop-shadow(0 1px 2px #000000b3);background:0 0}.pro-avatar-device-badge.dbi-minimal:before{inset:4%}.pro-avatar-device-badge.dbi-soft:before,.pro-avatar-device-badge.dbi-glass:before,.pro-avatar-device-badge.dbi-dark:before,.pro-avatar-device-badge.dbi-minimal:before{background:#fff}.pro-avatar-device-badge.dbi-glass.dbi-has-color:before,.pro-avatar-device-badge.dbi-dark.dbi-has-color:before,.pro-avatar-device-badge.dbi-minimal.dbi-has-color:before{background:var(--bi-c)}.pro-avatar-device-badge.dbi-holo,.pro-avatar-device-badge.dbi-neon{--h1:var(--mx1,#a78bfa);--h2:var(--mx2,#22d3ee);--h3:var(--mx3,#f472b6);--h4:var(--mx4,#fde68a)}.pro-avatar-device-badge.dbi-holo.dbi-has-color,.pro-avatar-device-badge.dbi-neon.dbi-has-color{--h1:var(--bi-c);--h2:color-mix(in srgb, var(--bi-c) 35%, #fff);--h3:var(--bi-c);--h4:color-mix(in srgb, var(--bi-c) 55%, #2aa7c9)}.pro-avatar-device-badge.dbi-holo{background:linear-gradient(#121214, #121214) padding-box, conic-gradient(var(--h1), var(--h2), var(--h3), var(--h4), var(--h1)) border-box;border:2px solid #0000;box-shadow:0 2px 5px #0006}.pro-avatar-device-badge.dbi-holo:before{background:#fff;inset:12%}.pro-avatar-device-badge.dbi-neon{box-shadow:0 0 0 1.5px var(--h1), 0 0 6px var(--h1);background:#0b0b10}.pro-avatar-device-badge.dbi-neon:before{background:var(--h1)}.pro-avatar-device-badge.dbi-outline{box-shadow:inset 0 0 0 1.5px var(--bi-c,#fff), 0 2px 4px #00000059;background:#00000040}.pro-avatar-device-badge.dbi-outline:before{background:var(--bi-c,#fff)}.pro-avatar-device-badge.dbi-backdrop{background:color-mix(in srgb, var(--bi-c,#fff) 22%, #1414168c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1.5px #ffffff73,0 2px 5px #0000004d}.pro-avatar-device-badge.dbi-backdrop:before{background:#fff}@keyframes proNeonSpin{0%{--pro-ring-angle:0deg}to{--pro-ring-angle:360deg}}@property --pro-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pro-avatar-ring-wrap{line-height:0;display:inline-block;position:relative}.pro-avatar-ring-wrap-active:before{content:"";background:conic-gradient(from var(--pro-ring-angle), var(--pro-ring-color), #fff, var(--pro-ring-color), var(--pro-ring-color));-webkit-mask-composite:xor;box-shadow:0 0 14px 2px color-mix(in srgb, var(--pro-ring-color) 55%, transparent);pointer-events:none;border-radius:50%;padding:3px;animation:3.5s linear infinite proNeonSpin;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pro-ring-sm.pro-avatar-ring-wrap-active:before{box-shadow:0 0 8px 1px color-mix(in srgb, var(--pro-ring-color) 55%, transparent);padding:1.5px;inset:-2.5px}.story-bubble-ring-wrap.pro-avatar-ring-wrap-active:before{border-radius:20px;padding:3px;inset:-4px}[data-theme=dark] .pro-avatar-ring-wrap-active:before{background:conic-gradient(from var(--pro-ring-angle), var(--pro-ring-color), #fff, var(--pro-ring-color), var(--pro-ring-color))}[data-theme=light] .pro-avatar-ring-wrap-active:before{background:conic-gradient(from var(--pro-ring-angle), var(--pro-ring-color), #000, var(--pro-ring-color), var(--pro-ring-color))}.pro-avatar-ring-wrap-max:before,[data-theme=dark] .pro-avatar-ring-wrap-max:before,[data-theme=light] .pro-avatar-ring-wrap-max:before{background:conic-gradient(from var(--pro-ring-angle), var(--mx1,#a78bfa), var(--mx2,#22d3ee), var(--mx3,#f472b6), var(--mx4,#fde68a), var(--mx1,#a78bfa));padding:3.5px;animation:2.2s linear infinite proNeonSpin,2.4s ease-in-out infinite proMaxGlow;inset:-5px}.pro-ring-sm.pro-avatar-ring-wrap-max:before{padding:2.5px;inset:-3.5px}.story-bubble-ring-wrap.pro-avatar-ring-wrap-max:before{border-radius:20px;padding:3.5px;inset:-5px}@keyframes proMaxGlow{0%,to{box-shadow:0 0 6px 1px color-mix(in srgb, var(--mx1,#a78bfa) 55%, transparent)}50%{box-shadow:0 0 16px 4px color-mix(in srgb, var(--mx2,#22d3ee) 60%, transparent)}}.pro-avatar-ring-wrap-max:after{content:"";z-index:3;pointer-events:none;width:11px;height:11px;filter:drop-shadow(0 0 3px var(--mx1,#a78bfa));background:#fff;animation:1.8s ease-in-out infinite proMaxTwinkle;position:absolute;top:-6px;right:-6px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.6 9.4L24 12l-9.4 2.6L12 24l-2.6-9.4L0 12l9.4-2.6z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.6 9.4L24 12l-9.4 2.6L12 24l-2.6-9.4L0 12l9.4-2.6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.pro-ring-sm.pro-avatar-ring-wrap-max:after{width:8px;height:8px;top:-5px;right:-5px}@keyframes proMaxTwinkle{0%,to{opacity:.55;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.pro-avatar-ring-wrap-max:before,.pro-avatar-ring-wrap-max:after{animation:none}}.pro-avatar-ring-wrap.ring-fill{width:100%;height:100%;display:block}.pro-avatar-ring-wrap.ring-fill>img,.pro-avatar-ring-wrap.ring-fill>span{width:100%;height:100%;display:flex}.h2-online-avatar:has(.pro-avatar-ring-wrap-active){border-color:#0000}.navbar-avatar-ring{flex-shrink:0}.pro-avatar-ring-wrap{flex-shrink:0;height:fit-content}.pro-avatar-ring-wrap.ring-fill{height:100%}.notif-item-link>.pro-avatar-ring-wrap{align-self:flex-start}.pro-avatar-ring-wrap.has-rank{position:relative}.pro-avatar-ring-wrap.has-rank>img,.pro-avatar-ring-wrap.has-rank>a>img{box-shadow:0 0 0 2px var(--rank-c,#f5c542)}.pro-avatar-ring-wrap.rank-1{--rank-c:#f5c542}.pro-avatar-ring-wrap.rank-2{--rank-c:#c7cdd4}.pro-avatar-ring-wrap.rank-3{--rank-c:#d99a6c}.rank-medal{z-index:3;pointer-events:none;background:var(--rank-c,#f5c542);color:#1a1a1a;width:20px;height:20px;box-shadow:0 0 0 2px var(--bg-primary,#111), 0 3px 8px -2px #00000073;border-radius:50%;place-items:center;font:800 11px/1 system-ui,sans-serif;display:grid;position:absolute;top:-3px;left:-3px}