/* Base style */
.ibk-checkbox { padding: 5px 0; }

.ibk-checkbox * { box-sizing: border-box; }

.ibk-checkbox__hidden { display: none; }

.ibk-checkbox__label {
  display: inline-flex;
  align-items: flex-start;
  color: var(--grayText);
  cursor: pointer;
}

.ibk-checkbox__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  min-width: 18px;
  border: 2px solid var(--gray4);
  border-radius: 3px;
  margin-right: 7px;
}

.ibk-checkbox__check {
  color: white;
  font-size: 9px;
  width: 0;
  overflow: hidden;
  transition: var(--slow);
  text-align: center;
  transform: translateX(-3px);
}

.ibk-checkbox__label:active { transform: translateY(1px); }

.ibk-checkbox__text {
  font-family: var(--fontGeometria);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.ibk-checkbox__text a {
  text-decoration: none;
  color: var(--primaryGreen1);
}

.ibk-checkbox__error-message {
  color: var(--extendedWatermelon1);
  font-size: 12px;
  font-family: var(--fontMontserrat);
  font-weight: 500;
  min-height: 15px;
  margin-top: 7px;
  display: block;
}

/* Icon only */
.ibk-checkbox--icon-only .ibk-checkbox__icon { margin: 0; }

/* Checked */
.ibk-checkbox--checked .ibk-checkbox__icon {
  background-color: var(--primaryGreen1);
  border-color: var(--primaryGreen1);
}

.ibk-checkbox--checked .ibk-checkbox__check {
  color: white;
  width: 100%;
  transform: translateX(0);
}

/* Disabled */
.ibk-checkbox--disabled { pointer-events: none; }
.ibk-checkbox--disabled .ibk-checkbox__icon {
  background-color: var(--gray4);
  border-color: var(--gray2);
}

.ibk-checkbox--disabled.ibk-checkbox--checked .ibk-checkbox__icon { border-color: var(--gray4); }
.ibk-checkbox--disabled .ibk-checkbox__check { color: var(--gray2); }

/* Error */
.ibk-checkbox--error .ibk-checkbox__icon { border-color: var(--extendedWatermelon1); }

/* Icon right */
.ibk-checkbox--right .ibk-checkbox__label { justify-content: space-between; }
.ibk-checkbox--right .ibk-checkbox__icon {
  margin-right: 0;
  margin-left: 7px;
  order: 2;
}

/* Outline */
.ibk-checkbox--outline .ibk-checkbox__label {
  border: 1px solid var(--gray4);
  border-radius: 4px;
  padding: 10px;
}

/* Full */
.ibk-checkbox--full .ibk-checkbox__label { width: 100%; }

/* Focus */
.ibk-checkbox--focus .ibk-checkbox__icon { border-color: var(--primaryGreen1); }