@tailwind base;

@tailwind components;

@tailwind utilities;

/* Hack since tailwind is misbehaving */
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-13 {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}
.grid-cols-14 {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}
.grid-cols-15 {
  grid-template-columns: repeat(15, minmax(0, 1fr));
}
.grid-cols-16 {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}
.grid-cols-17 {
  grid-template-columns: repeat(17, minmax(0, 1fr));
}
.grid-cols-18 {
  grid-template-columns: repeat(18, minmax(0, 1fr));
}
.grid-cols-19 {
  grid-template-columns: repeat(19, minmax(0, 1fr));
}
.grid-cols-20 {
  grid-template-columns: repeat(20, minmax(0, 1fr));
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
  padding-top: 4px;
  padding-bottom: 4px;
}