.tr-face{border-radius:50%;flex-shrink:0;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.tr-face:hover{transform:scale(1.06)}.tr-ring{border-radius:50%;position:absolute;inset:-4px}.tr-in{z-index:1;color:#fff;border:2px solid var(--surface,#fff);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;display:flex;position:relative;overflow:hidden}.tr-in img{object-fit:cover;width:100%;height:100%;display:block}.tr-face>.tr-in:only-child{border:0}.tr-shine{z-index:2;pointer-events:none;background:conic-gradient(from 0deg, transparent 0 78%, #fffffff2 88%, transparent 98%);border-radius:50%;animation:2.8s linear infinite trSpin;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.tr-face:hover .tr-shine{animation-duration:1s}.tr-glow{animation:2.2s ease-in-out infinite trGlow}.tr-tt{animation:2.4s linear infinite trSpin;background:conic-gradient(#25f4ee,#fe2c55,#ffd54f,#25f4ee)!important}.tr-spark{z-index:3;background:#fff59d;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite trTwinkle;position:absolute;box-shadow:0 0 6px #fff59d}.tr-badge{z-index:4;color:#fff;white-space:nowrap;box-shadow:0 0 0 2px var(--surface,#fff);background:#18181c;border-radius:999px;align-items:center;gap:2px;padding:1px 6px 1px 2px;font-size:10px;font-weight:900;line-height:1.4;display:inline-flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.tr-icon{flex-shrink:0;display:block}@keyframes trSpin{to{transform:rotate(360deg)}}@keyframes trGlow{0%,to{box-shadow:0 0 6px 1px #ffb30073}50%{box-shadow:0 0 16px 4px #ffb300d9}}@keyframes trTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tr-shine,.tr-glow,.tr-tt,.tr-spark{animation:none}.tr-face:hover{transform:none}}