.checkbox {
  @apply w-4 h-4 rounded-sm border-neutral-500 bg-neutral-600 text-primary-500;

  &:focus, &:active {
    @apply ring-2 ring-primary-500 ring-offset-2 ring-offset-neutral-700;
  }
}