.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;
  }
}

.text_input {
  @apply transition-all duration-75;
  @apply bg-neutral-800 border-neutral-600 rounded px-4 py-2 outline-none;

  &:focus {
    @apply border-blue-600 ring-2 ring-blue-500;
  }
}