.witrav-card-grid.is-style-mosaic,
.is-style-mosaic .witrav-card-grid {display: grid !important; grid-template-columns: repeat(calc(var(--witrav-cols, 5) * 4), minmax(0, 1fr)) !important; grid-auto-rows: 200px; column-count: auto !important}
.witrav-card-grid.is-style-mosaic > *,
.is-style-mosaic .witrav-card-grid > * {grid-column: span 4; width: 100%; min-height: 200px !important; margin-bottom: 0; break-inside: auto}
.witrav-card-grid.is-style-mosaic > * .witrav-card,
.witrav-card-grid.is-style-mosaic > *.witrav-card,
.is-style-mosaic .witrav-card-grid > * .witrav-card {min-height: 200px !important; height: 100%}

.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(odd),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(odd),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(odd) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(even),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(even),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(even) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(-n+2),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(-n+2),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(-n+2) {grid-column: span 4}

.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(4),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(4),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(7),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(4),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(7) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(5),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(5),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(8),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(5),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(9),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(9) {grid-column: span 4}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(10),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(10) {grid-column: span 12}

.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(5),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(5),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(7),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(5),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(7) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(8),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(9),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(10),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(9),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(10) {grid-column: span 8}

.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(9),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(9) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(7),
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(8),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(7),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(10),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(10) {grid-column: span 4}

.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(7),
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(9),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(7),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(9) {grid-column: span 7}
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(8),
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(10),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(8),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(10) {grid-column: span 5}

@media (max-width: 1024px) {
  .witrav-card-grid.is-style-mosaic,
  .is-style-mosaic .witrav-card-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 200px}
  .witrav-card-grid.is-style-mosaic > *,
  .is-style-mosaic .witrav-card-grid > * {grid-column: span 1 !important}
}

@media (max-width: 600px) {
  .witrav-card-grid.is-style-mosaic,
  .is-style-mosaic .witrav-card-grid {grid-template-columns: 1fr !important}
}
