@layer components{.c-pill{align-items:center;background-color:var(--pill-bg-color,transparent);border:2px solid var(--pill-border-color,var(--brand-gray));border-radius:45px;color:var(--pill-text-color,#fff);display:inline-flex;font-size:var(--pill-font-size,16px);font-variation-settings:var(--pill-font-weight,"wght" 550);height:var(--pill-height,40px);justify-content:center;line-height:1.3;padding:7px 20px 5px;position:relative;text-decoration:none;transition-duration:.25s;transition-property:border-color,color;transition-timing-function:ease;white-space:nowrap}.c-pill:focus,.c-pill:hover{--pill-border-color:var(--pill-border-color-active,var(--brand-yellow));--pill-text-color:var(--pill-text-color-active,var(--brand-yellow))}.c-pill:before{color:var(--pill-icon-color,var(--pill-text-color,#fff));content:var(--pill-icon-code,none);display:inline-block;font-family:var(--fa-font-family);margin-right:.25em;position:relative;transition:all .25s ease}.c-pill--check{transition-property:border-color,color,padding}.c-pill--check:before{content:"\f00c";inset:50% auto auto .5rem;opacity:0;position:absolute;transform:translate(-3px,-50%);transition:.15s ease;transition-property:opacity,transform}.c-pill--check.is-active,.c-pill--check:has(.is-active){padding-left:28px;padding-right:12px}.c-pill--check.is-active:before,.c-pill--check:has(.is-active):before{--pill-icon-color-active:var(--pill-text-color-active,var(--brand-yellow));opacity:1;transform:translateY(-50%)}.c-pill__checkbox{height:100%;inset:0;opacity:0;position:absolute;width:100%}}