.np-checkbox-button input[type="checkbox"] {
  position: absolute;
  width: 24px;
  width: var(--size-24);
  height: 24px;
  height: var(--size-24);
  opacity: 0;
}
.np-checkbox-button input[type="checkbox"]:not(:disabled) {
  cursor: pointer;
}
.np-checkbox-button .tw-checkbox-check,
.np-checkbox-button .np-tw-checkbox-indeterminate {
  pointer-events: none;
}
.checkbox .np-checkbox-button input[type="checkbox"] {
  top: 0;
  left: 0;
  margin: 0;
}
[dir="rtl"] .checkbox .np-checkbox-button input[type="checkbox"] {
  right: 0;
  left: auto;
  left: initial;
}
.np-tw-checkbox-indeterminate {
  position: relative;
}
.np-tw-checkbox-indeterminate::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  top: 55%;
  left: 50%;
  background: #ffffff;
  background: var(--color-background-screen);
  transform: translate(-50%, -50%);
}
.np-tw-checkbox-indeterminate .has-error::after {
  background-color: #e74848;
  background-color: var(--color-interactive-negative);
}