.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:not(.prx){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}html body .pro-avatar-ring-wrap-max:not(.fx-twinkle):after{display:none}.prx{--prx-star: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");--rw:3.5px;z-index:3;pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.pro-ring-sm .prx{--rw:2.5px;inset:-3.5px}.story-bubble-ring-wrap .prx{border-radius:20px}.avatar-preview-ring .prx{--rw:6px;inset:-9px}.prx i{aspect-ratio:1;height:auto;display:block;position:absolute}.prx-stars i,.prx-spin i:first-child,.prx-sparks i{-webkit-mask:var(--prx-star) center / contain no-repeat;-webkit-mask:var(--prx-star) center / contain no-repeat;mask:var(--prx-star) center / contain no-repeat;filter:drop-shadow(0 0 3px var(--mx1,#a78bfa));background:#fff}.prx-stars i{width:max(7px,19%);animation:2.1s ease-in-out infinite proMaxTwinkle}.prx-stars i:first-child{top:-3%;right:-3%}.prx-stars i:nth-child(2){width:max(5px,12%);animation-delay:-.7s;top:24%;left:-8%}.prx-stars i:nth-child(3){width:max(5px,14%);animation-delay:-1.4s;bottom:2%;right:4%}.prx-spin{animation:3.4s linear infinite prxSpin;position:absolute;inset:0}.prx-spin i:first-child{width:max(7px,18%);top:-9%;left:41%}.prx-spin i:last-child{background:var(--mx2,#22d3ee);width:max(3px,7%);box-shadow:0 0 6px var(--mx2,#22d3ee);border-radius:50%;bottom:-3%;left:46%}@keyframes prxSpin{to{transform:rotate(360deg)}}.prx-comet{padding:var(--rw);background:conic-gradient(from 0deg, transparent 0 72%, #ffffff26 82%, #fff 97%, transparent 100%);-webkit-mask-composite:xor;animation:1.6s linear infinite prxSpin;-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}.prx-ripple i{aspect-ratio:auto;border-radius:inherit;border:max(1.5px, 2.5%) solid var(--mx2,#22d3ee);opacity:0;width:auto;animation:2.6s cubic-bezier(.2,.7,.3,1) infinite prxRipple;inset:0}.prx-ripple i:nth-child(2){border-color:var(--mx1,#a78bfa);animation-delay:-1.3s}@keyframes prxRipple{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}.prx-sparks i{opacity:0;width:max(5px,12%);animation:2.4s ease-out infinite prxRise}.prx-sparks i:first-child{top:8%;right:-2%}.prx-sparks i:nth-child(2){width:max(4px,9%);animation-delay:-.6s;top:40%;left:-7%}.prx-sparks i:nth-child(3){animation-delay:-1.2s;top:0;left:20%}.prx-sparks i:nth-child(4){width:max(4px,9%);animation-delay:-1.8s;top:46%;right:-8%}@keyframes prxRise{0%{opacity:0;transform:translateY(40%)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-170%)scale(1)rotate(90deg)}}.prx-hearts i{opacity:0;background:var(--mx3,#f472b6);width:max(7px,16%);animation:3s ease-out infinite prxHeart;bottom:18%;right:-4%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.5 3 5 6.4 5c2 0 3.4 1.1 4.1 2.3h3C14.2 6.1 15.6 5 17.6 5 21 5 23.1 8.5 21.6 11.8 19.5 16.4 12 21 12 21z'/%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 21s-7.5-4.6-9.6-9.2C.9 8.5 3 5 6.4 5c2 0 3.4 1.1 4.1 2.3h3C14.2 6.1 15.6 5 17.6 5 21 5 23.1 8.5 21.6 11.8 19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat}.prx-hearts i:nth-child(2){background:var(--mx1,#a78bfa);animation-delay:-1s;right:6%}.prx-hearts i:nth-child(3){width:max(5px,11%);animation-delay:-2s;right:-9%}@keyframes prxHeart{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(60%,-260%)scale(1.05)rotate(14deg)}}.prx-crown i{aspect-ratio:4/3;filter:drop-shadow(0 1px 2px #00000073);transform-origin:50% 100%;background:linear-gradient(#fff3c4,#f5c542 60%,#d99a1e);width:max(11px,32%);animation:2.8s ease-in-out infinite prxCrown;top:-13%;right:-7%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M2 16h20l1.5-12-6 5L12 0 6.5 9l-6-5z'/%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 18'%3E%3Cpath d='M2 16h20l1.5-12-6 5L12 0 6.5 9l-6-5z'/%3E%3C/svg%3E") 50%/contain no-repeat}@keyframes prxCrown{0%,to{transform:rotate(18deg)translateY(0)}50%{transform:rotate(24deg)translateY(-6%)}}@media (prefers-reduced-motion:reduce){.prx,.prx *,.prx i{animation:none!important}.prx-ripple,.prx-sparks,.prx-hearts{display:none}}