.pill{--pill-paddingY:var(--space-sm);--pill-paddingX:var(--space-lg);--pill-border-size:2px;--pill-border-style:solid;--pill-border-color:transparent;--pill-border:var(--pill-border-size) var(--pill-border-style) var(--pill-border-color);--pill-border-radius:3em;--pill-background:transparent;--pill-color:var(--color-primary-dark);--pill-font-size:inherit;--pill-text-decoration:none;--pill-outline:none;--pill-outline-offset:0;--pill-gap:var(--space-sm);--pill-transition:var(--pill-transition-motion,none);align-items:center;align-self:flex-start;background-color:var(--pill-background);border:var(--pill-border);border-radius:var(--pill-border-radius);color:var(--pill-color);display:inline-flex;flex-shrink:0;font-size:var(--pill-font-size);gap:var(--pill-gap);outline:var(--pill-outline);outline-offset:var(--pill-outline-offset);padding:var(--pill-paddingY) var(--pill-paddingX);-webkit-text-decoration:var(--pill-text-decoration);text-decoration:var(--pill-text-decoration);transition:var(--pill-transition);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.pill{--pill-transition-motion:color 200ms ease,border 200ms ease,background 200ms ease}}.pill:where(:hover,:focus){--pill-background:var(--color-primary-brightest)}.pill:where(:focus-visible){--pill-transition:none;--pill-outline:2px solid var(--color-highlight)}.pill--primary{--pill-color:var(--color-white);--pill-background:var(--color-primary-dark);--pill-border-color:var(--color-primary-dark)}.pill--primary:where(:hover,:focus){--pill-color:var(--color-primary-dark);--pill-background:var(--color-white)}.pill--secondary{--pill-background:var(--color-primary-brightest)}.pill--secondary:where(:hover,:focus){--pill-color:var(--color-white);--pill-background:var(--color-primary-dark)}.pill--tertiary{--pill-color:var(--color-white);--pill-background:var(--color-primary)}.pill--tertiary:where(:hover,:focus){--pill-border-color:var(--color-white)}.pill--white{--pill-color:var(--color-primary-dark);--pill-background:var(--color-white)}.pill--white:where(:hover,:focus){--pill-border-color:var(--color-primary-bright)}.pill--outline{--pill-color:var(--color-white);--pill-border-color:var(--color-white);--pill-background:transparent}.pill--outline:where(:hover,:focus){--pill-color:var(--color-primary-dark);--pill-border-color:var(--color-primary-brightest);--pill-background:var(--color-primary-brightest)}.pill--outline-primary{--pill-border-color:var(--color-primary-dark)}.pill--medium{--pill-font-size:var(--font-size-md)}.pill--large{--pill-font-size:var(--font-size-lg)}.pill:is(:hover,:focus){color:var(--color-primary-dark);text-decoration:none}.pill:is(:hover,:focus).pill--secondary,.pill:is(:hover,:focus).pill--tertiary{color:var(--color-white)}