@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .setting-input {
    @apply block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer;
  }
}

#transfers-container td {
  height: 105px;
}

.edit-indicator{
  display:none;
}
.htmx-request .edit-indicator{
  display:inline;
}
.htmx-request.edit-indicator{
  display:inline;
}

.modal {
  opacity: 0;
  pointer-events: none;
}

.modal.modal-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease-in;
}