*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Inserting Tailwind classes (e.g. left-[0.6875rem]) with JS didn't work for card offsets */
.offset-half-1 {
  left: 0.6875rem;
}

.offset-1 {
  left: 1.375rem;
}

.offset-half-3 {
  left: 2.0625rem;
}

.offset-2 {
  left: 2.75rem;
}

.offset-half-5 {
  left: 3.4375rem;
}

.offset-3 {
  left: 4.125rem;
}

.offset-half-7 {
  left: 4.8125rem;
}

.offset-4 {
  left: 5.5rem;
}

.offset-5 {
  left: 6.875rem;
}

.offset-6 {
  left: 8.25rem;
}

.offset-7 {
  left: 9.625rem;
}

.offset-8 {
  left: 11rem;
}