@layer mosuk-ui{@layer index-11{.component-module__sf8Cja__checkbox{appearance:none;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*4);min-height:calc(var(--spacing,.25rem)*4);border:1px solid;border-color:var(--color-gray-200);cursor:pointer;outline:none;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.component-module__sf8Cja__checkbox :where(svg){width:100%;min-width:100%;height:100%;min-height:100%;color:var(--color-primary-500);opacity:0;transition:all .2s ease-in-out}.component-module__sf8Cja__checkbox:hover :where(svg){opacity:.25}:is(.component-module__sf8Cja__checkbox[data-checked],.component-module__sf8Cja__checkbox[data-indeterminate]) :where(svg){opacity:1}.component-module__sf8Cja__indicator{display:flex}.component-module__sf8Cja__indicator[data-unchecked]{display:none}}}