.chaarts.column-multiple {
  grid-template-columns: minmax(min-content, 14ch) repeat(calc(var(--y) - 1), 1fr);
  grid-template-rows: 2ex repeat(var(--scale, 100), minmax(0, 0.25rem)) repeat(2, minmax(min-content, 2rem));
}

.chaarts.column-multiple span {
  background-image: none;
}

.chaarts.column-multiple col:nth-child(odd) {
  opacity: 0;
}

.chaarts.column-multiple tbody th {
  grid-row: -10/span 7;
}

.chaarts.column-multiple thead tr * {
  grid-row: -2;
}

.chaarts.column-multiple col:nth-of-type(2),
.chaarts.column-multiple thead tr *:nth-of-type(2) {
  grid-column: calc(4 - var(--span))/span var(--span);
}

.chaarts.column-multiple col:nth-of-type(3),
.chaarts.column-multiple thead tr *:nth-of-type(3) {
  grid-column: calc(6 - var(--span))/span var(--span);
}

.chaarts.column-multiple col:nth-of-type(4),
.chaarts.column-multiple thead tr *:nth-of-type(4) {
  grid-column: calc(8 - var(--span))/span var(--span);
}

.chaarts.column-multiple col:nth-of-type(5),
.chaarts.column-multiple thead tr *:nth-of-type(5) {
  grid-column: calc(10 - var(--span))/span var(--span);
}

.chaarts.column-multiple col:nth-of-type(6),
.chaarts.column-multiple thead tr *:nth-of-type(6) {
  grid-column: calc(12 - var(--span))/span var(--span);
}

.chaarts.column-multiple thead tr + tr * {
  font-weight: normal;
  grid-row: -3;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(2) {
  grid-column: 2;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(3) {
  grid-column: 3;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(4) {
  grid-column: 4;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(5) {
  grid-column: 5;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(6) {
  grid-column: 6;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(7) {
  grid-column: 7;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(8) {
  grid-column: 8;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(9) {
  grid-column: 9;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(10) {
  grid-column: 10;
}

.chaarts.column-multiple thead tr + tr *:nth-of-type(11) {
  grid-column: 11;
}

.chaarts.column-multiple td {
  background-color: var(--chaarts-pink);
  background-image: var(--zig);
  grid-row-end: -3;
}

.chaarts.column-multiple td:nth-of-type(2n + 2) {
  background: var(--chaarts-blue) var(--triangles);
}
