.CheckboxBase {
  font-size: 1em;
  margin: 0;
  width: 1em;
  height: 1em;
  border: 2px solid var(--colorText);
  position: relative;
  top: .15em;
  transition: var(--animationBase);
  cursor: pointer;
  outline: none;
  border-radius: 0;
}

.CheckboxBase:not(:disabled):hover, .CheckboxBase:not(:disabled):focus, .CheckboxBase:checked {
  border-color: var(--colorBrand);
  background: var(--colorBrand);
}

.CheckboxBase:after {
  content: ' ';
  display: block;
  width: .62em;
  height: .34em;
  border-left: 0.18em solid hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  border-bottom: 0.18em solid hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  transform: rotate(-45deg);
  margin-left: calc(1em * 0.19 - 1px);
  margin-top: calc(1em * 0.22 - 1px);
  transition: var(--animationBase);
  opacity: 0;
}

.CheckboxBase:checked:after {
  opacity: 1;
}

.CheckboxBase:disabled, .CheckboxBase:disabled + * {
  border-color: var(--colorTextSubtle);
  opacity: .4;
}

.CheckboxBase.is-invalid {
  border-color: var(--colorErrorsDefault);
}

/*# sourceMappingURL=checkbox.min.css.map */