@layer components{.c-simple-choice{--input-size:32px;display:grid;gap:12px;grid-template-columns:32px auto;position:relative}.c-simple-choice:after,.c-simple-choice:before{border-radius:2px;content:"";display:block;grid-column:1;grid-row:1;height:var(--input-size);width:var(--input-size)}.c-simple-choice:has(.c-simple-choice__input[type=radio]):after,.c-simple-choice:has(.c-simple-choice__input[type=radio]):before{border-radius:50%}.c-simple-choice:before{border:2px solid}.c-simple-choice:after{background:linear-gradient(to left,var(--brand-accent-clover) 0,var(--brand-accent-clover) 100%);clip-path:ellipse(0 0 at 24% 60%);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:url(../../../img/icons/check.svg),linear-gradient(270deg,#000 0,#000);mask-image:url(../../../img/icons/check.svg),linear-gradient(270deg,#000 0,#000);-webkit-mask-position:50% 50%,0 0;mask-position:50% 50%,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80% auto,100% 100%;mask-size:80% auto,100% 100%;opacity:1;transition:clip-path .3s ease}.c-simple-choice:has(.c-simple-choice__input[type=radio]):after{clip-path:ellipse(0 0 at center);-webkit-mask:none;mask:none}.c-simple-choice:has(.c-simple-choice__input:checked):after{clip-path:ellipse(71% 71% at center)}.c-simple-choice:has(.c-simple-choice__input[type=radio]:checked):after{clip-path:ellipse(30% 30% at center);-webkit-mask:none;mask:none}.c-simple-choice__label{font-size:1rem;font-weight:var(--font-weight-regular);grid-column:2;grid-row:1;line-height:1.4;margin-top:.2em}.c-simple-choice__input{height:100%;inset:0;opacity:0;position:absolute;width:100%}}