.vega-g-row {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--g-gap);
}

.vega-g-gap-0 {
	gap: 0
}

.vega-g-gap-xs {
	gap: var(--g-gap-xs);
}

.vega-g-gap-sm {
	gap: var(--g-gap-sm);
}

.vega-g-gap-md {
	gap: var(--g-gap-md);
}

.vega-g-gap {
	gap: var(--g-gap);
}

.vega-g-gap-lg {
	gap: var(--g-gap-lg);
}

.vega-g-gap-xl {
	gap: var(--g-gap-xl);
}

.vega-g-gap-xxl {
	gap: var(--g-gap-xxl);
}

.vega-g-gap-3xl {
	gap: var(--g-gap-3xl);
}

.vega-gx-gap-0 {
	row-gap: 0;
}

.vega-gx-gap-xs {
	row-gap: var(--g-gap-xs);
}

.vega-gx-gap-sm {
	row-gap: var(--g-gap-sm);
}

.vega-gx-gap-md {
	row-gap: var(--g-gap-md);
}

.vega-gx-gap {
	row-gap: var(--g-gap);
}

.vega-gx-gap-lg {
	row-gap: var(--g-gap-lg);
}

.vega-gx-gap-xl {
	row-gap: var(--g-gap-xl);
}

.vega-gx-gap-xxl {
	row-gap: var(--g-gap-xxl);
}

.vega-gx-gap-3xl {
	row-gap: var(--g-gap-3xl);
}

.vega-gy-gap-0 {
	column-gap: 0;
}

.vega-gy-gap-xs {
	column-gap: var(--g-gap-xs);
}

.vega-gy-gap-sm {
	column-gap: var(--g-gap-sm);
}

.vega-gy-gap-md {
	column-gap: var(--g-gap-md);
}

.vega-gy-gap {
	column-gap: var(--g-gap);
}

.vega-gy-gap-lg {
	column-gap: var(--g-gap-lg);
}

.vega-gy-gap-xl {
	column-gap: var(--g-gap-xl);
}

.vega-gy-gap-xxl {
	column-gap: var(--g-gap-xxl);
}

.vega-gy-gap-3xl {
	column-gap: var(--g-gap-3xl);
}

.vega-g-col-1 {
  grid-column: span 1;
}

.vega-g-col-2 {
  grid-column: span 2;
}

.vega-g-col-3 {
  grid-column: span 3;
}

.vega-g-col-4 {
  grid-column: span 4;
}

.vega-g-col-4--last {
  grid-column-start: -5;
  grid-column-end: -1;
}

.vega-g-col-5 {
  grid-column: span 5;
}

.vega-g-col-6 {
  grid-column: span 6;
}

.vega-g-col-7 {
  grid-column: span 7;
}

.vega-g-col-8 {
  grid-column: span 8;
}

.vega-g-col-9 {
  grid-column: span 9;
}

.vega-g-col-10 {
  grid-column: span 10;
}

.vega-g-col-11 {
  grid-column: span 11;
}

.vega-g-col-12 {
  grid-column: span 12;
}

.vega-g-order-1 {
	order: 1;
}

.vega-g-order-2 {
	order: 2;
}

.vega-g-order-3 {
	order: 3;
}

.vega-g-order-4 {
	order: 4;
}

.vega-g-order-last {
	order: -1;
}

@media (min-width: 576px) {
	.vega-g-col-sm-1 {
		grid-column: span 1;
	}
	
	.vega-g-col-sm-2 {
		grid-column: span 2;
	}
	
	.vega-g-col-sm-3 {
		grid-column: span 3;
	}
	
	.vega-g-col-sm-4 {
		grid-column: span 4;
	}
	
	.vega-g-col-sm-4--last {
		grid-column-start: -5;
		grid-column-end: -1;
	}
	
	.vega-g-col-sm-5 {
		grid-column: span 5;
	}
	
	.vega-g-col-sm-6 {
		grid-column: span 6;
	}
	
	.vega-g-col-sm-7 {
		grid-column: span 7;
	}
	
	.vega-g-col-sm-8 {
		grid-column: span 8;
	}
	
	.vega-g-col-sm-9 {
		grid-column: span 9;
	}
	
	.vega-g-col-sm-10 {
		grid-column: span 10;
	}
	
	.vega-g-col-sm-11 {
		grid-column: span 11;
	}
	
	.vega-g-col-sm-12 {
		grid-column: span 12;
	}

	.vega-g-order-sm-1 {
		order: 1;
	}

	.vega-g-order-sm-2 {
		order: 2;
	}

	.vega-g-order-sm-3 {
		order: 3;
	}

	.vega-g-order-sm-4 {
		order: 4;
	}

	.vega-g-order-sm-last {
		order: -1;
	}
}

