.pill{--pill-fill:#ffffff;--pill-text-hovered:#000000;display:inline-flex;align-items:center;margin:.25rem;padding-inline:.875rem;padding-block:.5rem;border-radius:9999px;border:none;box-shadow:inset 0 0 0 2px var(--pill-fill);background-color:transparent;color:var(--pill-text);font-family:Inter,DM Sans,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.01em;line-height:1;white-space:nowrap;overflow:hidden;isolation:isolate;text-decoration:none;user-select:none;cursor:pointer;transition:background-color .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)}.pill--static{cursor:default}.pill:focus-visible,.pill:hover{background-color:var(--pill-color-raw);border-color:var(--pill-text);color:var(--pill-text-hovered)}.pill:focus-visible{outline:none}.pill:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--pill-fill);clip-path:circle(0 at 50% 100%);transition:clip-path .46s cubic-bezier(.4,0,.2,1)}.pill:focus-visible:before,.pill:hover:before{clip-path:circle(150% at 50% 100%)}.pill:focus-visible,.pill:hover{transform:scale(1.045);outline:none;color:rgb(0,0,0);box-sizing:border-box}