@layer components{.c-check-pill{--pill-color:var(--brand-black);--pill-color-active:#fff;--pill-background:var(--brand-indigo-7);--pill-border-color:var(--pill-color);--pill-check-opacity:0;--pill-total-x-padding:40px;--pill-minimum-x-padding:12px;background-color:var(--pill-background);border:1px solid var(--pill-border-color);border-radius:100px;box-shadow:0 5px 10px transparent;color:var(--pill-color);font-family:var(--headings-font-family);font-size:15px;font-variation-settings:"wght" 600;line-height:1;padding:10px calc(var(--pill-total-x-padding)/2) 8px;position:relative;transition:.15s ease;transition-property:color,background-color,padding,transform,box-shadow}.c-check-pill:before{background-color:var(--pill-color-active);content:"";height:var(--pill-minimum-x-padding);inset:50% auto auto var(--pill-minimum-x-padding);-webkit-mask-image:url(../../../img/icons/check.svg);mask-image:url(../../../img/icons/check.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:var(--pill-check-opacity);position:absolute;transform:translateY(-50%);width:var(--pill-minimum-x-padding)}.c-check-pill--squared{--pill-total-x-padding:34px;--pill-minimum-x-padding:10px;border-radius:4px;padding-bottom:3px;padding-top:5px}.c-check-pill:has(.c-check-pill__checkbox:checked){--pill-check-opacity:1;background-color:var(--pill-color);color:var(--pill-color-active);padding-left:calc(var(--pill-total-x-padding) - var(--pill-minimum-x-padding));padding-right:var(--pill-minimum-x-padding)}body.is-tabbing .c-check-pill:has(.c-check-pill__checkbox:focus){outline:2px solid var(--pill-color);outline-offset:2px}.c-check-pill--inverted,.c-check-pill--solid{background-color:var(--pill-color);color:var(--pill-color-active)}.c-check-pill--inverted:before{background-color:var(--pill-color)}.c-check-pill--inverted:has(.c-check-pill__checkbox:checked){background-color:var(--pill-background);color:var(--pill-color)}.c-check-pill--indigo{--pill-color:var(--brand-indigo);--pill-background:rgba(33,22,80,.1)}.c-check-pill--purple{--pill-color:var(--brand-purple);--pill-background:rgba(158,26,150,.1)}.c-check-pill--pink{--pill-color:var(--brand-pink);--pill-background:rgba(158,27,100,.1)}.c-check-pill--red{--pill-color:var(--brand-red);--pill-background:rgba(213,0,83,.1)}.c-check-pill--orange{--pill-color:var(--brand-orange);--pill-background:rgba(255,107,53,.1)}.c-check-pill--dark-orange{--pill-color:var(--brand-dark-orange);--pill-background:rgba(219,58,0,.1);--pill-color-active:#fff}.c-check-pill--yellow{--pill-color:var(--brand-dark-orange);--pill-background:rgba(255,181,70,.1);--pill-color-active:#fff}.c-check-pill--black{--pill-color:var(--brand-black);--pill-background:rgba(33,22,80,.1)}.c-check-pill__checkbox{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-check-pill:focus-within,.c-check-pill:hover{box-shadow:0 5px 10px rgba(0,0,0,.1);transform:scale(1.02)}.c-check-pill__checkbox:hover{cursor:pointer}}