.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.grow {
  flex-grow: 1;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: end;
}
.items-start {
  align-items: start;
}
.justify-center {
  justify-content: center;
}
.opacity-50 {
  opacity: 50%;
}
.justify-start {
  justify-content: start;
}
.justify-end {
  justify-content: end;
}
.justify-between {
  justify-content: space-between;
}
.grid {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.font-semibold {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.w-0 {
  width: 0;
}
.h-0 {
  height: 0;
}
.h-10 {
  height: 2.5rem;
}
.w-10 {
  width: 2.5rem;
}
.rotate-180 {
  rotate: 180deg;
}
.rounded-full {
  border-radius: 100%;
}
.mr-auto {
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.50rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}