@layer components{.c-checkbox{--checkbox-box-size:var(--api-checkbox-box-size,22px);--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,var(--brand-emerald-accessible));--checkbox-border-color:var(--api-checkbox-border-color,var(--brand-emerald-accessible));--checkbox-background-color:var(--api-checkbox-background-color,var(--brand-grey));--checkbox-background-color-active:var(--api-checkbox-background-color-active,var(--brand-grey));--checkbox-text-color:var(--api-checkbox-text-color,var(--body-color));display:block;--checkbox-inset-top:0;--checkbox-transform:var(--api-checkbox-transform,none);color:var(--checkbox-text-color);font-size:1rem;font-variation-settings:"wght" 400;line-height:1.6;min-height:var(--checkbox-height);padding-left:calc(var(--checkbox-box-size) + var(--checkbox-box-right-gap));position:relative}.c-checkbox strong{color:var(--brand-black);font-weight:var(--font-weight-bold)}.c-checkbox:focus,.c-checkbox:hover{cursor:pointer}body.is-tabbing .c-checkbox:focus-within:before{outline:2px solid var(--brand-purple);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:var(--checkbox-background-color);border:2px solid var(--checkbox-border-color);border-radius:5px;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)}.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:70% auto;mask-size:70% auto}.c-checkbox--gradient:after{background-color:transparent;background-image:var(--api-checkbox-background-gradient,var(--brand-gradient-pink-red-180deg))}.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%)}}}