@heartlandone/vega 2.0.0-temp-test-0.2 → 2.0.0

package/dist/collection/components/vega-grid/vega-grid.css

@@ -1,3 +1,1134 @@
-vega-grid {
-	@apply v-grid;
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+:host(.v-gap-0),
+.v-gap-0 {
+  gap: 0px;
 }
+
+:host(.v-gap-size-0),
+.v-gap-size-0 {
+  gap: 0px;
+}
+
+:host(.v-gap-size-4),
+.v-gap-size-4 {
+  gap: 4px;
+}
+
+:host(.v-gap-size-8),
+.v-gap-size-8 {
+  gap: 8px;
+}
+
+:host(.v-gap-size-12),
+.v-gap-size-12 {
+  gap: 12px;
+}
+
+:host(.v-gap-size-16),
+.v-gap-size-16 {
+  gap: 16px;
+}
+
+:host(.v-gap-size-20),
+.v-gap-size-20 {
+  gap: 20px;
+}
+
+:host(.v-gap-size-24),
+.v-gap-size-24 {
+  gap: 24px;
+}
+
+:host(.v-gap-size-32),
+.v-gap-size-32 {
+  gap: 32px;
+}
+
+:host(.v-gap-size-40),
+.v-gap-size-40 {
+  gap: 40px;
+}
+
+:host(.v-gap-size-48),
+.v-gap-size-48 {
+  gap: 48px;
+}
+
+:host(.v-gap-size-64),
+.v-gap-size-64 {
+  gap: 64px;
+}
+
+:host(.v-gap-size-72),
+.v-gap-size-72 {
+  gap: 72px;
+}
+
+:host(.v-gap-size-80),
+.v-gap-size-80 {
+  gap: 80px;
+}
+
+:host(.v-gap-size-112),
+.v-gap-size-112 {
+  gap: 112px;
+}
+
+:host(.v-gap-size-2),
+.v-gap-size-2 {
+  gap: 2px;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-gap-0),
+  .S\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.S\:v-gap-size-0),
+  .S\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.S\:v-gap-size-4),
+  .S\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.S\:v-gap-size-8),
+  .S\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.S\:v-gap-size-12),
+  .S\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.S\:v-gap-size-16),
+  .S\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.S\:v-gap-size-20),
+  .S\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.S\:v-gap-size-24),
+  .S\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.S\:v-gap-size-32),
+  .S\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.S\:v-gap-size-40),
+  .S\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.S\:v-gap-size-48),
+  .S\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.S\:v-gap-size-64),
+  .S\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.S\:v-gap-size-72),
+  .S\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.S\:v-gap-size-80),
+  .S\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.S\:v-gap-size-112),
+  .S\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.S\:v-gap-size-2),
+  .S\:v-gap-size-2 {
+    gap: 2px;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-gap-0),
+  .M\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.M\:v-gap-size-0),
+  .M\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.M\:v-gap-size-4),
+  .M\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.M\:v-gap-size-8),
+  .M\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.M\:v-gap-size-12),
+  .M\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.M\:v-gap-size-16),
+  .M\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.M\:v-gap-size-20),
+  .M\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.M\:v-gap-size-24),
+  .M\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.M\:v-gap-size-32),
+  .M\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.M\:v-gap-size-40),
+  .M\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.M\:v-gap-size-48),
+  .M\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.M\:v-gap-size-64),
+  .M\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.M\:v-gap-size-72),
+  .M\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.M\:v-gap-size-80),
+  .M\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.M\:v-gap-size-112),
+  .M\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.M\:v-gap-size-2),
+  .M\:v-gap-size-2 {
+    gap: 2px;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-gap-0),
+  .L\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.L\:v-gap-size-0),
+  .L\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.L\:v-gap-size-4),
+  .L\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.L\:v-gap-size-8),
+  .L\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.L\:v-gap-size-12),
+  .L\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.L\:v-gap-size-16),
+  .L\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.L\:v-gap-size-20),
+  .L\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.L\:v-gap-size-24),
+  .L\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.L\:v-gap-size-32),
+  .L\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.L\:v-gap-size-40),
+  .L\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.L\:v-gap-size-48),
+  .L\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.L\:v-gap-size-64),
+  .L\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.L\:v-gap-size-72),
+  .L\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.L\:v-gap-size-80),
+  .L\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.L\:v-gap-size-112),
+  .L\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.L\:v-gap-size-2),
+  .L\:v-gap-size-2 {
+    gap: 2px;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-gap-0),
+  .XL\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.XL\:v-gap-size-0),
+  .XL\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.XL\:v-gap-size-4),
+  .XL\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.XL\:v-gap-size-8),
+  .XL\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.XL\:v-gap-size-12),
+  .XL\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.XL\:v-gap-size-16),
+  .XL\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.XL\:v-gap-size-20),
+  .XL\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.XL\:v-gap-size-24),
+  .XL\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.XL\:v-gap-size-32),
+  .XL\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.XL\:v-gap-size-40),
+  .XL\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.XL\:v-gap-size-48),
+  .XL\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.XL\:v-gap-size-64),
+  .XL\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.XL\:v-gap-size-72),
+  .XL\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.XL\:v-gap-size-80),
+  .XL\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.XL\:v-gap-size-112),
+  .XL\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.XL\:v-gap-size-2),
+  .XL\:v-gap-size-2 {
+    gap: 2px;
+  }
+}
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+:host {
+  display: grid;
+}
+
+:host(.v-grid-rows-1) {
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-2) {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-3) {
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-4) {
+  grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-5) {
+  grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-6) {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-7) {
+  grid-template-rows: repeat(7, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-8) {
+  grid-template-rows: repeat(8, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-9) {
+  grid-template-rows: repeat(9, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-10) {
+  grid-template-rows: repeat(10, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-11) {
+  grid-template-rows: repeat(11, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-12) {
+  grid-template-rows: repeat(12, minmax(0, 1fr));
+}
+
+:host(.v-grid-rows-1-auto) {
+  grid-template-rows: repeat(1, auto);
+}
+
+:host(.v-grid-rows-2-auto) {
+  grid-template-rows: repeat(2, auto);
+}
+
+:host(.v-grid-rows-3-auto) {
+  grid-template-rows: repeat(3, auto);
+}
+
+:host(.v-grid-rows-4-auto) {
+  grid-template-rows: repeat(4, auto);
+}
+
+:host(.v-grid-rows-5-auto) {
+  grid-template-rows: repeat(5, auto);
+}
+
+:host(.v-grid-rows-6-auto) {
+  grid-template-rows: repeat(6, auto);
+}
+
+:host(.v-grid-rows-7-auto) {
+  grid-template-rows: repeat(7, auto);
+}
+
+:host(.v-grid-rows-8-auto) {
+  grid-template-rows: repeat(8, auto);
+}
+
+:host(.v-grid-rows-9-auto) {
+  grid-template-rows: repeat(9, auto);
+}
+
+:host(.v-grid-rows-10-auto) {
+  grid-template-rows: repeat(1, auto);
+}
+
+:host(.v-grid-rows-11-auto) {
+  grid-template-rows: repeat(1, auto);
+}
+
+:host(.v-grid-rows-12-auto) {
+  grid-template-rows: repeat(1, auto);
+}
+
+:host(.v-grid-cols-1) {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-2) {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-3) {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-4) {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-5) {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-6) {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-7) {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-8) {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-9) {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-10) {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-11) {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-12) {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+:host(.v-grid-cols-1-auto) {
+  grid-template-columns: repeat(1, auto);
+}
+
+:host(.v-grid-cols-2-auto) {
+  grid-template-columns: repeat(2, auto);
+}
+
+:host(.v-grid-cols-3-auto) {
+  grid-template-columns: repeat(3, auto);
+}
+
+:host(.v-grid-cols-4-auto) {
+  grid-template-columns: repeat(4, auto);
+}
+
+:host(.v-grid-cols-5-auto) {
+  grid-template-columns: repeat(5, auto);
+}
+
+:host(.v-grid-cols-6-auto) {
+  grid-template-columns: repeat(6, auto);
+}
+
+:host(.v-grid-cols-7-auto) {
+  grid-template-columns: repeat(7, auto);
+}
+
+:host(.v-grid-cols-8-auto) {
+  grid-template-columns: repeat(8, auto);
+}
+
+:host(.v-grid-cols-9-auto) {
+  grid-template-columns: repeat(9, auto);
+}
+
+:host(.v-grid-cols-10-auto) {
+  grid-template-columns: repeat(1, auto);
+}
+
+:host(.v-grid-cols-11-auto) {
+  grid-template-columns: repeat(1, auto);
+}
+
+:host(.v-grid-cols-12-auto) {
+  grid-template-columns: repeat(1, auto);
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-grid-rows-1) {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-2) {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-3) {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-4) {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-5) {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-6) {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-7) {
+    grid-template-rows: repeat(7, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-8) {
+    grid-template-rows: repeat(8, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-9) {
+    grid-template-rows: repeat(9, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-10) {
+    grid-template-rows: repeat(10, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-11) {
+    grid-template-rows: repeat(11, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-12) {
+    grid-template-rows: repeat(12, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-rows-1-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.S\:v-grid-rows-2-auto) {
+    grid-template-rows: repeat(2, auto);
+  }
+  :host(.S\:v-grid-rows-3-auto) {
+    grid-template-rows: repeat(3, auto);
+  }
+  :host(.S\:v-grid-rows-4-auto) {
+    grid-template-rows: repeat(4, auto);
+  }
+  :host(.S\:v-grid-rows-5-auto) {
+    grid-template-rows: repeat(5, auto);
+  }
+  :host(.S\:v-grid-rows-6-auto) {
+    grid-template-rows: repeat(6, auto);
+  }
+  :host(.S\:v-grid-rows-7-auto) {
+    grid-template-rows: repeat(7, auto);
+  }
+  :host(.S\:v-grid-rows-8-auto) {
+    grid-template-rows: repeat(8, auto);
+  }
+  :host(.S\:v-grid-rows-9-auto) {
+    grid-template-rows: repeat(9, auto);
+  }
+  :host(.S\:v-grid-rows-10-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.S\:v-grid-rows-11-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.S\:v-grid-rows-12-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-grid-rows-1) {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-2) {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-3) {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-4) {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-5) {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-6) {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-7) {
+    grid-template-rows: repeat(7, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-8) {
+    grid-template-rows: repeat(8, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-9) {
+    grid-template-rows: repeat(9, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-10) {
+    grid-template-rows: repeat(10, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-11) {
+    grid-template-rows: repeat(11, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-12) {
+    grid-template-rows: repeat(12, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-rows-1-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.M\:v-grid-rows-2-auto) {
+    grid-template-rows: repeat(2, auto);
+  }
+  :host(.M\:v-grid-rows-3-auto) {
+    grid-template-rows: repeat(3, auto);
+  }
+  :host(.M\:v-grid-rows-4-auto) {
+    grid-template-rows: repeat(4, auto);
+  }
+  :host(.M\:v-grid-rows-5-auto) {
+    grid-template-rows: repeat(5, auto);
+  }
+  :host(.M\:v-grid-rows-6-auto) {
+    grid-template-rows: repeat(6, auto);
+  }
+  :host(.M\:v-grid-rows-7-auto) {
+    grid-template-rows: repeat(7, auto);
+  }
+  :host(.M\:v-grid-rows-8-auto) {
+    grid-template-rows: repeat(8, auto);
+  }
+  :host(.M\:v-grid-rows-9-auto) {
+    grid-template-rows: repeat(9, auto);
+  }
+  :host(.M\:v-grid-rows-10-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.M\:v-grid-rows-11-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.M\:v-grid-rows-12-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-grid-rows-1) {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-2) {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-3) {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-4) {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-5) {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-6) {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-7) {
+    grid-template-rows: repeat(7, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-8) {
+    grid-template-rows: repeat(8, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-9) {
+    grid-template-rows: repeat(9, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-10) {
+    grid-template-rows: repeat(10, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-11) {
+    grid-template-rows: repeat(11, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-12) {
+    grid-template-rows: repeat(12, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-rows-1-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.L\:v-grid-rows-2-auto) {
+    grid-template-rows: repeat(2, auto);
+  }
+  :host(.L\:v-grid-rows-3-auto) {
+    grid-template-rows: repeat(3, auto);
+  }
+  :host(.L\:v-grid-rows-4-auto) {
+    grid-template-rows: repeat(4, auto);
+  }
+  :host(.L\:v-grid-rows-5-auto) {
+    grid-template-rows: repeat(5, auto);
+  }
+  :host(.L\:v-grid-rows-6-auto) {
+    grid-template-rows: repeat(6, auto);
+  }
+  :host(.L\:v-grid-rows-7-auto) {
+    grid-template-rows: repeat(7, auto);
+  }
+  :host(.L\:v-grid-rows-8-auto) {
+    grid-template-rows: repeat(8, auto);
+  }
+  :host(.L\:v-grid-rows-9-auto) {
+    grid-template-rows: repeat(9, auto);
+  }
+  :host(.L\:v-grid-rows-10-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.L\:v-grid-rows-11-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.L\:v-grid-rows-12-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-grid-rows-1) {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-2) {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-3) {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-4) {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-5) {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-6) {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-7) {
+    grid-template-rows: repeat(7, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-8) {
+    grid-template-rows: repeat(8, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-9) {
+    grid-template-rows: repeat(9, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-10) {
+    grid-template-rows: repeat(10, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-11) {
+    grid-template-rows: repeat(11, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-12) {
+    grid-template-rows: repeat(12, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-rows-1-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-rows-2-auto) {
+    grid-template-rows: repeat(2, auto);
+  }
+  :host(.XL\:v-grid-rows-3-auto) {
+    grid-template-rows: repeat(3, auto);
+  }
+  :host(.XL\:v-grid-rows-4-auto) {
+    grid-template-rows: repeat(4, auto);
+  }
+  :host(.XL\:v-grid-rows-5-auto) {
+    grid-template-rows: repeat(5, auto);
+  }
+  :host(.XL\:v-grid-rows-6-auto) {
+    grid-template-rows: repeat(6, auto);
+  }
+  :host(.XL\:v-grid-rows-7-auto) {
+    grid-template-rows: repeat(7, auto);
+  }
+  :host(.XL\:v-grid-rows-8-auto) {
+    grid-template-rows: repeat(8, auto);
+  }
+  :host(.XL\:v-grid-rows-9-auto) {
+    grid-template-rows: repeat(9, auto);
+  }
+  :host(.XL\:v-grid-rows-10-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-rows-11-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-rows-12-auto) {
+    grid-template-rows: repeat(1, auto);
+  }
+}
+@media (min-width: 320px) {
+  :host(.S\:v-grid-cols-1) {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-2) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-3) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-4) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-5) {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-6) {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-7) {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-8) {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-9) {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-10) {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-11) {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-12) {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  :host(.S\:v-grid-cols-1-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.S\:v-grid-cols-2-auto) {
+    grid-template-columns: repeat(2, auto);
+  }
+  :host(.S\:v-grid-cols-3-auto) {
+    grid-template-columns: repeat(3, auto);
+  }
+  :host(.S\:v-grid-cols-4-auto) {
+    grid-template-columns: repeat(4, auto);
+  }
+  :host(.S\:v-grid-cols-5-auto) {
+    grid-template-columns: repeat(5, auto);
+  }
+  :host(.S\:v-grid-cols-6-auto) {
+    grid-template-columns: repeat(6, auto);
+  }
+  :host(.S\:v-grid-cols-7-auto) {
+    grid-template-columns: repeat(7, auto);
+  }
+  :host(.S\:v-grid-cols-8-auto) {
+    grid-template-columns: repeat(8, auto);
+  }
+  :host(.S\:v-grid-cols-9-auto) {
+    grid-template-columns: repeat(9, auto);
+  }
+  :host(.S\:v-grid-cols-10-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.S\:v-grid-cols-11-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.S\:v-grid-cols-12-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-grid-cols-1) {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-2) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-3) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-4) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-5) {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-6) {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-7) {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-8) {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-9) {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-10) {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-11) {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-12) {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  :host(.M\:v-grid-cols-1-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.M\:v-grid-cols-2-auto) {
+    grid-template-columns: repeat(2, auto);
+  }
+  :host(.M\:v-grid-cols-3-auto) {
+    grid-template-columns: repeat(3, auto);
+  }
+  :host(.M\:v-grid-cols-4-auto) {
+    grid-template-columns: repeat(4, auto);
+  }
+  :host(.M\:v-grid-cols-5-auto) {
+    grid-template-columns: repeat(5, auto);
+  }
+  :host(.M\:v-grid-cols-6-auto) {
+    grid-template-columns: repeat(6, auto);
+  }
+  :host(.M\:v-grid-cols-7-auto) {
+    grid-template-columns: repeat(7, auto);
+  }
+  :host(.M\:v-grid-cols-8-auto) {
+    grid-template-columns: repeat(8, auto);
+  }
+  :host(.M\:v-grid-cols-9-auto) {
+    grid-template-columns: repeat(9, auto);
+  }
+  :host(.M\:v-grid-cols-10-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.M\:v-grid-cols-11-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.M\:v-grid-cols-12-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-grid-cols-1) {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-2) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-3) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-4) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-5) {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-6) {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-7) {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-8) {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-9) {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-10) {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-11) {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-12) {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  :host(.L\:v-grid-cols-1-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.L\:v-grid-cols-2-auto) {
+    grid-template-columns: repeat(2, auto);
+  }
+  :host(.L\:v-grid-cols-3-auto) {
+    grid-template-columns: repeat(3, auto);
+  }
+  :host(.L\:v-grid-cols-4-auto) {
+    grid-template-columns: repeat(4, auto);
+  }
+  :host(.L\:v-grid-cols-5-auto) {
+    grid-template-columns: repeat(5, auto);
+  }
+  :host(.L\:v-grid-cols-6-auto) {
+    grid-template-columns: repeat(6, auto);
+  }
+  :host(.L\:v-grid-cols-7-auto) {
+    grid-template-columns: repeat(7, auto);
+  }
+  :host(.L\:v-grid-cols-8-auto) {
+    grid-template-columns: repeat(8, auto);
+  }
+  :host(.L\:v-grid-cols-9-auto) {
+    grid-template-columns: repeat(9, auto);
+  }
+  :host(.L\:v-grid-cols-10-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.L\:v-grid-cols-11-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.L\:v-grid-cols-12-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-grid-cols-1) {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-2) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-3) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-4) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-5) {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-6) {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-7) {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-8) {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-9) {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-10) {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-11) {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-12) {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  :host(.XL\:v-grid-cols-1-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-cols-2-auto) {
+    grid-template-columns: repeat(2, auto);
+  }
+  :host(.XL\:v-grid-cols-3-auto) {
+    grid-template-columns: repeat(3, auto);
+  }
+  :host(.XL\:v-grid-cols-4-auto) {
+    grid-template-columns: repeat(4, auto);
+  }
+  :host(.XL\:v-grid-cols-5-auto) {
+    grid-template-columns: repeat(5, auto);
+  }
+  :host(.XL\:v-grid-cols-6-auto) {
+    grid-template-columns: repeat(6, auto);
+  }
+  :host(.XL\:v-grid-cols-7-auto) {
+    grid-template-columns: repeat(7, auto);
+  }
+  :host(.XL\:v-grid-cols-8-auto) {
+    grid-template-columns: repeat(8, auto);
+  }
+  :host(.XL\:v-grid-cols-9-auto) {
+    grid-template-columns: repeat(9, auto);
+  }
+  :host(.XL\:v-grid-cols-10-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-cols-11-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+  :host(.XL\:v-grid-cols-12-auto) {
+    grid-template-columns: repeat(1, auto);
+  }
+}