[data-rank=trainee]{--rank-1:217 145 91;--rank-2:140 79 36;--rank-3:243 201 160;--rank-grad:linear-gradient(100deg, #b87333, #f0b27a, #b87333);--rank-size:100% 100%}[data-rank=contributor]{--rank-1:169 184 204;--rank-2:111 128 153;--rank-3:238 243 250;--rank-grad:linear-gradient(100deg, #8ea2bd, #eef3fa, #8ea2bd);--rank-size:100% 100%}[data-rank=supporter]{--rank-1:255 215 94;--rank-2:184 134 11;--rank-3:255 241 184;--rank-grad:linear-gradient(100deg, #d4a017, #ffe58a, #d4a017);--rank-size:100% 100%}[data-rank=honorary]{--rank-1:240 171 252;--rank-2:192 132 252;--rank-3:165 243 252;--rank-grad:linear-gradient(100deg, #f0abfc, #a5f3fc, #fde68a, #c4b5fd, #a5f3fc, #f0abfc);--rank-size:300% 100%}[data-rank=sir]{--rank-1:239 83 90;--rank-2:203 39 47;--rank-3:255 196 198;--rank-grad:linear-gradient(100deg, #cb272f, #ff8a90, #cb272f);--rank-size:100% 100%}html:not(.dark) [data-rank=trainee]{--rank-1:166 94 46;--rank-2:115 62 26;--rank-grad:linear-gradient(100deg, #733e1a, #b87333, #733e1a)}html:not(.dark) [data-rank=contributor]{--rank-1:90 107 133;--rank-2:51 65 85;--rank-grad:linear-gradient(100deg, #334155, #6f8099, #334155)}html:not(.dark) [data-rank=supporter]{--rank-1:180 130 8;--rank-2:120 85 6;--rank-grad:linear-gradient(100deg, #785506, #b48208, #785506)}html:not(.dark) [data-rank=sir]{--rank-1:203 39 47;--rank-2:155 28 34;--rank-grad:linear-gradient(100deg, #9b1c22, #cb272f, #9b1c22)}html:not(.dark) [data-rank=honorary]{--rank-1:192 38 211;--rank-2:134 25 143;--rank-grad:linear-gradient(100deg, #a21caf, #0891b2, #ca8a04, #7c3aed, #0891b2, #a21caf)}.rank-name{background:radial-gradient(circle at center, #ffffffd9 0%, transparent 50%) -200% 50% / 200% 100% no-repeat, var(--rank-grad,linear-gradient(100deg, currentColor, currentColor)) 0 50% / var(--rank-size,100% 100%) repeat-x;background-position:calc(-200% + var(--sheen,0) * 400%) 50%, calc(var(--prism,0) * 150%) 50%;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;display:inline-block}.rank-name--inline{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;padding-bottom:.08em;overflow:hidden}.rank-scope{isolation:isolate}.rank-scope .avatar-glow{background:linear-gradient(135deg, rgb(var(--rank-1,var(--a-500))), rgb(var(--rank-2,var(--b-500))))}[data-fx=quality] .rank-scope[data-rank=supporter] .avatar-ring,[data-fx=quality] .rank-scope[data-rank=honorary] .avatar-ring{opacity:.8}[data-fx=quality] .rank-scope[data-rank=supporter] .avatar-ring:before,[data-fx=quality] .rank-scope[data-rank=honorary] .avatar-ring:before{animation:8s linear infinite ring-rotate}.rank-badge{border:1px solid rgb(var(--rank-1) / .35);background:linear-gradient(135deg, rgb(var(--rank-1) / .14), rgb(var(--rank-2) / .06));box-shadow:0 0 0 1px rgb(var(--rank-1) / .06), 0 8px 22px -12px rgb(var(--rank-1) / .5);cursor:pointer;transition:transform .35s var(--ease-spring), box-shadow .3s ease;border-radius:999px;align-items:center;padding:.3rem .95rem .3rem .55rem;display:inline-grid;position:relative}.rank-badge:hover{box-shadow:0 0 0 1px rgb(var(--rank-1) / .15), 0 14px 30px -12px rgb(var(--rank-1) / .65);transform:translateY(-2px)scale(1.04)}.rank-badge:active{transform:scale(.97)}.rank-badge .rank-icon{color:rgb(var(--rank-1));font-size:22px}.rank-badge .rank-name{text-transform:uppercase;letter-spacing:.07em;font-size:1.1rem}.rank-face{grid-area:1/1;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.rank-thanks__clip{border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.rank-thanks__fill{background:linear-gradient(90deg, rgb(var(--rank-2)), rgb(var(--rank-1)), rgb(var(--rank-3)));transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.rank-face{transition:opacity .3s ease, transform .45s var(--ease-spring);position:relative}.rank-thanks{text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;color:#fff;text-shadow:0 1px 6px #00000040;opacity:0;transition:opacity .3s ease, transform .45s var(--ease-spring);pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;gap:.35rem;font-size:1rem;font-weight:800;display:flex;position:relative;transform:translateY(70%)scale(.85)}.rank-thanks .material-icons{font-size:18px}.rank-badge.is-thanking .rank-face{opacity:0;transform:translateY(-70%)scale(.85)}.rank-badge.is-thanking .rank-thanks{opacity:1;transform:none}.rank-badge.is-thanking .rank-thanks .material-icons{animation:thanks-beat .9s var(--ease-spring) .15s 2}@keyframes thanks-beat{0%,to{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.rank-face,.rank-thanks{transition:none}.rank-badge.is-thanking .rank-thanks .material-icons{animation:none}}.rank-twinkles{pointer-events:none;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.twinkle,.sparkle--star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.twinkle{animation:1.2s ease-out forwards twinkle;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes twinkle{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(45deg)}to{opacity:0;transform:translate(-50%,-62%)scale(0)rotate(90deg)}}.sparkle{pointer-events:none;z-index:100;background:#fff;border-radius:50%;animation:.8s ease-out forwards sparkle-anim;position:absolute}.sparkle--star{border-radius:0}[data-fx=quality] .rank-badge[data-rank=contributor]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg, transparent 35%, #ffffff59 50%, transparent 65%) calc(-150% + var(--glint,0) * 300%) 0 / 250% 100% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}[data-fx=quality] .rank-badge[data-rank=honorary] .rank-ring:before{animation:5s linear infinite ring-rotate}[data-fx=quality] .rank-badge[data-rank=supporter] .rank-icon,[data-fx=quality] .rank-badge[data-rank=honorary] .rank-icon{filter:drop-shadow(0 0 6px rgb(var(--rank-1) / .6));animation:3.2s ease-in-out infinite rank-float}@keyframes rank-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(8deg)}}.rank-progress{max-width:20rem;margin-top:.8rem}.rank-progress__bar{background:rgb(var(--muted) / .2);border-radius:999px;height:6px;overflow:hidden}.rank-progress__fill{border-radius:inherit;background:linear-gradient(90deg, rgb(var(--rank-2)), rgb(var(--rank-1)), rgb(var(--rank-3)));transform-origin:0;height:100%;animation:progress-grow 1.1s var(--ease-out) both;display:block;position:relative;overflow:hidden}.rank-progress__shine{pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:60%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}[data-fx=perf] .rank-progress__shine{display:none}@keyframes progress-grow{0%{transform:scaleX(0)}}.rank-progress__label{color:rgb(var(--muted));margin-top:.4rem;font-size:.75rem}.rank-progress__label strong{color:rgb(var(--ink))}