/* Based on Tailwind - https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale */
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.shrink-0 {
  flex-shrink: 0;
}

.gap-2 {
  gap: 0.5rem; /* 8px */
}

.gap-5 {
  gap: 1.25rem; /* 20px */
}

.gap-7 {
  gap: 1.75rem; /* 28px */
}

.w-full {
  width: 100%;
}

.w-auto {
  width: auto;
}

.mb-0_5 {
  margin-bottom: 0.125rem; /* 2px */
}

.ml-1 {
  margin-left: 0.25rem; /* 4px */
}

.ml-3 {
  margin-left: 0.75rem; /* 12px */
}

.mb-5 {
  margin-bottom: 1.25rem; /* 20px */
}

.mb-8 {
  margin-bottom: 2rem; /* 32px */
}

.mt-16 {
  margin-top: 4rem; /* 64px */
}

.text-center {
  text-align: center;
}