div .cloudapp-checkbox {
  color: inherit;
}
div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
  border-color: var(--primary);
  background-color: var(--primary);
}
div .cloudapp-checkbox-inner {
  border-radius: var(--form-redius);
  background-color: var(--form-bg);
  border-color: var(--bd-color);
}
div .cloudapp-checkbox-wrapper {
  color: inherit;
}
div .cloudapp-checkbox-disabled + span {
  color: inherit;
  opacity: 0.8;
}
div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
  border-color: var(--bd-color);
}
div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
div .cloudapp-checkbox-input:focus + .cloudapp-checkbox-inner {
  border-color: var(--primary);
}
div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
  background-color: var(--primary);
}
div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
  background-color: var(--form-bg);
  opacity: 0.8;
}
div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
  background-color: #fff;
  border-color: var(--bd-color) !important;
}
div .cloudapp-tree-checkbox-inner {
  border-color: var(--bd-color);
  border-radius: var(--form-redius);
}
div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
div .cloudapp-tree-checkbox-input:focus + .cloudapp-tree-checkbox-inner {
  border-color: var(--primary);
}
div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
  border-color: var(--primary);
  background-color: var(--primary);
}
div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
  background-color: var(--bg-lv1);
  border-color: var(--bd-color);
}
div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
  background-color: var(--primary);
}
div .cloudapp-checkbox-checked::after {
  border-color: var(--primary);
}
div .cloudapp-checkbox-group {
  color: inherit;
}