.checkbox-component{display:block;height:20px;width:20px}.checkbox-component .icon{height:100%;width:100%}.checkbox-component .icon .bg{fill:var(--old-color-container-primary-inverse)}.checkbox-component .icon .path{fill:var(--old-color-border-primary-hover)}.checkbox-component .icon .point{fill:var(--old-color-container-primary);opacity:0;visibility:hidden}.checkbox-component .input:checked~.icon .path{fill:var(--old-color-blue-500)}.checkbox-component .input:checked~.icon .point{opacity:1;visibility:visible}