deck-grid {
  display: contents;
}
deck-grid .grid { display: grid; flex: 1; position: relative; z-index: 2; min-width: 0; align-content: center }
deck-grid .grid[data-columns='2'] { grid-template-columns: repeat(2, 1fr) }
deck-grid .grid[data-columns='3'] { grid-template-columns: repeat(3, 1fr) }
deck-grid .grid[data-columns='4'] { grid-template-columns: repeat(4, 1fr) }
deck-grid .grid[data-columns='5'] { grid-template-columns: repeat(5, 1fr) }
deck-grid .grid[data-gap='1'] { gap: 1rem }
deck-grid .grid[data-gap='2'] { gap: 2rem }
deck-grid .grid[data-gap='3'] { gap: 3rem }
deck-grid .grid[data-align=start] { align-items: start }
deck-grid .grid[data-align=center] { align-items: center }
deck-grid .grid[data-flow=bento] { grid-auto-rows: minmax(80px, auto); gap: var(--slide-gap-grid-sm) }
deck-grid .grid > * { min-width: 0 }
@media (max-width: 900px), (max-height: 620px) { deck-grid .grid { grid-template-columns: 1fr; gap: 2rem } }
@media print { deck-grid .grid { break-inside: avoid } }