/* layout-utilities.desktop.css: desktop-only (min-width: 1024px). Load with media="(min-width: 1024px)". */
.lg\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:col-span-2 {
  grid-column: span 2 / span 2;
}
.lg\:hidden {
  display: none !important;
}
.lg\:px-8 {
  padding-left: var(--space-8);
  padding-right: var(--space-8);
}
.lg\:p-12 {
  padding: var(--space-12);
}
.lg\:max-w-md {
  max-width: 28rem;
}
