@checkbox-size: 14px;
@checkbox-border-color: @icecream-color-grey-7;

.normalUncheckedBox() {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: @checkbox-size;
  height: @checkbox-size;
  background-color: @icecream-white;
  border: 1px solid @checkbox-border-color;
  border-radius: @icecream-border-radius;
  // Fix IE checked style
  border-collapse: separate;
  transition: @icecream-transitions;
}

.hoveredBox() {
  border-color: @icecream-primary-color;
}

.checkedBox() {
  background-color: @icecream-primary-color;
  border-color: @icecream-primary-color;
}

.disabledBox() {
  background-color: @icecream-color-grey-3;
  border-color: @checkbox-border-color !important;
}

.checkedIcon() {
  position: absolute;
  display: table;
  top: 5px;
  left: 3px;
  width: 3px;
  height: 6px;
  border: 1px solid @icecream-white;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  content: '';
}

.partialCheckedIcon() {
  position: absolute;
  display: block;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 0;
  border-bottom: 1px solid @icecream-white;
  transform: none;
  opacity: 1;
  content: '';
}

.disabledIcon() {
  border-color: @checkbox-border-color;
}