.titaui-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #bfc7d5;
  cursor: pointer;
  box-sizing: border-box;
}

.titaui-checkbox:hover {
  border: 1px solid #2879ff;
}

.titaui-checkbox--checked {
  background: url(./checked.svg) transparent no-repeat 50% 50%;
  border: none;
}

.titaui-checkbox--disabled {
  background-color: #f0f2f5;
  opacity: 0.5;
  cursor: not-allowed;
}
