@layer components{.c-pill{align-items:center;background-color:var(--pill-bg-color,#fff);border:1px solid var(--pill-border-color,#9c9c9c);border-radius:45px;color:var(--pill-text-color,inherit);display:inline-flex;font-size:var(--pill-font-size,1rem);height:var(--pill-height,40px);justify-content:center;line-height:1.7;padding:7px 20px 5px;position:relative;text-decoration:none;transition-duration:.25s;transition-property:border-color,color,background-color;transition-timing-function:ease;white-space:nowrap}.c-pill:focus,.c-pill:hover{--pill-bg-color:var(--pill-bg-color-active,var(--brand-blue));--pill-border-color:var(--pill-border-color-active,var(--brand-blue));--pill-text-color:var(--pill-text-color-active,#fff)}.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";font-family:var(--fa-font-family-sharp);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){--pill-bg-color:var(--pill-bg-color-active,var(--brand-blue));--pill-border-color:var(--pill-border-color-active,var(--brand-blue));--pill-text-color:var(--pill-text-color-active,#fff);--pill-icon-color-active:var(--pill-text-color-active,#fff);padding-left:28px;padding-right:12px}.c-pill--check.is-active:before,.c-pill--check:has(.is-active):before{opacity:1;transform:translateY(-50%)}.c-pill__checkbox{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-pill__checkbox:focus,.c-pill__checkbox:hover{cursor:pointer}.c-pill--grey{--pill-bg-color-active:var(--brand-grey);--pill-border-color:#9c9c9c;--pill-border-color-active:var(--brand-grey)}@media(max-width:800px){.c-pill{--pill-height:30px;padding:7px 10px 5px}}}