.md-in{animation:.48s cubic-bezier(.22,.7,.2,1) backwards md-in;animation-delay:calc(var(--d,0) * 70ms)}.md-bar{width:var(--w);animation:.9s cubic-bezier(.22,.7,.2,1) .3s backwards md-bar}.member-role-badge{border:1px solid color-mix(in oklch, var(--role-color) 28%, transparent);background:var(--role-soft);max-width:100%;min-height:1.5rem;color:var(--role-color);letter-spacing:0;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.35;display:inline-flex}.member-role-badge[data-role=registered]{--role-color:var(--role-registered);--role-soft:var(--role-registered-soft);--role-bright:var(--role-registered-bright)}.member-role-badge[data-role=member]{--role-color:var(--role-member);--role-soft:var(--role-member-soft);--role-bright:var(--role-member-bright)}.member-role-badge[data-role=supporter]{--role-color:var(--role-supporter);--role-soft:var(--role-supporter-soft);--role-bright:var(--role-supporter-bright)}.member-role-badge[data-role=ambassador]{--role-color:var(--role-ambassador);--role-soft:var(--role-ambassador-soft);--role-bright:var(--role-ambassador-bright);box-shadow:var(--shadow-role-ambassador)}.member-role-badge[data-tone=dark]{color:var(--role-bright);background:color-mix(in oklch, var(--role-color) 22%, var(--ink));border-color:color-mix(in oklch, var(--role-bright) 40%, transparent)}.member-role-demo{border-left:1px solid;padding-left:.3rem;font-size:.625rem}@keyframes md-in{0%{opacity:0;transform:translateY(10px)}}@keyframes md-bar{0%{width:0}}@media (prefers-reduced-motion:reduce){.md-in,.md-bar{animation:none}}