.club-avatar-frame{--avatar-frame-unit: 2px;--avatar-frame-width: var(--avatar-frame-unit);--avatar-frame-edge: rgba(255, 60, 60, .38);--avatar-frame-glow: 0 2px 6px rgba(0, 0, 0, .24);--avatar-frame-glint: rgba(255, 255, 255, .65);--avatar-frame-gradient: linear-gradient(145deg, #ff3434, #dd0000 45%, #870b15 75%, #ff0000);position:relative;isolation:isolate;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding:calc(var(--avatar-frame-width) + 1px);border-radius:50%;background:var(--avatar-frame-gradient);box-shadow:0 0 0 1px var(--avatar-frame-edge),var(--avatar-frame-glow);vertical-align:middle}:root[data-brand-theme=light] .club-avatar-frame{--avatar-frame-edge: #b71924;--avatar-frame-glow: 0 2px 5px rgba(88, 18, 24, .18)}.club-avatar-frame__portrait{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;border-radius:50%;background:var(--tir-bg, #101014);box-shadow:0 0 0 1px #101014}.club-avatar-frame--silver{--avatar-frame-width: calc(var(--avatar-frame-unit) + .5px);--avatar-frame-edge: rgba(194, 204, 217, .5);--avatar-frame-gradient: conic-gradient(from 35deg, #7d8795, #edf1f5 12%, #a9b2be 25%, #636c79 43%, #e1e7ed 56%, #a9b2be 72%, #737e8d 87%, #7d8795);--avatar-frame-glow: 0 2px 8px rgba(0, 0, 0, .3), 0 0 8px rgba(193, 205, 220, .14)}:root[data-brand-theme=light] .club-avatar-frame--silver{--avatar-frame-width: calc(var(--avatar-frame-unit) + 1.5px);--avatar-frame-edge: #667382;--avatar-frame-gradient: conic-gradient(from 35deg, #566372, #e4eaf0 12%, #94a1af 25%, #465361 43%, #dbe3eb 56%, #8997a6 72%, #526170 87%, #566372);--avatar-frame-glow: 0 2px 5px rgba(48, 62, 78, .22)}.club-avatar-frame--gold{--avatar-frame-width: calc(var(--avatar-frame-unit) + 1px);--avatar-frame-edge: rgba(235, 196, 103, .6);--avatar-frame-gradient: conic-gradient(from 25deg, #8e6220, #f3d780 13%, #c89c2a 28%, #90641f 43%, #f9e4a1 57%, #c89c2a 73%, #a27525 88%, #8e6220);--avatar-frame-glow: 0 2px 10px rgba(0, 0, 0, .35), 0 0 12px rgba(212, 175, 55, .24);--avatar-frame-glint: rgba(255, 242, 199, .88);--avatar-frame-period: 10s}:root[data-brand-theme=light] .club-avatar-frame--gold{--avatar-frame-edge: #947022;--avatar-frame-glow: 0 2px 6px rgba(112, 78, 19, .22)}.club-avatar-frame--diamond{--avatar-frame-width: calc(var(--avatar-frame-unit) + 2px);--avatar-frame-edge: rgba(137, 153, 178, .7);--avatar-frame-gradient: conic-gradient(from 20deg, #090b10 0deg 32deg, #333d4d 44deg, #79869a 48deg, #1b202b 57deg 95deg, #080a0e 120deg, #343d4b 149deg, #68768c 154deg, #131720 166deg 215deg, #050609 243deg, #4e5b70 269deg, #222a37 278deg 320deg, #090b10 350deg);--avatar-frame-glow: inset 0 0 0 1px #090b10, 0 0 0 2px rgba(13, 17, 25, .85), 0 3px 12px rgba(0, 0, 0, .55), 0 0 16px rgba(117, 139, 177, .3);--avatar-frame-glint: rgba(199, 215, 242, .5);--avatar-frame-period: 12s}:root[data-brand-theme=light] .club-avatar-frame--diamond{--avatar-frame-edge: #465366;--avatar-frame-glow: inset 0 0 0 1px #090b10, 0 0 0 2px rgba(13, 17, 25, .85), 0 3px 7px rgba(24, 34, 50, .24)}.club-avatar-frame--staff{--avatar-frame-width: calc(var(--avatar-frame-unit) + .5px);--avatar-frame-edge: rgba(74, 222, 128, .45);--avatar-frame-gradient: linear-gradient(145deg, #86efac, #248c4b 38%, #103f26 65%, #4ade80);--avatar-frame-glow: 0 2px 8px rgba(0, 0, 0, .3), 0 0 10px rgba(74, 222, 128, .18)}:root[data-brand-theme=light] .club-avatar-frame--staff{--avatar-frame-edge: #287443;--avatar-frame-glow: 0 2px 5px rgba(24, 79, 44, .2)}.club-avatar-frame--gold:before,.club-avatar-frame--diamond:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;padding:var(--avatar-frame-width);border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg 40deg,var(--avatar-frame-glint) 48deg,transparent 60deg 222deg,var(--avatar-frame-glint) 230deg,transparent 242deg 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:club-avatar-frame-shine var(--avatar-frame-period) linear infinite}@keyframes club-avatar-frame-shine{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.club-avatar-frame--gold:before,.club-avatar-frame--diamond:before{animation:none}}