input[type=radio]+label span{transition:background .2s,transform .2s}input[type=radio]:checked+label span{background-color:#fc3;box-shadow:0 0 0 2px #fff inset}input[type=radio]:checked+label{color:#fc3}.checkbox-wrapper-33{--s-xsmall: .625em;--s-small: 1.2em;--border-width: 1px;--c-primary: #ffcc33;--c-primary-20-percent-opacity: rgb(95 17 232 / 20%);--c-primary-10-percent-opacity: rgb(95 17 232 / 10%);--t-base: .4s;--t-fast: .2s;--e-in: ease-in;--e-out: cubic-bezier(.11, .29, .18, .98)}.checkbox-wrapper-33 .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.checkbox-wrapper-33 .checkbox{display:flex;align-items:center;justify-content:flex-start}.checkbox-wrapper-33 .checkbox+.checkbox{margin-top:var(--s-small)}.checkbox-wrapper-33 .checkbox__symbol{display:inline-block;display:flex;margin-right:calc(var(--s-small) * .7);border:var(--border-width) solid var(--c-primary);position:relative;border-radius:.1em;width:1.5em;height:1.5em;transition:box-shadow var(--t-base) var(--e-out),background-color var(--t-base);box-shadow:0 0 0 0 var(--c-primary-10-percent-opacity)}.checkbox-wrapper-33 .checkbox .icon-checkbox{width:1em;height:1em;margin:auto;fill:none;stroke-width:3;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;color:var(--c-primary);display:inline-block}.checkbox-wrapper-33 .checkbox .icon-checkbox path{transition:stroke-dashoffset var(--t-fast) var(--e-in);stroke-dasharray:30px,31px;stroke-dashoffset:31px}.checkbox-wrapper-33 .checkbox__textwrapper{margin:0}.checkbox-wrapper-33 .checkbox__trigger:checked~.checkbox__textwrapper{color:var(--c-primary)}.checkbox-wrapper-33 .checkbox__trigger:checked+.checkbox__symbol:after{animation:ripple-33 1.5s var(--e-out)}.checkbox-wrapper-33 .checkbox__trigger:checked+.checkbox__symbol .icon-checkbox path{transition:stroke-dashoffset var(--t-base) var(--e-out);stroke-dashoffset:0px}.checkbox-wrapper-33 .checkbox__trigger:focus+.checkbox__symbol{box-shadow:0 0 0 .25em #ffe598}@keyframes ripple-33{0%{transform:scale(0);opacity:1}to{opacity:0;transform:scale(20)}}