.m-0 {
  margin: calc(var(--spacing) * 0);
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.aspect-\[9\/20\] {
  aspect-ratio: 9/20;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.w-dvw {
  width: 100dvw;
}
.w-screen {
  width: 100vw;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.bg-sky-400 {
  background-color: var(--color-sky-400);
}
.bg-slate-400 {
  background-color: var(--color-slate-400);
}
.bg-slate-500 {
  background-color: var(--color-slate-500);
}

body * {
  box-sizing: border-box;
}