.ant-checkbox-group { .ant-checkbox-wrapper { margin-right: 24px; } } .ant-checkbox-wrapper { .ant-checkbox { &::after { display: none !important; } .ant-checkbox-inner { border-radius: 2px; border: 2px solid #d7d7d9; } &.ant-checkbox-disabled { background: #f2f3f5; } &.ant-checkbox-indeterminate { .ant-checkbox-inner { background-color: #6d4cfe !important; border-color: transparent !important; &::after { height: 2px; width: 6px; background-color: #fff !important; } } } &.ant-checkbox-indeterminate.ant-checkbox-disabled { .ant-checkbox-inner { background-color: #a794fe !important; &::after { transform: translate(-50%, -50%) scale(1); } } } &.ant-checkbox-checked { .ant-checkbox-inner { background-color: #6d4cfe !important; border-color: transparent !important; } } &.ant-checkbox-checked.ant-checkbox-disabled { .ant-checkbox-inner { background-color: #a794fe !important; border-color: transparent !important; &::after { border-color: #fff; } } } } .ant-checkbox + span { padding-left: 8px; padding-right: 0; color: #211f24; font-family: $font-family-regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } &:hover { .ant-checkbox-inner { border-color: #d7d7d9 !important; } } }