.cms-component-411edc1a-checkbox{--size:20px;--dash:48;position:relative}.cms-component-411edc1a-checkbox div{display:inline-block;line-height:calc(var(--size) + 4px);cursor:pointer}.cms-component-411edc1a-checkbox div span{border:solid 2px var(--color);display:block;height:var(--size);left:0;top:0;width:var(--size);border-radius:3px}.cms-component-411edc1a-checkbox div span svg{stroke:var(--active-color);stroke-width:2px}.cms-component-411edc1a-checkbox div span svg.indeterminate{height:var(--size);opacity:1;width:100%}.cms-component-411edc1a-checkbox div span svg.indeterminate path{fill:var(--color);stroke:var(--color);stroke-width:2px;transform-origin:50% 50%;stroke-miterlimit:10;opacity:1;stroke-dasharray:var(--dash);stroke-dashoffset:var(--dash)}.cms-component-411edc1a-checkbox div span.checked{border-color:var(--active-color)}.cms-component-411edc1a-checkbox div span.checked svg{height:var(--size);opacity:1;width:100%}.cms-component-411edc1a-checkbox div span.checked svg path{stroke:var(--active-color);stroke-width:2px;transform-origin:50% 50%;stroke-miterlimit:10;opacity:1}@-webkit-keyframes checkmarkAnimation{100%{stroke-dashoffset:0}}@keyframes checkmarkAnimation{100%{stroke-dashoffset:0}}.cms-component-411edc1a-checkbox .checked svg{-webkit-animation:checkmarkAnimation .5s 0s forwards;animation:checkmarkAnimation .5s 0s forwards}