.pills>button{isolation:isolate;transition:color .2s;position:relative}.pills>button:active{transform:none}.pills>button:before{content:"";inset:var(--pill-inset,0);z-index:-1;border-radius:inherit;background:var(--pill-bg);box-shadow:var(--pill-ring,none);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.4,0,1,1),opacity .18s ease-in;position:absolute;transform:scale(.8)}.pills>button.active:before{opacity:1;transition:transform .34s cubic-bezier(.34,1.4,.64,1) 30ms,opacity .14s ease-out 30ms;transform:none}@media (prefers-reduced-motion:reduce){.pills>button:before,.pills>button.active:before{transition:opacity .12s linear;transform:none}}