.tw-checkbox-check {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 8px;
}
.tw-checkbox-check::before,
.tw-checkbox-check::after {
  content: "";
  position: absolute;
  background: #ffffff;
  background: var(--color-background-screen);
  transform: translateX(0.5px) rotate(-45deg);
  transform-origin: left bottom;
  left: 8px;
  left: var(--size-8);
}
.tw-checkbox-check .has-error::before,
.tw-checkbox-check .has-error::after {
  background-color: #e74848;
  background-color: var(--color-interactive-negative);
}
.tw-checkbox-check::before {
  top: 9px;
  height: 6px;
  width: 2px;
}
.tw-checkbox-check::after {
  bottom: 5px;
  height: 2px;
  width: 11px;
}