input[type=checkbox],input[type=radio]{appearance:none;background-color:var(--white);margin:0}input[type=checkbox]+label,input[type=radio]+label{margin-block-start:var(--size-2);margin-inline-start:var(--size-2);display:inline-block}input[type=checkbox]{--chkbg:215 28% 17%;--chkfg:0 0% 100%;block-size:var(--size-6);border-radius:var(--radius-2);cursor:pointer;inline-size:var(--size-6);vertical-align:text-bottom;border-width:1px;flex-shrink:0;margin-inline-end:var(--size-2);display:inline-block}input[type=checkbox]:checked,input[type=checkbox][checked=true],input[type=checkbox][aria-checked=true]{background-color:var(--grey-900);background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 66%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 76%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 41%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 31%, hsl(var(--chkfg)) 40%, transparent 41%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 51%);background-repeat:no-repeat;animation:.2s ease-in-out checkmark}input[type=checkbox]+label{padding-inline-start:var(--size-2);display:inline-block}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}input[type=radio]{block-size:var(--size-6);border-radius:var(--radius-round);color:currentColor;font:inherit;inline-size:var(--size-6);border:1px solid;justify-content:center;align-items:center;display:inline-flex;transform:translateY(2px)}input[type=radio]:before{block-size:var(--size-4);border-radius:var(--radius-round);box-shadow:inset 1em 1em var(--black);content:"";inline-size:var(--size-4);background-color:canvastext;transition:transform .12s ease-in-out;transform:scale(0)}input[type=radio]:checked:before{transform:scale(1)}