.vip-avatar{--frame-color:transparent;--frame-gap:2px;--frame-width:clamp(2px, calc(var(--avatar-size) * .035), 3px);width:var(--avatar-size);height:var(--avatar-size);isolation:isolate;border-radius:28%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:visible}.vip-avatar-content{border-radius:inherit;background:#25252a;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.vip-avatar[data-tier] .vip-avatar-content>img{object-fit:cover;border-radius:inherit;border:0;width:100%;height:100%}.vip-avatar[data-tier=PREMIUM]{--frame-color:#ffd452;--frame-metal:linear-gradient(135deg, #fff4bf, #ffd45c 24%, #b77a1b 48%, #ffeaa0 72%, #d99b31)}.vip-avatar[data-tier=LITE]{--frame-color:#69baff;--frame-metal:linear-gradient(135deg, #d6f0ff, #80c8ff 24%, #367dca 48%, #b0e2ff 72%, #4b9dea)}.vip-avatar[data-tier=PREMIUM]:before,.vip-avatar[data-tier=LITE]:before,.vip-avatar[data-tier=PREMIUM]:after,.vip-avatar[data-tier=LITE]:after{content:"";inset:calc(0px - var(--frame-gap) - var(--frame-width));pointer-events:none;border-radius:calc(28% + 2px);position:absolute}.vip-avatar[data-tier=PREMIUM]:before,.vip-avatar[data-tier=LITE]:before{z-index:-1;box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-color) 30%, transparent), 0 0 12px color-mix(in srgb, var(--frame-color) 45%, transparent), 0 0 24px color-mix(in srgb, var(--frame-color) 20%, transparent);background:#111113}.vip-avatar[data-tier=PREMIUM]:after,.vip-avatar[data-tier=LITE]:after{padding:var(--frame-width);background:var(--frame-metal);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.vip-profile-banner{aspect-ratio:4;background-position:50%;background-size:cover;border-radius:10px;width:100%;max-height:280px;margin:0 0 28px}.vip-avatar.user-avatar-small[data-tier],.vip-avatar.player-avatar[data-tier]{background:0 0;border-radius:28%;overflow:visible}