@layer components{.c-checkbox{--checkbox-box-size:var(--api-checkbox-box-size,20px);--checkbox-box-right-gap:var(--api-checkbox-box-right-gap,calc(var(--checkbox-box-size)/2));--checkbox-animation-duration:0.3s;--checkbox-check-color:var(--api-checkbox-check-color,#fff);--checkbox-background-color-active:var(--api-checkbox-background-color-active,var(--brand-bronze));--checkbox-border-color:var(--api-checkbox-border-color,var(--brand-onyx));display:block;--checkbox-inset-top:0;--checkbox-transform:none;font-size:1rem;font-weight:var(--font-weight-semi-bold);line-height:1.3;min-height:var(--checkbox-height);padding-left:calc(var(--checkbox-box-size) + var(--checkbox-box-right-gap));position:relative}.c-checkbox:focus,.c-checkbox:hover{cursor:pointer}body.is-tabbing .c-checkbox:focus-within:before{outline:2px solid var(--brand-bronze);outline-offset:2px}.c-checkbox input[type=checkbox],.c-checkbox:after,.c-checkbox:before{content:"";height:var(--checkbox-box-size);inset:var(--checkbox-inset-top) auto auto 0;position:absolute;transform:var(--checkbox-transform);width:var(--checkbox-box-size)}.c-checkbox:after,.c-checkbox:before{z-index:3}.c-checkbox:before{background-color:transparent;border:1px solid var(--checkbox-border-color);border-radius:1px;transition:var(--checkbox-animation-duration) ease;transition-property:background-color,border}.c-checkbox:has(input[type=checkbox]:checked):before{background-color:var(--checkbox-background-color-active);border-color:var(--checkbox-background-color-active)}.c-checkbox:after{animation:var(--checkbox-animation-duration) checkboxClipConceal ease forwards;background-color:var(--checkbox-check-color);-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:80% auto;mask-size:80% auto}.c-checkbox:has(input[type=checkbox]:checked):after{animation:var(--checkbox-animation-duration) checkboxClipReveal ease forwards}.c-checkbox input[type=checkbox]{opacity:0;z-index:2}@keyframes checkboxClipReveal{0%{clip-path:polygon(8.34% 50%,15.5% 43%,15.5% 43%,8.34% 50%)}50%{clip-path:polygon(8.34% 50%,15.5% 43%,44% 72%,39% 81%)}to{clip-path:polygon(8.34% 50%,69% 0,94% 26%,39% 81%)}}@keyframes checkboxClipConceal{0%{clip-path:polygon(8.34% 50%,69% 0,94% 26%,39% 81%)}50%{clip-path:polygon(8.34% 50%,15.5% 43%,44% 72%,39% 81%)}to{clip-path:polygon(8.34% 50%,15.5% 43%,15.5% 43%,8.34% 50%)}}}