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

form label {
  @apply dark:text-slate-400;
}

form input,
select,
textarea {
  @apply dark:border dark:border-slate-900 dark:bg-slate-500 dark:text-slate-100;
}

#session-table {
  display: grid;
  grid-template-columns: 3fr 2fr repeat(2, 1fr) 0.5fr 1fr;
}

.purchase-name > span:nth-child(2) {
  @apply ml-4
}

.purchase-name > span:nth-child(2) > a > img {
  @apply opacity-0 transition-opacity duration-500
}

.purchase-name:hover > span:nth-child(2) > a > img {
  @apply opacity-50
}

.purchase-name > span:nth-child(2) > a > img:hover {
  @apply opacity-100
}

#button-container button {
  @apply mx-1;
}

th {
  @apply text-left;
}

th label {
  @apply mr-4;
}