@media (min-width: 768px) {
	.vega-g-col-md-1 {
		grid-column: span 1;
	}
	
	.vega-g-col-md-2 {
		grid-column: span 2;
	}
	
	.vega-g-col-md-3 {
		grid-column: span 3;
	}
	
	.vega-g-col-md-4 {
		grid-column: span 4;
	}
	
	.vega-g-col-md-4--last {
		grid-column-start: -5;
		grid-column-end: -1;
	}

	.vega-g-col-md-5 {
		grid-column: span 5;
	}
	
	.vega-g-col-md-6 {
		grid-column: span 6;
	}
	
	.vega-g-col-md-7 {
		grid-column: span 7;
	}
	
	.vega-g-col-md-8 {
		grid-column: span 8;
	}
	
	.vega-g-col-md-9 {
		grid-column: span 9;
	}
	
	.vega-g-col-md-10 {
		grid-column: span 10;
	}
	
	.vega-g-col-md-11 {
		grid-column: span 11;
	}
	
	.vega-g-col-md-12 {
		grid-column: span 12;
	}
	
	.vega-g-order-md-1 {
		order: 1;
	}

	.vega-g-order-md-2 {
		order: 2;
	}

	.vega-g-order-md-3 {
		order: 3;
	}

	.vega-g-order-md-4 {
		order: 4;
	}

	.vega-g-order-md-last {
		order: -1;
	}
}

@media (min-width: 992px) {
	.vega-g-col-lg-1 {
		grid-column: span 1;
	}
	
	.vega-g-col-lg-2 {
		grid-column: span 2;
	}
	
	.vega-g-col-lg-3 {
		grid-column: span 3;
	}
	
	.vega-g-col-lg-4 {
		grid-column: span 4;
	}
	
	.vega-g-col-lg-4--last {
		grid-column-start: -5;
		grid-column-end: -1;
	}
	
	.vega-g-col-lg-5 {
		grid-column: span 5;
	}
	
	.vega-g-col-lg-6 {
		grid-column: span 6;
	}
	
	.vega-g-col-lg-7 {
		grid-column: span 7;
	}
	
	.vega-g-col-lg-8 {
		grid-column: span 8;
	}
	
	.vega-g-col-lg-9 {
		grid-column: span 9;
	}
	
	.vega-g-col-lg-10 {
		grid-column: span 10;
	}
	
	.vega-g-col-lg-11 {
		grid-column: span 11;
	}
	
	.vega-g-col-lg-12 {
		grid-column: span 12;
	}
	
	.vega-g-order-lg-1 {
		order: 1;
	}

	.vega-g-order-lg-2 {
		order: 2;
	}

	.vega-g-order-lg-3 {
		order: 3;
	}

	.vega-g-order-lg-4 {
		order: 4;
	}

	.vega-g-order-lg-last {
		order: -1;
	}
}

@media (min-width: 1200px) {
	.vega-g-col-xl-1 {
		grid-column: span 1;
	}
	
	.vega-g-col-xl-2 {
		grid-column: span 2;
	}
	
	.vega-g-col-xl-3 {
		grid-column: span 3;
	}
	
	.vega-g-col-xl-4 {
		grid-column: span 4;
	}
	
	.vega-g-col-xl-4--last {
		grid-column-start: -5;
		grid-column-end: -1;
	}
	
	.vega-g-col-xl-5 {
		grid-column: span 5;
	}
	
	.vega-g-col-xl-6 {
		grid-column: span 6;
	}
	
	.vega-g-col-xl-7 {
		grid-column: span 7;
	}
	
	.vega-g-col-xl-8 {
		grid-column: span 8;
	}
	
	.vega-g-col-xl-9 {
		grid-column: span 9;
	}
	
	.vega-g-col-xl-10 {
		grid-column: span 10;
	}
	
	.vega-g-col-xl-11 {
		grid-column: span 11;
	}
	
	.vega-g-col-xl-12 {
		grid-column: span 12;
	}
	
	.vega-g-order-xl-1 {
		order: 1;
	}

	.vega-g-order-xl-2 {
		order: 2;
	}

	.vega-g-order-xl-3 {
		order: 3;
	}

	.vega-g-order-xl-4 {
		order: 4;
	}

	.vega-g-order-xl-last {
		order: -1;
	}
}

@media (min-width: 1400px) {
	.vega-g-col-xxl-1 {
		grid-column: span 1;
	}
	
	.vega-g-col-xxl-2 {
		grid-column: span 2;
	}
	
	.vega-g-col-xxl-3 {
		grid-column: span 3;
	}
	
	.vega-g-col-xxl-4 {
		grid-column: span 4;
	}
	
	.vega-g-col-xxl-4--last {
		grid-column-start: -5;
		grid-column-end: -1;
	}

	.vega-g-col-xxl-5 {
		grid-column: span 5;
	}
	
	.vega-g-col-xxl-6 {
		grid-column: span 6;
	}
	
	.vega-g-col-xxl-7 {
		grid-column: span 7;
	}
	
	.vega-g-col-xxl-8 {
		grid-column: span 8;
	}
	
	.vega-g-col-xxl-9 {
		grid-column: span 9;
	}
	
	.vega-g-col-xxl-10 {
		grid-column: span 10;
	}
	
	.vega-g-col-xxl-11 {
		grid-column: span 11;
	}
	
	.vega-g-col-xxl-12 {
		grid-column: span 12;
	}
	
	.vega-g-order-xxl-1 {
		order: 1;
	}

	.vega-g-order-xxl-2 {
		order: 2;
	}

	.vega-g-order-xxl-3 {
		order: 3;
	}

	.vega-g-order-xxl-4 {
		order: 4;
	}

	.vega-g-order-xxl-last {
		order: -1;
	}
}