.level-match{--level-match-ease: cubic-bezier(.22, 1, .36, 1);display:grid;grid-template-columns:0fr;margin-inline-start:calc(var(--level-match-gap, 8px) * -1);flex-shrink:0;transition:grid-template-columns .56s var(--level-match-ease),margin-inline-start .56s var(--level-match-ease)}.level-match[data-shown]{grid-template-columns:1fr;margin-inline-start:0}.level-match-clip{min-width:0;overflow:hidden}.level-match-pill{opacity:0;transform:translate(12px) scale(.96);filter:blur(4px);transition:opacity .28s ease,transform .56s var(--level-match-ease),filter .28s ease}.level-match[data-shown] .level-match-pill{opacity:1;transform:none;filter:none;transition-delay:.12s,60ms,.12s}.level-match-pill svg{transition:transform .42s var(--level-match-ease)}.level-match-pill [aria-pressed=true] svg{transform:rotate(-8deg)}@media(prefers-reduced-motion:reduce){.level-match,.level-match-pill,.level-match-pill svg{transition:none}.level-match-pill{transform:none;filter:none}}