@heartlandone/vega-sandbox-pr-1494-3429ea05d798af3eefc4108466681158e05dc68d 2.27.0

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

@@ -0,0 +1,4024 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+:host(.v-m-0),
+.v-m-0 {
+  margin: 0px;
+}
+
+:host(.v-mx-0),
+.v-mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+:host(.v-my-0),
+.v-my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+:host(.v-mt-0),
+.v-mt-0 {
+  margin-top: 0px;
+}
+
+:host(.v-mb-0),
+.v-mb-0 {
+  margin-bottom: 0px;
+}
+
+:host(.v-mr-0),
+.v-mr-0 {
+  margin-right: 0px;
+}
+
+:host(.v-ml-0),
+.v-ml-0 {
+  margin-left: 0px;
+}
+
+:host(.v-m-size-0),
+.v-m-size-0 {
+  margin: 0px;
+}
+
+:host(.v-mx-size-0),
+.v-mx-size-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+:host(.v-my-size-0),
+.v-my-size-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+:host(.v-mt-size-0),
+.v-mt-size-0 {
+  margin-top: 0px;
+}
+
+:host(.v-mb-size-0),
+.v-mb-size-0 {
+  margin-bottom: 0px;
+}
+
+:host(.v-mr-size-0),
+.v-mr-size-0 {
+  margin-right: 0px;
+}
+
+:host(.v-ml-size-0),
+.v-ml-size-0 {
+  margin-left: 0px;
+}
+
+:host(.v-m-size-4),
+.v-m-size-4 {
+  margin: 4px;
+}
+
+:host(.v-mx-size-4),
+.v-mx-size-4 {
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+:host(.v-my-size-4),
+.v-my-size-4 {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+:host(.v-mt-size-4),
+.v-mt-size-4 {
+  margin-top: 4px;
+}
+
+:host(.v-mb-size-4),
+.v-mb-size-4 {
+  margin-bottom: 4px;
+}
+
+:host(.v-mr-size-4),
+.v-mr-size-4 {
+  margin-right: 4px;
+}
+
+:host(.v-ml-size-4),
+.v-ml-size-4 {
+  margin-left: 4px;
+}
+
+:host(.v-m-size-8),
+.v-m-size-8 {
+  margin: 8px;
+}
+
+:host(.v-mx-size-8),
+.v-mx-size-8 {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+
+:host(.v-my-size-8),
+.v-my-size-8 {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+:host(.v-mt-size-8),
+.v-mt-size-8 {
+  margin-top: 8px;
+}
+
+:host(.v-mb-size-8),
+.v-mb-size-8 {
+  margin-bottom: 8px;
+}
+
+:host(.v-mr-size-8),
+.v-mr-size-8 {
+  margin-right: 8px;
+}
+
+:host(.v-ml-size-8),
+.v-ml-size-8 {
+  margin-left: 8px;
+}
+
+:host(.v-m-size-12),
+.v-m-size-12 {
+  margin: 12px;
+}
+
+:host(.v-mx-size-12),
+.v-mx-size-12 {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+:host(.v-my-size-12),
+.v-my-size-12 {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+:host(.v-mt-size-12),
+.v-mt-size-12 {
+  margin-top: 12px;
+}
+
+:host(.v-mb-size-12),
+.v-mb-size-12 {
+  margin-bottom: 12px;
+}
+
+:host(.v-mr-size-12),
+.v-mr-size-12 {
+  margin-right: 12px;
+}
+
+:host(.v-ml-size-12),
+.v-ml-size-12 {
+  margin-left: 12px;
+}
+
+:host(.v-m-size-16),
+.v-m-size-16 {
+  margin: 16px;
+}
+
+:host(.v-mx-size-16),
+.v-mx-size-16 {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
+:host(.v-my-size-16),
+.v-my-size-16 {
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+
+:host(.v-mt-size-16),
+.v-mt-size-16 {
+  margin-top: 16px;
+}
+
+:host(.v-mb-size-16),
+.v-mb-size-16 {
+  margin-bottom: 16px;
+}
+
+:host(.v-mr-size-16),
+.v-mr-size-16 {
+  margin-right: 16px;
+}
+
+:host(.v-ml-size-16),
+.v-ml-size-16 {
+  margin-left: 16px;
+}
+
+:host(.v-m-size-20),
+.v-m-size-20 {
+  margin: 20px;
+}
+
+:host(.v-mx-size-20),
+.v-mx-size-20 {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+:host(.v-my-size-20),
+.v-my-size-20 {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+:host(.v-mt-size-20),
+.v-mt-size-20 {
+  margin-top: 20px;
+}
+
+:host(.v-mb-size-20),
+.v-mb-size-20 {
+  margin-bottom: 20px;
+}
+
+:host(.v-mr-size-20),
+.v-mr-size-20 {
+  margin-right: 20px;
+}
+
+:host(.v-ml-size-20),
+.v-ml-size-20 {
+  margin-left: 20px;
+}
+
+:host(.v-m-size-24),
+.v-m-size-24 {
+  margin: 24px;
+}
+
+:host(.v-mx-size-24),
+.v-mx-size-24 {
+  margin-left: 24px;
+  margin-right: 24px;
+}
+
+:host(.v-my-size-24),
+.v-my-size-24 {
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
+:host(.v-mt-size-24),
+.v-mt-size-24 {
+  margin-top: 24px;
+}
+
+:host(.v-mb-size-24),
+.v-mb-size-24 {
+  margin-bottom: 24px;
+}
+
+:host(.v-mr-size-24),
+.v-mr-size-24 {
+  margin-right: 24px;
+}
+
+:host(.v-ml-size-24),
+.v-ml-size-24 {
+  margin-left: 24px;
+}
+
+:host(.v-m-size-32),
+.v-m-size-32 {
+  margin: 32px;
+}
+
+:host(.v-mx-size-32),
+.v-mx-size-32 {
+  margin-left: 32px;
+  margin-right: 32px;
+}
+
+:host(.v-my-size-32),
+.v-my-size-32 {
+  margin-top: 32px;
+  margin-bottom: 32px;
+}
+
+:host(.v-mt-size-32),
+.v-mt-size-32 {
+  margin-top: 32px;
+}
+
+:host(.v-mb-size-32),
+.v-mb-size-32 {
+  margin-bottom: 32px;
+}
+
+:host(.v-mr-size-32),
+.v-mr-size-32 {
+  margin-right: 32px;
+}
+
+:host(.v-ml-size-32),
+.v-ml-size-32 {
+  margin-left: 32px;
+}
+
+:host(.v-m-size-40),
+.v-m-size-40 {
+  margin: 40px;
+}
+
+:host(.v-mx-size-40),
+.v-mx-size-40 {
+  margin-left: 40px;
+  margin-right: 40px;
+}
+
+:host(.v-my-size-40),
+.v-my-size-40 {
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+:host(.v-mt-size-40),
+.v-mt-size-40 {
+  margin-top: 40px;
+}
+
+:host(.v-mb-size-40),
+.v-mb-size-40 {
+  margin-bottom: 40px;
+}
+
+:host(.v-mr-size-40),
+.v-mr-size-40 {
+  margin-right: 40px;
+}
+
+:host(.v-ml-size-40),
+.v-ml-size-40 {
+  margin-left: 40px;
+}
+
+:host(.v-m-size-48),
+.v-m-size-48 {
+  margin: 48px;
+}
+
+:host(.v-mx-size-48),
+.v-mx-size-48 {
+  margin-left: 48px;
+  margin-right: 48px;
+}
+
+:host(.v-my-size-48),
+.v-my-size-48 {
+  margin-top: 48px;
+  margin-bottom: 48px;
+}
+
+:host(.v-mt-size-48),
+.v-mt-size-48 {
+  margin-top: 48px;
+}
+
+:host(.v-mb-size-48),
+.v-mb-size-48 {
+  margin-bottom: 48px;
+}
+
+:host(.v-mr-size-48),
+.v-mr-size-48 {
+  margin-right: 48px;
+}
+
+:host(.v-ml-size-48),
+.v-ml-size-48 {
+  margin-left: 48px;
+}
+
+:host(.v-m-size-64),
+.v-m-size-64 {
+  margin: 64px;
+}
+
+:host(.v-mx-size-64),
+.v-mx-size-64 {
+  margin-left: 64px;
+  margin-right: 64px;
+}
+
+:host(.v-my-size-64),
+.v-my-size-64 {
+  margin-top: 64px;
+  margin-bottom: 64px;
+}
+
+:host(.v-mt-size-64),
+.v-mt-size-64 {
+  margin-top: 64px;
+}
+
+:host(.v-mb-size-64),
+.v-mb-size-64 {
+  margin-bottom: 64px;
+}
+
+:host(.v-mr-size-64),
+.v-mr-size-64 {
+  margin-right: 64px;
+}
+
+:host(.v-ml-size-64),
+.v-ml-size-64 {
+  margin-left: 64px;
+}
+
+:host(.v-m-size-72),
+.v-m-size-72 {
+  margin: 72px;
+}
+
+:host(.v-mx-size-72),
+.v-mx-size-72 {
+  margin-left: 72px;
+  margin-right: 72px;
+}
+
+:host(.v-my-size-72),
+.v-my-size-72 {
+  margin-top: 72px;
+  margin-bottom: 72px;
+}
+
+:host(.v-mt-size-72),
+.v-mt-size-72 {
+  margin-top: 72px;
+}
+
+:host(.v-mb-size-72),
+.v-mb-size-72 {
+  margin-bottom: 72px;
+}
+
+:host(.v-mr-size-72),
+.v-mr-size-72 {
+  margin-right: 72px;
+}
+
+:host(.v-ml-size-72),
+.v-ml-size-72 {
+  margin-left: 72px;
+}
+
+:host(.v-m-size-80),
+.v-m-size-80 {
+  margin: 80px;
+}
+
+:host(.v-mx-size-80),
+.v-mx-size-80 {
+  margin-left: 80px;
+  margin-right: 80px;
+}
+
+:host(.v-my-size-80),
+.v-my-size-80 {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+
+:host(.v-mt-size-80),
+.v-mt-size-80 {
+  margin-top: 80px;
+}
+
+:host(.v-mb-size-80),
+.v-mb-size-80 {
+  margin-bottom: 80px;
+}
+
+:host(.v-mr-size-80),
+.v-mr-size-80 {
+  margin-right: 80px;
+}
+
+:host(.v-ml-size-80),
+.v-ml-size-80 {
+  margin-left: 80px;
+}
+
+:host(.v-m-size-112),
+.v-m-size-112 {
+  margin: 112px;
+}
+
+:host(.v-mx-size-112),
+.v-mx-size-112 {
+  margin-left: 112px;
+  margin-right: 112px;
+}
+
+:host(.v-my-size-112),
+.v-my-size-112 {
+  margin-top: 112px;
+  margin-bottom: 112px;
+}
+
+:host(.v-mt-size-112),
+.v-mt-size-112 {
+  margin-top: 112px;
+}
+
+:host(.v-mb-size-112),
+.v-mb-size-112 {
+  margin-bottom: 112px;
+}
+
+:host(.v-mr-size-112),
+.v-mr-size-112 {
+  margin-right: 112px;
+}
+
+:host(.v-ml-size-112),
+.v-ml-size-112 {
+  margin-left: 112px;
+}
+
+:host(.v-m-size-2),
+.v-m-size-2 {
+  margin: 2px;
+}
+
+:host(.v-mx-size-2),
+.v-mx-size-2 {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+:host(.v-my-size-2),
+.v-my-size-2 {
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
+
+:host(.v-mt-size-2),
+.v-mt-size-2 {
+  margin-top: 2px;
+}
+
+:host(.v-mb-size-2),
+.v-mb-size-2 {
+  margin-bottom: 2px;
+}
+
+:host(.v-mr-size-2),
+.v-mr-size-2 {
+  margin-right: 2px;
+}
+
+:host(.v-ml-size-2),
+.v-ml-size-2 {
+  margin-left: 2px;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-m-0),
+  .S\:v-m-0 {
+    margin: 0px;
+  }
+  :host(.S\:v-mx-0),
+  .S\:v-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.S\:v-my-0),
+  .S\:v-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.S\:v-mt-0),
+  .S\:v-mt-0 {
+    margin-top: 0px;
+  }
+  :host(.S\:v-mb-0),
+  .S\:v-mb-0 {
+    margin-bottom: 0px;
+  }
+  :host(.S\:v-mr-0),
+  .S\:v-mr-0 {
+    margin-right: 0px;
+  }
+  :host(.S\:v-ml-0),
+  .S\:v-ml-0 {
+    margin-left: 0px;
+  }
+  :host(.S\:v-m-size-0),
+  .S\:v-m-size-0 {
+    margin: 0px;
+  }
+  :host(.S\:v-mx-size-0),
+  .S\:v-mx-size-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.S\:v-my-size-0),
+  .S\:v-my-size-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.S\:v-mt-size-0),
+  .S\:v-mt-size-0 {
+    margin-top: 0px;
+  }
+  :host(.S\:v-mb-size-0),
+  .S\:v-mb-size-0 {
+    margin-bottom: 0px;
+  }
+  :host(.S\:v-mr-size-0),
+  .S\:v-mr-size-0 {
+    margin-right: 0px;
+  }
+  :host(.S\:v-ml-size-0),
+  .S\:v-ml-size-0 {
+    margin-left: 0px;
+  }
+  :host(.S\:v-m-size-4),
+  .S\:v-m-size-4 {
+    margin: 4px;
+  }
+  :host(.S\:v-mx-size-4),
+  .S\:v-mx-size-4 {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
+  :host(.S\:v-my-size-4),
+  .S\:v-my-size-4 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  :host(.S\:v-mt-size-4),
+  .S\:v-mt-size-4 {
+    margin-top: 4px;
+  }
+  :host(.S\:v-mb-size-4),
+  .S\:v-mb-size-4 {
+    margin-bottom: 4px;
+  }
+  :host(.S\:v-mr-size-4),
+  .S\:v-mr-size-4 {
+    margin-right: 4px;
+  }
+  :host(.S\:v-ml-size-4),
+  .S\:v-ml-size-4 {
+    margin-left: 4px;
+  }
+  :host(.S\:v-m-size-8),
+  .S\:v-m-size-8 {
+    margin: 8px;
+  }
+  :host(.S\:v-mx-size-8),
+  .S\:v-mx-size-8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  :host(.S\:v-my-size-8),
+  .S\:v-my-size-8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+  :host(.S\:v-mt-size-8),
+  .S\:v-mt-size-8 {
+    margin-top: 8px;
+  }
+  :host(.S\:v-mb-size-8),
+  .S\:v-mb-size-8 {
+    margin-bottom: 8px;
+  }
+  :host(.S\:v-mr-size-8),
+  .S\:v-mr-size-8 {
+    margin-right: 8px;
+  }
+  :host(.S\:v-ml-size-8),
+  .S\:v-ml-size-8 {
+    margin-left: 8px;
+  }
+  :host(.S\:v-m-size-12),
+  .S\:v-m-size-12 {
+    margin: 12px;
+  }
+  :host(.S\:v-mx-size-12),
+  .S\:v-mx-size-12 {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+  :host(.S\:v-my-size-12),
+  .S\:v-my-size-12 {
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
+  :host(.S\:v-mt-size-12),
+  .S\:v-mt-size-12 {
+    margin-top: 12px;
+  }
+  :host(.S\:v-mb-size-12),
+  .S\:v-mb-size-12 {
+    margin-bottom: 12px;
+  }
+  :host(.S\:v-mr-size-12),
+  .S\:v-mr-size-12 {
+    margin-right: 12px;
+  }
+  :host(.S\:v-ml-size-12),
+  .S\:v-ml-size-12 {
+    margin-left: 12px;
+  }
+  :host(.S\:v-m-size-16),
+  .S\:v-m-size-16 {
+    margin: 16px;
+  }
+  :host(.S\:v-mx-size-16),
+  .S\:v-mx-size-16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  :host(.S\:v-my-size-16),
+  .S\:v-my-size-16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+  :host(.S\:v-mt-size-16),
+  .S\:v-mt-size-16 {
+    margin-top: 16px;
+  }
+  :host(.S\:v-mb-size-16),
+  .S\:v-mb-size-16 {
+    margin-bottom: 16px;
+  }
+  :host(.S\:v-mr-size-16),
+  .S\:v-mr-size-16 {
+    margin-right: 16px;
+  }
+  :host(.S\:v-ml-size-16),
+  .S\:v-ml-size-16 {
+    margin-left: 16px;
+  }
+  :host(.S\:v-m-size-20),
+  .S\:v-m-size-20 {
+    margin: 20px;
+  }
+  :host(.S\:v-mx-size-20),
+  .S\:v-mx-size-20 {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+  :host(.S\:v-my-size-20),
+  .S\:v-my-size-20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  :host(.S\:v-mt-size-20),
+  .S\:v-mt-size-20 {
+    margin-top: 20px;
+  }
+  :host(.S\:v-mb-size-20),
+  .S\:v-mb-size-20 {
+    margin-bottom: 20px;
+  }
+  :host(.S\:v-mr-size-20),
+  .S\:v-mr-size-20 {
+    margin-right: 20px;
+  }
+  :host(.S\:v-ml-size-20),
+  .S\:v-ml-size-20 {
+    margin-left: 20px;
+  }
+  :host(.S\:v-m-size-24),
+  .S\:v-m-size-24 {
+    margin: 24px;
+  }
+  :host(.S\:v-mx-size-24),
+  .S\:v-mx-size-24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  :host(.S\:v-my-size-24),
+  .S\:v-my-size-24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+  :host(.S\:v-mt-size-24),
+  .S\:v-mt-size-24 {
+    margin-top: 24px;
+  }
+  :host(.S\:v-mb-size-24),
+  .S\:v-mb-size-24 {
+    margin-bottom: 24px;
+  }
+  :host(.S\:v-mr-size-24),
+  .S\:v-mr-size-24 {
+    margin-right: 24px;
+  }
+  :host(.S\:v-ml-size-24),
+  .S\:v-ml-size-24 {
+    margin-left: 24px;
+  }
+  :host(.S\:v-m-size-32),
+  .S\:v-m-size-32 {
+    margin: 32px;
+  }
+  :host(.S\:v-mx-size-32),
+  .S\:v-mx-size-32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+  :host(.S\:v-my-size-32),
+  .S\:v-my-size-32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+  :host(.S\:v-mt-size-32),
+  .S\:v-mt-size-32 {
+    margin-top: 32px;
+  }
+  :host(.S\:v-mb-size-32),
+  .S\:v-mb-size-32 {
+    margin-bottom: 32px;
+  }
+  :host(.S\:v-mr-size-32),
+  .S\:v-mr-size-32 {
+    margin-right: 32px;
+  }
+  :host(.S\:v-ml-size-32),
+  .S\:v-ml-size-32 {
+    margin-left: 32px;
+  }
+  :host(.S\:v-m-size-40),
+  .S\:v-m-size-40 {
+    margin: 40px;
+  }
+  :host(.S\:v-mx-size-40),
+  .S\:v-mx-size-40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+  :host(.S\:v-my-size-40),
+  .S\:v-my-size-40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+  :host(.S\:v-mt-size-40),
+  .S\:v-mt-size-40 {
+    margin-top: 40px;
+  }
+  :host(.S\:v-mb-size-40),
+  .S\:v-mb-size-40 {
+    margin-bottom: 40px;
+  }
+  :host(.S\:v-mr-size-40),
+  .S\:v-mr-size-40 {
+    margin-right: 40px;
+  }
+  :host(.S\:v-ml-size-40),
+  .S\:v-ml-size-40 {
+    margin-left: 40px;
+  }
+  :host(.S\:v-m-size-48),
+  .S\:v-m-size-48 {
+    margin: 48px;
+  }
+  :host(.S\:v-mx-size-48),
+  .S\:v-mx-size-48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+  :host(.S\:v-my-size-48),
+  .S\:v-my-size-48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+  :host(.S\:v-mt-size-48),
+  .S\:v-mt-size-48 {
+    margin-top: 48px;
+  }
+  :host(.S\:v-mb-size-48),
+  .S\:v-mb-size-48 {
+    margin-bottom: 48px;
+  }
+  :host(.S\:v-mr-size-48),
+  .S\:v-mr-size-48 {
+    margin-right: 48px;
+  }
+  :host(.S\:v-ml-size-48),
+  .S\:v-ml-size-48 {
+    margin-left: 48px;
+  }
+  :host(.S\:v-m-size-64),
+  .S\:v-m-size-64 {
+    margin: 64px;
+  }
+  :host(.S\:v-mx-size-64),
+  .S\:v-mx-size-64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+  :host(.S\:v-my-size-64),
+  .S\:v-my-size-64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+  :host(.S\:v-mt-size-64),
+  .S\:v-mt-size-64 {
+    margin-top: 64px;
+  }
+  :host(.S\:v-mb-size-64),
+  .S\:v-mb-size-64 {
+    margin-bottom: 64px;
+  }
+  :host(.S\:v-mr-size-64),
+  .S\:v-mr-size-64 {
+    margin-right: 64px;
+  }
+  :host(.S\:v-ml-size-64),
+  .S\:v-ml-size-64 {
+    margin-left: 64px;
+  }
+  :host(.S\:v-m-size-72),
+  .S\:v-m-size-72 {
+    margin: 72px;
+  }
+  :host(.S\:v-mx-size-72),
+  .S\:v-mx-size-72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+  :host(.S\:v-my-size-72),
+  .S\:v-my-size-72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+  :host(.S\:v-mt-size-72),
+  .S\:v-mt-size-72 {
+    margin-top: 72px;
+  }
+  :host(.S\:v-mb-size-72),
+  .S\:v-mb-size-72 {
+    margin-bottom: 72px;
+  }
+  :host(.S\:v-mr-size-72),
+  .S\:v-mr-size-72 {
+    margin-right: 72px;
+  }
+  :host(.S\:v-ml-size-72),
+  .S\:v-ml-size-72 {
+    margin-left: 72px;
+  }
+  :host(.S\:v-m-size-80),
+  .S\:v-m-size-80 {
+    margin: 80px;
+  }
+  :host(.S\:v-mx-size-80),
+  .S\:v-mx-size-80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+  :host(.S\:v-my-size-80),
+  .S\:v-my-size-80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+  :host(.S\:v-mt-size-80),
+  .S\:v-mt-size-80 {
+    margin-top: 80px;
+  }
+  :host(.S\:v-mb-size-80),
+  .S\:v-mb-size-80 {
+    margin-bottom: 80px;
+  }
+  :host(.S\:v-mr-size-80),
+  .S\:v-mr-size-80 {
+    margin-right: 80px;
+  }
+  :host(.S\:v-ml-size-80),
+  .S\:v-ml-size-80 {
+    margin-left: 80px;
+  }
+  :host(.S\:v-m-size-112),
+  .S\:v-m-size-112 {
+    margin: 112px;
+  }
+  :host(.S\:v-mx-size-112),
+  .S\:v-mx-size-112 {
+    margin-left: 112px;
+    margin-right: 112px;
+  }
+  :host(.S\:v-my-size-112),
+  .S\:v-my-size-112 {
+    margin-top: 112px;
+    margin-bottom: 112px;
+  }
+  :host(.S\:v-mt-size-112),
+  .S\:v-mt-size-112 {
+    margin-top: 112px;
+  }
+  :host(.S\:v-mb-size-112),
+  .S\:v-mb-size-112 {
+    margin-bottom: 112px;
+  }
+  :host(.S\:v-mr-size-112),
+  .S\:v-mr-size-112 {
+    margin-right: 112px;
+  }
+  :host(.S\:v-ml-size-112),
+  .S\:v-ml-size-112 {
+    margin-left: 112px;
+  }
+  :host(.S\:v-m-size-2),
+  .S\:v-m-size-2 {
+    margin: 2px;
+  }
+  :host(.S\:v-mx-size-2),
+  .S\:v-mx-size-2 {
+    margin-left: 2px;
+    margin-right: 2px;
+  }
+  :host(.S\:v-my-size-2),
+  .S\:v-my-size-2 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  :host(.S\:v-mt-size-2),
+  .S\:v-mt-size-2 {
+    margin-top: 2px;
+  }
+  :host(.S\:v-mb-size-2),
+  .S\:v-mb-size-2 {
+    margin-bottom: 2px;
+  }
+  :host(.S\:v-mr-size-2),
+  .S\:v-mr-size-2 {
+    margin-right: 2px;
+  }
+  :host(.S\:v-ml-size-2),
+  .S\:v-ml-size-2 {
+    margin-left: 2px;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-m-0),
+  .M\:v-m-0 {
+    margin: 0px;
+  }
+  :host(.M\:v-mx-0),
+  .M\:v-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.M\:v-my-0),
+  .M\:v-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.M\:v-mt-0),
+  .M\:v-mt-0 {
+    margin-top: 0px;
+  }
+  :host(.M\:v-mb-0),
+  .M\:v-mb-0 {
+    margin-bottom: 0px;
+  }
+  :host(.M\:v-mr-0),
+  .M\:v-mr-0 {
+    margin-right: 0px;
+  }
+  :host(.M\:v-ml-0),
+  .M\:v-ml-0 {
+    margin-left: 0px;
+  }
+  :host(.M\:v-m-size-0),
+  .M\:v-m-size-0 {
+    margin: 0px;
+  }
+  :host(.M\:v-mx-size-0),
+  .M\:v-mx-size-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.M\:v-my-size-0),
+  .M\:v-my-size-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.M\:v-mt-size-0),
+  .M\:v-mt-size-0 {
+    margin-top: 0px;
+  }
+  :host(.M\:v-mb-size-0),
+  .M\:v-mb-size-0 {
+    margin-bottom: 0px;
+  }
+  :host(.M\:v-mr-size-0),
+  .M\:v-mr-size-0 {
+    margin-right: 0px;
+  }
+  :host(.M\:v-ml-size-0),
+  .M\:v-ml-size-0 {
+    margin-left: 0px;
+  }
+  :host(.M\:v-m-size-4),
+  .M\:v-m-size-4 {
+    margin: 4px;
+  }
+  :host(.M\:v-mx-size-4),
+  .M\:v-mx-size-4 {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
+  :host(.M\:v-my-size-4),
+  .M\:v-my-size-4 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  :host(.M\:v-mt-size-4),
+  .M\:v-mt-size-4 {
+    margin-top: 4px;
+  }
+  :host(.M\:v-mb-size-4),
+  .M\:v-mb-size-4 {
+    margin-bottom: 4px;
+  }
+  :host(.M\:v-mr-size-4),
+  .M\:v-mr-size-4 {
+    margin-right: 4px;
+  }
+  :host(.M\:v-ml-size-4),
+  .M\:v-ml-size-4 {
+    margin-left: 4px;
+  }
+  :host(.M\:v-m-size-8),
+  .M\:v-m-size-8 {
+    margin: 8px;
+  }
+  :host(.M\:v-mx-size-8),
+  .M\:v-mx-size-8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  :host(.M\:v-my-size-8),
+  .M\:v-my-size-8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+  :host(.M\:v-mt-size-8),
+  .M\:v-mt-size-8 {
+    margin-top: 8px;
+  }
+  :host(.M\:v-mb-size-8),
+  .M\:v-mb-size-8 {
+    margin-bottom: 8px;
+  }
+  :host(.M\:v-mr-size-8),
+  .M\:v-mr-size-8 {
+    margin-right: 8px;
+  }
+  :host(.M\:v-ml-size-8),
+  .M\:v-ml-size-8 {
+    margin-left: 8px;
+  }
+  :host(.M\:v-m-size-12),
+  .M\:v-m-size-12 {
+    margin: 12px;
+  }
+  :host(.M\:v-mx-size-12),
+  .M\:v-mx-size-12 {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+  :host(.M\:v-my-size-12),
+  .M\:v-my-size-12 {
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
+  :host(.M\:v-mt-size-12),
+  .M\:v-mt-size-12 {
+    margin-top: 12px;
+  }
+  :host(.M\:v-mb-size-12),
+  .M\:v-mb-size-12 {
+    margin-bottom: 12px;
+  }
+  :host(.M\:v-mr-size-12),
+  .M\:v-mr-size-12 {
+    margin-right: 12px;
+  }
+  :host(.M\:v-ml-size-12),
+  .M\:v-ml-size-12 {
+    margin-left: 12px;
+  }
+  :host(.M\:v-m-size-16),
+  .M\:v-m-size-16 {
+    margin: 16px;
+  }
+  :host(.M\:v-mx-size-16),
+  .M\:v-mx-size-16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  :host(.M\:v-my-size-16),
+  .M\:v-my-size-16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+  :host(.M\:v-mt-size-16),
+  .M\:v-mt-size-16 {
+    margin-top: 16px;
+  }
+  :host(.M\:v-mb-size-16),
+  .M\:v-mb-size-16 {
+    margin-bottom: 16px;
+  }
+  :host(.M\:v-mr-size-16),
+  .M\:v-mr-size-16 {
+    margin-right: 16px;
+  }
+  :host(.M\:v-ml-size-16),
+  .M\:v-ml-size-16 {
+    margin-left: 16px;
+  }
+  :host(.M\:v-m-size-20),
+  .M\:v-m-size-20 {
+    margin: 20px;
+  }
+  :host(.M\:v-mx-size-20),
+  .M\:v-mx-size-20 {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+  :host(.M\:v-my-size-20),
+  .M\:v-my-size-20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  :host(.M\:v-mt-size-20),
+  .M\:v-mt-size-20 {
+    margin-top: 20px;
+  }
+  :host(.M\:v-mb-size-20),
+  .M\:v-mb-size-20 {
+    margin-bottom: 20px;
+  }
+  :host(.M\:v-mr-size-20),
+  .M\:v-mr-size-20 {
+    margin-right: 20px;
+  }
+  :host(.M\:v-ml-size-20),
+  .M\:v-ml-size-20 {
+    margin-left: 20px;
+  }
+  :host(.M\:v-m-size-24),
+  .M\:v-m-size-24 {
+    margin: 24px;
+  }
+  :host(.M\:v-mx-size-24),
+  .M\:v-mx-size-24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  :host(.M\:v-my-size-24),
+  .M\:v-my-size-24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+  :host(.M\:v-mt-size-24),
+  .M\:v-mt-size-24 {
+    margin-top: 24px;
+  }
+  :host(.M\:v-mb-size-24),
+  .M\:v-mb-size-24 {
+    margin-bottom: 24px;
+  }
+  :host(.M\:v-mr-size-24),
+  .M\:v-mr-size-24 {
+    margin-right: 24px;
+  }
+  :host(.M\:v-ml-size-24),
+  .M\:v-ml-size-24 {
+    margin-left: 24px;
+  }
+  :host(.M\:v-m-size-32),
+  .M\:v-m-size-32 {
+    margin: 32px;
+  }
+  :host(.M\:v-mx-size-32),
+  .M\:v-mx-size-32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+  :host(.M\:v-my-size-32),
+  .M\:v-my-size-32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+  :host(.M\:v-mt-size-32),
+  .M\:v-mt-size-32 {
+    margin-top: 32px;
+  }
+  :host(.M\:v-mb-size-32),
+  .M\:v-mb-size-32 {
+    margin-bottom: 32px;
+  }
+  :host(.M\:v-mr-size-32),
+  .M\:v-mr-size-32 {
+    margin-right: 32px;
+  }
+  :host(.M\:v-ml-size-32),
+  .M\:v-ml-size-32 {
+    margin-left: 32px;
+  }
+  :host(.M\:v-m-size-40),
+  .M\:v-m-size-40 {
+    margin: 40px;
+  }
+  :host(.M\:v-mx-size-40),
+  .M\:v-mx-size-40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+  :host(.M\:v-my-size-40),
+  .M\:v-my-size-40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+  :host(.M\:v-mt-size-40),
+  .M\:v-mt-size-40 {
+    margin-top: 40px;
+  }
+  :host(.M\:v-mb-size-40),
+  .M\:v-mb-size-40 {
+    margin-bottom: 40px;
+  }
+  :host(.M\:v-mr-size-40),
+  .M\:v-mr-size-40 {
+    margin-right: 40px;
+  }
+  :host(.M\:v-ml-size-40),
+  .M\:v-ml-size-40 {
+    margin-left: 40px;
+  }
+  :host(.M\:v-m-size-48),
+  .M\:v-m-size-48 {
+    margin: 48px;
+  }
+  :host(.M\:v-mx-size-48),
+  .M\:v-mx-size-48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+  :host(.M\:v-my-size-48),
+  .M\:v-my-size-48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+  :host(.M\:v-mt-size-48),
+  .M\:v-mt-size-48 {
+    margin-top: 48px;
+  }
+  :host(.M\:v-mb-size-48),
+  .M\:v-mb-size-48 {
+    margin-bottom: 48px;
+  }
+  :host(.M\:v-mr-size-48),
+  .M\:v-mr-size-48 {
+    margin-right: 48px;
+  }
+  :host(.M\:v-ml-size-48),
+  .M\:v-ml-size-48 {
+    margin-left: 48px;
+  }
+  :host(.M\:v-m-size-64),
+  .M\:v-m-size-64 {
+    margin: 64px;
+  }
+  :host(.M\:v-mx-size-64),
+  .M\:v-mx-size-64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+  :host(.M\:v-my-size-64),
+  .M\:v-my-size-64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+  :host(.M\:v-mt-size-64),
+  .M\:v-mt-size-64 {
+    margin-top: 64px;
+  }
+  :host(.M\:v-mb-size-64),
+  .M\:v-mb-size-64 {
+    margin-bottom: 64px;
+  }
+  :host(.M\:v-mr-size-64),
+  .M\:v-mr-size-64 {
+    margin-right: 64px;
+  }
+  :host(.M\:v-ml-size-64),
+  .M\:v-ml-size-64 {
+    margin-left: 64px;
+  }
+  :host(.M\:v-m-size-72),
+  .M\:v-m-size-72 {
+    margin: 72px;
+  }
+  :host(.M\:v-mx-size-72),
+  .M\:v-mx-size-72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+  :host(.M\:v-my-size-72),
+  .M\:v-my-size-72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+  :host(.M\:v-mt-size-72),
+  .M\:v-mt-size-72 {
+    margin-top: 72px;
+  }
+  :host(.M\:v-mb-size-72),
+  .M\:v-mb-size-72 {
+    margin-bottom: 72px;
+  }
+  :host(.M\:v-mr-size-72),
+  .M\:v-mr-size-72 {
+    margin-right: 72px;
+  }
+  :host(.M\:v-ml-size-72),
+  .M\:v-ml-size-72 {
+    margin-left: 72px;
+  }
+  :host(.M\:v-m-size-80),
+  .M\:v-m-size-80 {
+    margin: 80px;
+  }
+  :host(.M\:v-mx-size-80),
+  .M\:v-mx-size-80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+  :host(.M\:v-my-size-80),
+  .M\:v-my-size-80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+  :host(.M\:v-mt-size-80),
+  .M\:v-mt-size-80 {
+    margin-top: 80px;
+  }
+  :host(.M\:v-mb-size-80),
+  .M\:v-mb-size-80 {
+    margin-bottom: 80px;
+  }
+  :host(.M\:v-mr-size-80),
+  .M\:v-mr-size-80 {
+    margin-right: 80px;
+  }
+  :host(.M\:v-ml-size-80),
+  .M\:v-ml-size-80 {
+    margin-left: 80px;
+  }
+  :host(.M\:v-m-size-112),
+  .M\:v-m-size-112 {
+    margin: 112px;
+  }
+  :host(.M\:v-mx-size-112),
+  .M\:v-mx-size-112 {
+    margin-left: 112px;
+    margin-right: 112px;
+  }
+  :host(.M\:v-my-size-112),
+  .M\:v-my-size-112 {
+    margin-top: 112px;
+    margin-bottom: 112px;
+  }
+  :host(.M\:v-mt-size-112),
+  .M\:v-mt-size-112 {
+    margin-top: 112px;
+  }
+  :host(.M\:v-mb-size-112),
+  .M\:v-mb-size-112 {
+    margin-bottom: 112px;
+  }
+  :host(.M\:v-mr-size-112),
+  .M\:v-mr-size-112 {
+    margin-right: 112px;
+  }
+  :host(.M\:v-ml-size-112),
+  .M\:v-ml-size-112 {
+    margin-left: 112px;
+  }
+  :host(.M\:v-m-size-2),
+  .M\:v-m-size-2 {
+    margin: 2px;
+  }
+  :host(.M\:v-mx-size-2),
+  .M\:v-mx-size-2 {
+    margin-left: 2px;
+    margin-right: 2px;
+  }
+  :host(.M\:v-my-size-2),
+  .M\:v-my-size-2 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  :host(.M\:v-mt-size-2),
+  .M\:v-mt-size-2 {
+    margin-top: 2px;
+  }
+  :host(.M\:v-mb-size-2),
+  .M\:v-mb-size-2 {
+    margin-bottom: 2px;
+  }
+  :host(.M\:v-mr-size-2),
+  .M\:v-mr-size-2 {
+    margin-right: 2px;
+  }
+  :host(.M\:v-ml-size-2),
+  .M\:v-ml-size-2 {
+    margin-left: 2px;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-m-0),
+  .L\:v-m-0 {
+    margin: 0px;
+  }
+  :host(.L\:v-mx-0),
+  .L\:v-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.L\:v-my-0),
+  .L\:v-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.L\:v-mt-0),
+  .L\:v-mt-0 {
+    margin-top: 0px;
+  }
+  :host(.L\:v-mb-0),
+  .L\:v-mb-0 {
+    margin-bottom: 0px;
+  }
+  :host(.L\:v-mr-0),
+  .L\:v-mr-0 {
+    margin-right: 0px;
+  }
+  :host(.L\:v-ml-0),
+  .L\:v-ml-0 {
+    margin-left: 0px;
+  }
+  :host(.L\:v-m-size-0),
+  .L\:v-m-size-0 {
+    margin: 0px;
+  }
+  :host(.L\:v-mx-size-0),
+  .L\:v-mx-size-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.L\:v-my-size-0),
+  .L\:v-my-size-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.L\:v-mt-size-0),
+  .L\:v-mt-size-0 {
+    margin-top: 0px;
+  }
+  :host(.L\:v-mb-size-0),
+  .L\:v-mb-size-0 {
+    margin-bottom: 0px;
+  }
+  :host(.L\:v-mr-size-0),
+  .L\:v-mr-size-0 {
+    margin-right: 0px;
+  }
+  :host(.L\:v-ml-size-0),
+  .L\:v-ml-size-0 {
+    margin-left: 0px;
+  }
+  :host(.L\:v-m-size-4),
+  .L\:v-m-size-4 {
+    margin: 4px;
+  }
+  :host(.L\:v-mx-size-4),
+  .L\:v-mx-size-4 {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
+  :host(.L\:v-my-size-4),
+  .L\:v-my-size-4 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  :host(.L\:v-mt-size-4),
+  .L\:v-mt-size-4 {
+    margin-top: 4px;
+  }
+  :host(.L\:v-mb-size-4),
+  .L\:v-mb-size-4 {
+    margin-bottom: 4px;
+  }
+  :host(.L\:v-mr-size-4),
+  .L\:v-mr-size-4 {
+    margin-right: 4px;
+  }
+  :host(.L\:v-ml-size-4),
+  .L\:v-ml-size-4 {
+    margin-left: 4px;
+  }
+  :host(.L\:v-m-size-8),
+  .L\:v-m-size-8 {
+    margin: 8px;
+  }
+  :host(.L\:v-mx-size-8),
+  .L\:v-mx-size-8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  :host(.L\:v-my-size-8),
+  .L\:v-my-size-8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+  :host(.L\:v-mt-size-8),
+  .L\:v-mt-size-8 {
+    margin-top: 8px;
+  }
+  :host(.L\:v-mb-size-8),
+  .L\:v-mb-size-8 {
+    margin-bottom: 8px;
+  }
+  :host(.L\:v-mr-size-8),
+  .L\:v-mr-size-8 {
+    margin-right: 8px;
+  }
+  :host(.L\:v-ml-size-8),
+  .L\:v-ml-size-8 {
+    margin-left: 8px;
+  }
+  :host(.L\:v-m-size-12),
+  .L\:v-m-size-12 {
+    margin: 12px;
+  }
+  :host(.L\:v-mx-size-12),
+  .L\:v-mx-size-12 {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+  :host(.L\:v-my-size-12),
+  .L\:v-my-size-12 {
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
+  :host(.L\:v-mt-size-12),
+  .L\:v-mt-size-12 {
+    margin-top: 12px;
+  }
+  :host(.L\:v-mb-size-12),
+  .L\:v-mb-size-12 {
+    margin-bottom: 12px;
+  }
+  :host(.L\:v-mr-size-12),
+  .L\:v-mr-size-12 {
+    margin-right: 12px;
+  }
+  :host(.L\:v-ml-size-12),
+  .L\:v-ml-size-12 {
+    margin-left: 12px;
+  }
+  :host(.L\:v-m-size-16),
+  .L\:v-m-size-16 {
+    margin: 16px;
+  }
+  :host(.L\:v-mx-size-16),
+  .L\:v-mx-size-16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  :host(.L\:v-my-size-16),
+  .L\:v-my-size-16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+  :host(.L\:v-mt-size-16),
+  .L\:v-mt-size-16 {
+    margin-top: 16px;
+  }
+  :host(.L\:v-mb-size-16),
+  .L\:v-mb-size-16 {
+    margin-bottom: 16px;
+  }
+  :host(.L\:v-mr-size-16),
+  .L\:v-mr-size-16 {
+    margin-right: 16px;
+  }
+  :host(.L\:v-ml-size-16),
+  .L\:v-ml-size-16 {
+    margin-left: 16px;
+  }
+  :host(.L\:v-m-size-20),
+  .L\:v-m-size-20 {
+    margin: 20px;
+  }
+  :host(.L\:v-mx-size-20),
+  .L\:v-mx-size-20 {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+  :host(.L\:v-my-size-20),
+  .L\:v-my-size-20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  :host(.L\:v-mt-size-20),
+  .L\:v-mt-size-20 {
+    margin-top: 20px;
+  }
+  :host(.L\:v-mb-size-20),
+  .L\:v-mb-size-20 {
+    margin-bottom: 20px;
+  }
+  :host(.L\:v-mr-size-20),
+  .L\:v-mr-size-20 {
+    margin-right: 20px;
+  }
+  :host(.L\:v-ml-size-20),
+  .L\:v-ml-size-20 {
+    margin-left: 20px;
+  }
+  :host(.L\:v-m-size-24),
+  .L\:v-m-size-24 {
+    margin: 24px;
+  }
+  :host(.L\:v-mx-size-24),
+  .L\:v-mx-size-24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  :host(.L\:v-my-size-24),
+  .L\:v-my-size-24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+  :host(.L\:v-mt-size-24),
+  .L\:v-mt-size-24 {
+    margin-top: 24px;
+  }
+  :host(.L\:v-mb-size-24),
+  .L\:v-mb-size-24 {
+    margin-bottom: 24px;
+  }
+  :host(.L\:v-mr-size-24),
+  .L\:v-mr-size-24 {
+    margin-right: 24px;
+  }
+  :host(.L\:v-ml-size-24),
+  .L\:v-ml-size-24 {
+    margin-left: 24px;
+  }
+  :host(.L\:v-m-size-32),
+  .L\:v-m-size-32 {
+    margin: 32px;
+  }
+  :host(.L\:v-mx-size-32),
+  .L\:v-mx-size-32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+  :host(.L\:v-my-size-32),
+  .L\:v-my-size-32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+  :host(.L\:v-mt-size-32),
+  .L\:v-mt-size-32 {
+    margin-top: 32px;
+  }
+  :host(.L\:v-mb-size-32),
+  .L\:v-mb-size-32 {
+    margin-bottom: 32px;
+  }
+  :host(.L\:v-mr-size-32),
+  .L\:v-mr-size-32 {
+    margin-right: 32px;
+  }
+  :host(.L\:v-ml-size-32),
+  .L\:v-ml-size-32 {
+    margin-left: 32px;
+  }
+  :host(.L\:v-m-size-40),
+  .L\:v-m-size-40 {
+    margin: 40px;
+  }
+  :host(.L\:v-mx-size-40),
+  .L\:v-mx-size-40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+  :host(.L\:v-my-size-40),
+  .L\:v-my-size-40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+  :host(.L\:v-mt-size-40),
+  .L\:v-mt-size-40 {
+    margin-top: 40px;
+  }
+  :host(.L\:v-mb-size-40),
+  .L\:v-mb-size-40 {
+    margin-bottom: 40px;
+  }
+  :host(.L\:v-mr-size-40),
+  .L\:v-mr-size-40 {
+    margin-right: 40px;
+  }
+  :host(.L\:v-ml-size-40),
+  .L\:v-ml-size-40 {
+    margin-left: 40px;
+  }
+  :host(.L\:v-m-size-48),
+  .L\:v-m-size-48 {
+    margin: 48px;
+  }
+  :host(.L\:v-mx-size-48),
+  .L\:v-mx-size-48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+  :host(.L\:v-my-size-48),
+  .L\:v-my-size-48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+  :host(.L\:v-mt-size-48),
+  .L\:v-mt-size-48 {
+    margin-top: 48px;
+  }
+  :host(.L\:v-mb-size-48),
+  .L\:v-mb-size-48 {
+    margin-bottom: 48px;
+  }
+  :host(.L\:v-mr-size-48),
+  .L\:v-mr-size-48 {
+    margin-right: 48px;
+  }
+  :host(.L\:v-ml-size-48),
+  .L\:v-ml-size-48 {
+    margin-left: 48px;
+  }
+  :host(.L\:v-m-size-64),
+  .L\:v-m-size-64 {
+    margin: 64px;
+  }
+  :host(.L\:v-mx-size-64),
+  .L\:v-mx-size-64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+  :host(.L\:v-my-size-64),
+  .L\:v-my-size-64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+  :host(.L\:v-mt-size-64),
+  .L\:v-mt-size-64 {
+    margin-top: 64px;
+  }
+  :host(.L\:v-mb-size-64),
+  .L\:v-mb-size-64 {
+    margin-bottom: 64px;
+  }
+  :host(.L\:v-mr-size-64),
+  .L\:v-mr-size-64 {
+    margin-right: 64px;
+  }
+  :host(.L\:v-ml-size-64),
+  .L\:v-ml-size-64 {
+    margin-left: 64px;
+  }
+  :host(.L\:v-m-size-72),
+  .L\:v-m-size-72 {
+    margin: 72px;
+  }
+  :host(.L\:v-mx-size-72),
+  .L\:v-mx-size-72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+  :host(.L\:v-my-size-72),
+  .L\:v-my-size-72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+  :host(.L\:v-mt-size-72),
+  .L\:v-mt-size-72 {
+    margin-top: 72px;
+  }
+  :host(.L\:v-mb-size-72),
+  .L\:v-mb-size-72 {
+    margin-bottom: 72px;
+  }
+  :host(.L\:v-mr-size-72),
+  .L\:v-mr-size-72 {
+    margin-right: 72px;
+  }
+  :host(.L\:v-ml-size-72),
+  .L\:v-ml-size-72 {
+    margin-left: 72px;
+  }
+  :host(.L\:v-m-size-80),
+  .L\:v-m-size-80 {
+    margin: 80px;
+  }
+  :host(.L\:v-mx-size-80),
+  .L\:v-mx-size-80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+  :host(.L\:v-my-size-80),
+  .L\:v-my-size-80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+  :host(.L\:v-mt-size-80),
+  .L\:v-mt-size-80 {
+    margin-top: 80px;
+  }
+  :host(.L\:v-mb-size-80),
+  .L\:v-mb-size-80 {
+    margin-bottom: 80px;
+  }
+  :host(.L\:v-mr-size-80),
+  .L\:v-mr-size-80 {
+    margin-right: 80px;
+  }
+  :host(.L\:v-ml-size-80),
+  .L\:v-ml-size-80 {
+    margin-left: 80px;
+  }
+  :host(.L\:v-m-size-112),
+  .L\:v-m-size-112 {
+    margin: 112px;
+  }
+  :host(.L\:v-mx-size-112),
+  .L\:v-mx-size-112 {
+    margin-left: 112px;
+    margin-right: 112px;
+  }
+  :host(.L\:v-my-size-112),
+  .L\:v-my-size-112 {
+    margin-top: 112px;
+    margin-bottom: 112px;
+  }
+  :host(.L\:v-mt-size-112),
+  .L\:v-mt-size-112 {
+    margin-top: 112px;
+  }
+  :host(.L\:v-mb-size-112),
+  .L\:v-mb-size-112 {
+    margin-bottom: 112px;
+  }
+  :host(.L\:v-mr-size-112),
+  .L\:v-mr-size-112 {
+    margin-right: 112px;
+  }
+  :host(.L\:v-ml-size-112),
+  .L\:v-ml-size-112 {
+    margin-left: 112px;
+  }
+  :host(.L\:v-m-size-2),
+  .L\:v-m-size-2 {
+    margin: 2px;
+  }
+  :host(.L\:v-mx-size-2),
+  .L\:v-mx-size-2 {
+    margin-left: 2px;
+    margin-right: 2px;
+  }
+  :host(.L\:v-my-size-2),
+  .L\:v-my-size-2 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  :host(.L\:v-mt-size-2),
+  .L\:v-mt-size-2 {
+    margin-top: 2px;
+  }
+  :host(.L\:v-mb-size-2),
+  .L\:v-mb-size-2 {
+    margin-bottom: 2px;
+  }
+  :host(.L\:v-mr-size-2),
+  .L\:v-mr-size-2 {
+    margin-right: 2px;
+  }
+  :host(.L\:v-ml-size-2),
+  .L\:v-ml-size-2 {
+    margin-left: 2px;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-m-0),
+  .XL\:v-m-0 {
+    margin: 0px;
+  }
+  :host(.XL\:v-mx-0),
+  .XL\:v-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.XL\:v-my-0),
+  .XL\:v-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.XL\:v-mt-0),
+  .XL\:v-mt-0 {
+    margin-top: 0px;
+  }
+  :host(.XL\:v-mb-0),
+  .XL\:v-mb-0 {
+    margin-bottom: 0px;
+  }
+  :host(.XL\:v-mr-0),
+  .XL\:v-mr-0 {
+    margin-right: 0px;
+  }
+  :host(.XL\:v-ml-0),
+  .XL\:v-ml-0 {
+    margin-left: 0px;
+  }
+  :host(.XL\:v-m-size-0),
+  .XL\:v-m-size-0 {
+    margin: 0px;
+  }
+  :host(.XL\:v-mx-size-0),
+  .XL\:v-mx-size-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+  :host(.XL\:v-my-size-0),
+  .XL\:v-my-size-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :host(.XL\:v-mt-size-0),
+  .XL\:v-mt-size-0 {
+    margin-top: 0px;
+  }
+  :host(.XL\:v-mb-size-0),
+  .XL\:v-mb-size-0 {
+    margin-bottom: 0px;
+  }
+  :host(.XL\:v-mr-size-0),
+  .XL\:v-mr-size-0 {
+    margin-right: 0px;
+  }
+  :host(.XL\:v-ml-size-0),
+  .XL\:v-ml-size-0 {
+    margin-left: 0px;
+  }
+  :host(.XL\:v-m-size-4),
+  .XL\:v-m-size-4 {
+    margin: 4px;
+  }
+  :host(.XL\:v-mx-size-4),
+  .XL\:v-mx-size-4 {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
+  :host(.XL\:v-my-size-4),
+  .XL\:v-my-size-4 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  :host(.XL\:v-mt-size-4),
+  .XL\:v-mt-size-4 {
+    margin-top: 4px;
+  }
+  :host(.XL\:v-mb-size-4),
+  .XL\:v-mb-size-4 {
+    margin-bottom: 4px;
+  }
+  :host(.XL\:v-mr-size-4),
+  .XL\:v-mr-size-4 {
+    margin-right: 4px;
+  }
+  :host(.XL\:v-ml-size-4),
+  .XL\:v-ml-size-4 {
+    margin-left: 4px;
+  }
+  :host(.XL\:v-m-size-8),
+  .XL\:v-m-size-8 {
+    margin: 8px;
+  }
+  :host(.XL\:v-mx-size-8),
+  .XL\:v-mx-size-8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  :host(.XL\:v-my-size-8),
+  .XL\:v-my-size-8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+  :host(.XL\:v-mt-size-8),
+  .XL\:v-mt-size-8 {
+    margin-top: 8px;
+  }
+  :host(.XL\:v-mb-size-8),
+  .XL\:v-mb-size-8 {
+    margin-bottom: 8px;
+  }
+  :host(.XL\:v-mr-size-8),
+  .XL\:v-mr-size-8 {
+    margin-right: 8px;
+  }
+  :host(.XL\:v-ml-size-8),
+  .XL\:v-ml-size-8 {
+    margin-left: 8px;
+  }
+  :host(.XL\:v-m-size-12),
+  .XL\:v-m-size-12 {
+    margin: 12px;
+  }
+  :host(.XL\:v-mx-size-12),
+  .XL\:v-mx-size-12 {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+  :host(.XL\:v-my-size-12),
+  .XL\:v-my-size-12 {
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
+  :host(.XL\:v-mt-size-12),
+  .XL\:v-mt-size-12 {
+    margin-top: 12px;
+  }
+  :host(.XL\:v-mb-size-12),
+  .XL\:v-mb-size-12 {
+    margin-bottom: 12px;
+  }
+  :host(.XL\:v-mr-size-12),
+  .XL\:v-mr-size-12 {
+    margin-right: 12px;
+  }
+  :host(.XL\:v-ml-size-12),
+  .XL\:v-ml-size-12 {
+    margin-left: 12px;
+  }
+  :host(.XL\:v-m-size-16),
+  .XL\:v-m-size-16 {
+    margin: 16px;
+  }
+  :host(.XL\:v-mx-size-16),
+  .XL\:v-mx-size-16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  :host(.XL\:v-my-size-16),
+  .XL\:v-my-size-16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+  :host(.XL\:v-mt-size-16),
+  .XL\:v-mt-size-16 {
+    margin-top: 16px;
+  }
+  :host(.XL\:v-mb-size-16),
+  .XL\:v-mb-size-16 {
+    margin-bottom: 16px;
+  }
+  :host(.XL\:v-mr-size-16),
+  .XL\:v-mr-size-16 {
+    margin-right: 16px;
+  }
+  :host(.XL\:v-ml-size-16),
+  .XL\:v-ml-size-16 {
+    margin-left: 16px;
+  }
+  :host(.XL\:v-m-size-20),
+  .XL\:v-m-size-20 {
+    margin: 20px;
+  }
+  :host(.XL\:v-mx-size-20),
+  .XL\:v-mx-size-20 {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+  :host(.XL\:v-my-size-20),
+  .XL\:v-my-size-20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  :host(.XL\:v-mt-size-20),
+  .XL\:v-mt-size-20 {
+    margin-top: 20px;
+  }
+  :host(.XL\:v-mb-size-20),
+  .XL\:v-mb-size-20 {
+    margin-bottom: 20px;
+  }
+  :host(.XL\:v-mr-size-20),
+  .XL\:v-mr-size-20 {
+    margin-right: 20px;
+  }
+  :host(.XL\:v-ml-size-20),
+  .XL\:v-ml-size-20 {
+    margin-left: 20px;
+  }
+  :host(.XL\:v-m-size-24),
+  .XL\:v-m-size-24 {
+    margin: 24px;
+  }
+  :host(.XL\:v-mx-size-24),
+  .XL\:v-mx-size-24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  :host(.XL\:v-my-size-24),
+  .XL\:v-my-size-24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+  :host(.XL\:v-mt-size-24),
+  .XL\:v-mt-size-24 {
+    margin-top: 24px;
+  }
+  :host(.XL\:v-mb-size-24),
+  .XL\:v-mb-size-24 {
+    margin-bottom: 24px;
+  }
+  :host(.XL\:v-mr-size-24),
+  .XL\:v-mr-size-24 {
+    margin-right: 24px;
+  }
+  :host(.XL\:v-ml-size-24),
+  .XL\:v-ml-size-24 {
+    margin-left: 24px;
+  }
+  :host(.XL\:v-m-size-32),
+  .XL\:v-m-size-32 {
+    margin: 32px;
+  }
+  :host(.XL\:v-mx-size-32),
+  .XL\:v-mx-size-32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+  :host(.XL\:v-my-size-32),
+  .XL\:v-my-size-32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+  :host(.XL\:v-mt-size-32),
+  .XL\:v-mt-size-32 {
+    margin-top: 32px;
+  }
+  :host(.XL\:v-mb-size-32),
+  .XL\:v-mb-size-32 {
+    margin-bottom: 32px;
+  }
+  :host(.XL\:v-mr-size-32),
+  .XL\:v-mr-size-32 {
+    margin-right: 32px;
+  }
+  :host(.XL\:v-ml-size-32),
+  .XL\:v-ml-size-32 {
+    margin-left: 32px;
+  }
+  :host(.XL\:v-m-size-40),
+  .XL\:v-m-size-40 {
+    margin: 40px;
+  }
+  :host(.XL\:v-mx-size-40),
+  .XL\:v-mx-size-40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+  :host(.XL\:v-my-size-40),
+  .XL\:v-my-size-40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+  :host(.XL\:v-mt-size-40),
+  .XL\:v-mt-size-40 {
+    margin-top: 40px;
+  }
+  :host(.XL\:v-mb-size-40),
+  .XL\:v-mb-size-40 {
+    margin-bottom: 40px;
+  }
+  :host(.XL\:v-mr-size-40),
+  .XL\:v-mr-size-40 {
+    margin-right: 40px;
+  }
+  :host(.XL\:v-ml-size-40),
+  .XL\:v-ml-size-40 {
+    margin-left: 40px;
+  }
+  :host(.XL\:v-m-size-48),
+  .XL\:v-m-size-48 {
+    margin: 48px;
+  }
+  :host(.XL\:v-mx-size-48),
+  .XL\:v-mx-size-48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+  :host(.XL\:v-my-size-48),
+  .XL\:v-my-size-48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+  :host(.XL\:v-mt-size-48),
+  .XL\:v-mt-size-48 {
+    margin-top: 48px;
+  }
+  :host(.XL\:v-mb-size-48),
+  .XL\:v-mb-size-48 {
+    margin-bottom: 48px;
+  }
+  :host(.XL\:v-mr-size-48),
+  .XL\:v-mr-size-48 {
+    margin-right: 48px;
+  }
+  :host(.XL\:v-ml-size-48),
+  .XL\:v-ml-size-48 {
+    margin-left: 48px;
+  }
+  :host(.XL\:v-m-size-64),
+  .XL\:v-m-size-64 {
+    margin: 64px;
+  }
+  :host(.XL\:v-mx-size-64),
+  .XL\:v-mx-size-64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+  :host(.XL\:v-my-size-64),
+  .XL\:v-my-size-64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+  :host(.XL\:v-mt-size-64),
+  .XL\:v-mt-size-64 {
+    margin-top: 64px;
+  }
+  :host(.XL\:v-mb-size-64),
+  .XL\:v-mb-size-64 {
+    margin-bottom: 64px;
+  }
+  :host(.XL\:v-mr-size-64),
+  .XL\:v-mr-size-64 {
+    margin-right: 64px;
+  }
+  :host(.XL\:v-ml-size-64),
+  .XL\:v-ml-size-64 {
+    margin-left: 64px;
+  }
+  :host(.XL\:v-m-size-72),
+  .XL\:v-m-size-72 {
+    margin: 72px;
+  }
+  :host(.XL\:v-mx-size-72),
+  .XL\:v-mx-size-72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+  :host(.XL\:v-my-size-72),
+  .XL\:v-my-size-72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+  :host(.XL\:v-mt-size-72),
+  .XL\:v-mt-size-72 {
+    margin-top: 72px;
+  }
+  :host(.XL\:v-mb-size-72),
+  .XL\:v-mb-size-72 {
+    margin-bottom: 72px;
+  }
+  :host(.XL\:v-mr-size-72),
+  .XL\:v-mr-size-72 {
+    margin-right: 72px;
+  }
+  :host(.XL\:v-ml-size-72),
+  .XL\:v-ml-size-72 {
+    margin-left: 72px;
+  }
+  :host(.XL\:v-m-size-80),
+  .XL\:v-m-size-80 {
+    margin: 80px;
+  }
+  :host(.XL\:v-mx-size-80),
+  .XL\:v-mx-size-80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+  :host(.XL\:v-my-size-80),
+  .XL\:v-my-size-80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+  :host(.XL\:v-mt-size-80),
+  .XL\:v-mt-size-80 {
+    margin-top: 80px;
+  }
+  :host(.XL\:v-mb-size-80),
+  .XL\:v-mb-size-80 {
+    margin-bottom: 80px;
+  }
+  :host(.XL\:v-mr-size-80),
+  .XL\:v-mr-size-80 {
+    margin-right: 80px;
+  }
+  :host(.XL\:v-ml-size-80),
+  .XL\:v-ml-size-80 {
+    margin-left: 80px;
+  }
+  :host(.XL\:v-m-size-112),
+  .XL\:v-m-size-112 {
+    margin: 112px;
+  }
+  :host(.XL\:v-mx-size-112),
+  .XL\:v-mx-size-112 {
+    margin-left: 112px;
+    margin-right: 112px;
+  }
+  :host(.XL\:v-my-size-112),
+  .XL\:v-my-size-112 {
+    margin-top: 112px;
+    margin-bottom: 112px;
+  }
+  :host(.XL\:v-mt-size-112),
+  .XL\:v-mt-size-112 {
+    margin-top: 112px;
+  }
+  :host(.XL\:v-mb-size-112),
+  .XL\:v-mb-size-112 {
+    margin-bottom: 112px;
+  }
+  :host(.XL\:v-mr-size-112),
+  .XL\:v-mr-size-112 {
+    margin-right: 112px;
+  }
+  :host(.XL\:v-ml-size-112),
+  .XL\:v-ml-size-112 {
+    margin-left: 112px;
+  }
+  :host(.XL\:v-m-size-2),
+  .XL\:v-m-size-2 {
+    margin: 2px;
+  }
+  :host(.XL\:v-mx-size-2),
+  .XL\:v-mx-size-2 {
+    margin-left: 2px;
+    margin-right: 2px;
+  }
+  :host(.XL\:v-my-size-2),
+  .XL\:v-my-size-2 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  :host(.XL\:v-mt-size-2),
+  .XL\:v-mt-size-2 {
+    margin-top: 2px;
+  }
+  :host(.XL\:v-mb-size-2),
+  .XL\:v-mb-size-2 {
+    margin-bottom: 2px;
+  }
+  :host(.XL\:v-mr-size-2),
+  .XL\:v-mr-size-2 {
+    margin-right: 2px;
+  }
+  :host(.XL\:v-ml-size-2),
+  .XL\:v-ml-size-2 {
+    margin-left: 2px;
+  }
+}
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+:host(.v-gap-0),
+.v-gap-0 {
+  gap: 0px;
+}
+
+:host(.v-gap-row-0),
+.v-gap-row-0 {
+  row-gap: 0px;
+}
+
+:host(.v-gap-col-0),
+.v-gap-col-0 {
+  column-gap: 0px;
+}
+
+:host(.v-gap-size-0),
+.v-gap-size-0 {
+  gap: 0px;
+}
+
+:host(.v-gap-row-size-0),
+.v-gap-row-size-0 {
+  row-gap: 0px;
+}
+
+:host(.v-gap-col-size-0),
+.v-gap-col-size-0 {
+  column-gap: 0px;
+}
+
+:host(.v-gap-size-4),
+.v-gap-size-4 {
+  gap: 4px;
+}
+
+:host(.v-gap-row-size-4),
+.v-gap-row-size-4 {
+  row-gap: 4px;
+}
+
+:host(.v-gap-col-size-4),
+.v-gap-col-size-4 {
+  column-gap: 4px;
+}
+
+:host(.v-gap-size-8),
+.v-gap-size-8 {
+  gap: 8px;
+}
+
+:host(.v-gap-row-size-8),
+.v-gap-row-size-8 {
+  row-gap: 8px;
+}
+
+:host(.v-gap-col-size-8),
+.v-gap-col-size-8 {
+  column-gap: 8px;
+}
+
+:host(.v-gap-size-12),
+.v-gap-size-12 {
+  gap: 12px;
+}
+
+:host(.v-gap-row-size-12),
+.v-gap-row-size-12 {
+  row-gap: 12px;
+}
+
+:host(.v-gap-col-size-12),
+.v-gap-col-size-12 {
+  column-gap: 12px;
+}
+
+:host(.v-gap-size-16),
+.v-gap-size-16 {
+  gap: 16px;
+}
+
+:host(.v-gap-row-size-16),
+.v-gap-row-size-16 {
+  row-gap: 16px;
+}
+
+:host(.v-gap-col-size-16),
+.v-gap-col-size-16 {
+  column-gap: 16px;
+}
+
+:host(.v-gap-size-20),
+.v-gap-size-20 {
+  gap: 20px;
+}
+
+:host(.v-gap-row-size-20),
+.v-gap-row-size-20 {
+  row-gap: 20px;
+}
+
+:host(.v-gap-col-size-20),
+.v-gap-col-size-20 {
+  column-gap: 20px;
+}
+
+:host(.v-gap-size-24),
+.v-gap-size-24 {
+  gap: 24px;
+}
+
+:host(.v-gap-row-size-24),
+.v-gap-row-size-24 {
+  row-gap: 24px;
+}
+
+:host(.v-gap-col-size-24),
+.v-gap-col-size-24 {
+  column-gap: 24px;
+}
+
+:host(.v-gap-size-32),
+.v-gap-size-32 {
+  gap: 32px;
+}
+
+:host(.v-gap-row-size-32),
+.v-gap-row-size-32 {
+  row-gap: 32px;
+}
+
+:host(.v-gap-col-size-32),
+.v-gap-col-size-32 {
+  column-gap: 32px;
+}
+
+:host(.v-gap-size-40),
+.v-gap-size-40 {
+  gap: 40px;
+}
+
+:host(.v-gap-row-size-40),
+.v-gap-row-size-40 {
+  row-gap: 40px;
+}
+
+:host(.v-gap-col-size-40),
+.v-gap-col-size-40 {
+  column-gap: 40px;
+}
+
+:host(.v-gap-size-48),
+.v-gap-size-48 {
+  gap: 48px;
+}
+
+:host(.v-gap-row-size-48),
+.v-gap-row-size-48 {
+  row-gap: 48px;
+}
+
+:host(.v-gap-col-size-48),
+.v-gap-col-size-48 {
+  column-gap: 48px;
+}
+
+:host(.v-gap-size-64),
+.v-gap-size-64 {
+  gap: 64px;
+}
+
+:host(.v-gap-row-size-64),
+.v-gap-row-size-64 {
+  row-gap: 64px;
+}
+
+:host(.v-gap-col-size-64),
+.v-gap-col-size-64 {
+  column-gap: 64px;
+}
+
+:host(.v-gap-size-72),
+.v-gap-size-72 {
+  gap: 72px;
+}
+
+:host(.v-gap-row-size-72),
+.v-gap-row-size-72 {
+  row-gap: 72px;
+}
+
+:host(.v-gap-col-size-72),
+.v-gap-col-size-72 {
+  column-gap: 72px;
+}
+
+:host(.v-gap-size-80),
+.v-gap-size-80 {
+  gap: 80px;
+}
+
+:host(.v-gap-row-size-80),
+.v-gap-row-size-80 {
+  row-gap: 80px;
+}
+
+:host(.v-gap-col-size-80),
+.v-gap-col-size-80 {
+  column-gap: 80px;
+}
+
+:host(.v-gap-size-112),
+.v-gap-size-112 {
+  gap: 112px;
+}
+
+:host(.v-gap-row-size-112),
+.v-gap-row-size-112 {
+  row-gap: 112px;
+}
+
+:host(.v-gap-col-size-112),
+.v-gap-col-size-112 {
+  column-gap: 112px;
+}
+
+:host(.v-gap-size-2),
+.v-gap-size-2 {
+  gap: 2px;
+}
+
+:host(.v-gap-row-size-2),
+.v-gap-row-size-2 {
+  row-gap: 2px;
+}
+
+:host(.v-gap-col-size-2),
+.v-gap-col-size-2 {
+  column-gap: 2px;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-gap-0),
+  .S\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.S\:v-gap-row-0),
+  .S\:v-gap-row-0 {
+    row-gap: 0px;
+  }
+  :host(.S\:v-gap-col-0),
+  .S\:v-gap-col-0 {
+    column-gap: 0px;
+  }
+  :host(.S\:v-gap-size-0),
+  .S\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.S\:v-gap-row-size-0),
+  .S\:v-gap-row-size-0 {
+    row-gap: 0px;
+  }
+  :host(.S\:v-gap-col-size-0),
+  .S\:v-gap-col-size-0 {
+    column-gap: 0px;
+  }
+  :host(.S\:v-gap-size-4),
+  .S\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.S\:v-gap-row-size-4),
+  .S\:v-gap-row-size-4 {
+    row-gap: 4px;
+  }
+  :host(.S\:v-gap-col-size-4),
+  .S\:v-gap-col-size-4 {
+    column-gap: 4px;
+  }
+  :host(.S\:v-gap-size-8),
+  .S\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.S\:v-gap-row-size-8),
+  .S\:v-gap-row-size-8 {
+    row-gap: 8px;
+  }
+  :host(.S\:v-gap-col-size-8),
+  .S\:v-gap-col-size-8 {
+    column-gap: 8px;
+  }
+  :host(.S\:v-gap-size-12),
+  .S\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.S\:v-gap-row-size-12),
+  .S\:v-gap-row-size-12 {
+    row-gap: 12px;
+  }
+  :host(.S\:v-gap-col-size-12),
+  .S\:v-gap-col-size-12 {
+    column-gap: 12px;
+  }
+  :host(.S\:v-gap-size-16),
+  .S\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.S\:v-gap-row-size-16),
+  .S\:v-gap-row-size-16 {
+    row-gap: 16px;
+  }
+  :host(.S\:v-gap-col-size-16),
+  .S\:v-gap-col-size-16 {
+    column-gap: 16px;
+  }
+  :host(.S\:v-gap-size-20),
+  .S\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.S\:v-gap-row-size-20),
+  .S\:v-gap-row-size-20 {
+    row-gap: 20px;
+  }
+  :host(.S\:v-gap-col-size-20),
+  .S\:v-gap-col-size-20 {
+    column-gap: 20px;
+  }
+  :host(.S\:v-gap-size-24),
+  .S\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.S\:v-gap-row-size-24),
+  .S\:v-gap-row-size-24 {
+    row-gap: 24px;
+  }
+  :host(.S\:v-gap-col-size-24),
+  .S\:v-gap-col-size-24 {
+    column-gap: 24px;
+  }
+  :host(.S\:v-gap-size-32),
+  .S\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.S\:v-gap-row-size-32),
+  .S\:v-gap-row-size-32 {
+    row-gap: 32px;
+  }
+  :host(.S\:v-gap-col-size-32),
+  .S\:v-gap-col-size-32 {
+    column-gap: 32px;
+  }
+  :host(.S\:v-gap-size-40),
+  .S\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.S\:v-gap-row-size-40),
+  .S\:v-gap-row-size-40 {
+    row-gap: 40px;
+  }
+  :host(.S\:v-gap-col-size-40),
+  .S\:v-gap-col-size-40 {
+    column-gap: 40px;
+  }
+  :host(.S\:v-gap-size-48),
+  .S\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.S\:v-gap-row-size-48),
+  .S\:v-gap-row-size-48 {
+    row-gap: 48px;
+  }
+  :host(.S\:v-gap-col-size-48),
+  .S\:v-gap-col-size-48 {
+    column-gap: 48px;
+  }
+  :host(.S\:v-gap-size-64),
+  .S\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.S\:v-gap-row-size-64),
+  .S\:v-gap-row-size-64 {
+    row-gap: 64px;
+  }
+  :host(.S\:v-gap-col-size-64),
+  .S\:v-gap-col-size-64 {
+    column-gap: 64px;
+  }
+  :host(.S\:v-gap-size-72),
+  .S\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.S\:v-gap-row-size-72),
+  .S\:v-gap-row-size-72 {
+    row-gap: 72px;
+  }
+  :host(.S\:v-gap-col-size-72),
+  .S\:v-gap-col-size-72 {
+    column-gap: 72px;
+  }
+  :host(.S\:v-gap-size-80),
+  .S\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.S\:v-gap-row-size-80),
+  .S\:v-gap-row-size-80 {
+    row-gap: 80px;
+  }
+  :host(.S\:v-gap-col-size-80),
+  .S\:v-gap-col-size-80 {
+    column-gap: 80px;
+  }
+  :host(.S\:v-gap-size-112),
+  .S\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.S\:v-gap-row-size-112),
+  .S\:v-gap-row-size-112 {
+    row-gap: 112px;
+  }
+  :host(.S\:v-gap-col-size-112),
+  .S\:v-gap-col-size-112 {
+    column-gap: 112px;
+  }
+  :host(.S\:v-gap-size-2),
+  .S\:v-gap-size-2 {
+    gap: 2px;
+  }
+  :host(.S\:v-gap-row-size-2),
+  .S\:v-gap-row-size-2 {
+    row-gap: 2px;
+  }
+  :host(.S\:v-gap-col-size-2),
+  .S\:v-gap-col-size-2 {
+    column-gap: 2px;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-gap-0),
+  .M\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.M\:v-gap-row-0),
+  .M\:v-gap-row-0 {
+    row-gap: 0px;
+  }
+  :host(.M\:v-gap-col-0),
+  .M\:v-gap-col-0 {
+    column-gap: 0px;
+  }
+  :host(.M\:v-gap-size-0),
+  .M\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.M\:v-gap-row-size-0),
+  .M\:v-gap-row-size-0 {
+    row-gap: 0px;
+  }
+  :host(.M\:v-gap-col-size-0),
+  .M\:v-gap-col-size-0 {
+    column-gap: 0px;
+  }
+  :host(.M\:v-gap-size-4),
+  .M\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.M\:v-gap-row-size-4),
+  .M\:v-gap-row-size-4 {
+    row-gap: 4px;
+  }
+  :host(.M\:v-gap-col-size-4),
+  .M\:v-gap-col-size-4 {
+    column-gap: 4px;
+  }
+  :host(.M\:v-gap-size-8),
+  .M\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.M\:v-gap-row-size-8),
+  .M\:v-gap-row-size-8 {
+    row-gap: 8px;
+  }
+  :host(.M\:v-gap-col-size-8),
+  .M\:v-gap-col-size-8 {
+    column-gap: 8px;
+  }
+  :host(.M\:v-gap-size-12),
+  .M\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.M\:v-gap-row-size-12),
+  .M\:v-gap-row-size-12 {
+    row-gap: 12px;
+  }
+  :host(.M\:v-gap-col-size-12),
+  .M\:v-gap-col-size-12 {
+    column-gap: 12px;
+  }
+  :host(.M\:v-gap-size-16),
+  .M\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.M\:v-gap-row-size-16),
+  .M\:v-gap-row-size-16 {
+    row-gap: 16px;
+  }
+  :host(.M\:v-gap-col-size-16),
+  .M\:v-gap-col-size-16 {
+    column-gap: 16px;
+  }
+  :host(.M\:v-gap-size-20),
+  .M\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.M\:v-gap-row-size-20),
+  .M\:v-gap-row-size-20 {
+    row-gap: 20px;
+  }
+  :host(.M\:v-gap-col-size-20),
+  .M\:v-gap-col-size-20 {
+    column-gap: 20px;
+  }
+  :host(.M\:v-gap-size-24),
+  .M\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.M\:v-gap-row-size-24),
+  .M\:v-gap-row-size-24 {
+    row-gap: 24px;
+  }
+  :host(.M\:v-gap-col-size-24),
+  .M\:v-gap-col-size-24 {
+    column-gap: 24px;
+  }
+  :host(.M\:v-gap-size-32),
+  .M\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.M\:v-gap-row-size-32),
+  .M\:v-gap-row-size-32 {
+    row-gap: 32px;
+  }
+  :host(.M\:v-gap-col-size-32),
+  .M\:v-gap-col-size-32 {
+    column-gap: 32px;
+  }
+  :host(.M\:v-gap-size-40),
+  .M\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.M\:v-gap-row-size-40),
+  .M\:v-gap-row-size-40 {
+    row-gap: 40px;
+  }
+  :host(.M\:v-gap-col-size-40),
+  .M\:v-gap-col-size-40 {
+    column-gap: 40px;
+  }
+  :host(.M\:v-gap-size-48),
+  .M\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.M\:v-gap-row-size-48),
+  .M\:v-gap-row-size-48 {
+    row-gap: 48px;
+  }
+  :host(.M\:v-gap-col-size-48),
+  .M\:v-gap-col-size-48 {
+    column-gap: 48px;
+  }
+  :host(.M\:v-gap-size-64),
+  .M\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.M\:v-gap-row-size-64),
+  .M\:v-gap-row-size-64 {
+    row-gap: 64px;
+  }
+  :host(.M\:v-gap-col-size-64),
+  .M\:v-gap-col-size-64 {
+    column-gap: 64px;
+  }
+  :host(.M\:v-gap-size-72),
+  .M\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.M\:v-gap-row-size-72),
+  .M\:v-gap-row-size-72 {
+    row-gap: 72px;
+  }
+  :host(.M\:v-gap-col-size-72),
+  .M\:v-gap-col-size-72 {
+    column-gap: 72px;
+  }
+  :host(.M\:v-gap-size-80),
+  .M\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.M\:v-gap-row-size-80),
+  .M\:v-gap-row-size-80 {
+    row-gap: 80px;
+  }
+  :host(.M\:v-gap-col-size-80),
+  .M\:v-gap-col-size-80 {
+    column-gap: 80px;
+  }
+  :host(.M\:v-gap-size-112),
+  .M\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.M\:v-gap-row-size-112),
+  .M\:v-gap-row-size-112 {
+    row-gap: 112px;
+  }
+  :host(.M\:v-gap-col-size-112),
+  .M\:v-gap-col-size-112 {
+    column-gap: 112px;
+  }
+  :host(.M\:v-gap-size-2),
+  .M\:v-gap-size-2 {
+    gap: 2px;
+  }
+  :host(.M\:v-gap-row-size-2),
+  .M\:v-gap-row-size-2 {
+    row-gap: 2px;
+  }
+  :host(.M\:v-gap-col-size-2),
+  .M\:v-gap-col-size-2 {
+    column-gap: 2px;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-gap-0),
+  .L\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.L\:v-gap-row-0),
+  .L\:v-gap-row-0 {
+    row-gap: 0px;
+  }
+  :host(.L\:v-gap-col-0),
+  .L\:v-gap-col-0 {
+    column-gap: 0px;
+  }
+  :host(.L\:v-gap-size-0),
+  .L\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.L\:v-gap-row-size-0),
+  .L\:v-gap-row-size-0 {
+    row-gap: 0px;
+  }
+  :host(.L\:v-gap-col-size-0),
+  .L\:v-gap-col-size-0 {
+    column-gap: 0px;
+  }
+  :host(.L\:v-gap-size-4),
+  .L\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.L\:v-gap-row-size-4),
+  .L\:v-gap-row-size-4 {
+    row-gap: 4px;
+  }
+  :host(.L\:v-gap-col-size-4),
+  .L\:v-gap-col-size-4 {
+    column-gap: 4px;
+  }
+  :host(.L\:v-gap-size-8),
+  .L\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.L\:v-gap-row-size-8),
+  .L\:v-gap-row-size-8 {
+    row-gap: 8px;
+  }
+  :host(.L\:v-gap-col-size-8),
+  .L\:v-gap-col-size-8 {
+    column-gap: 8px;
+  }
+  :host(.L\:v-gap-size-12),
+  .L\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.L\:v-gap-row-size-12),
+  .L\:v-gap-row-size-12 {
+    row-gap: 12px;
+  }
+  :host(.L\:v-gap-col-size-12),
+  .L\:v-gap-col-size-12 {
+    column-gap: 12px;
+  }
+  :host(.L\:v-gap-size-16),
+  .L\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.L\:v-gap-row-size-16),
+  .L\:v-gap-row-size-16 {
+    row-gap: 16px;
+  }
+  :host(.L\:v-gap-col-size-16),
+  .L\:v-gap-col-size-16 {
+    column-gap: 16px;
+  }
+  :host(.L\:v-gap-size-20),
+  .L\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.L\:v-gap-row-size-20),
+  .L\:v-gap-row-size-20 {
+    row-gap: 20px;
+  }
+  :host(.L\:v-gap-col-size-20),
+  .L\:v-gap-col-size-20 {
+    column-gap: 20px;
+  }
+  :host(.L\:v-gap-size-24),
+  .L\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.L\:v-gap-row-size-24),
+  .L\:v-gap-row-size-24 {
+    row-gap: 24px;
+  }
+  :host(.L\:v-gap-col-size-24),
+  .L\:v-gap-col-size-24 {
+    column-gap: 24px;
+  }
+  :host(.L\:v-gap-size-32),
+  .L\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.L\:v-gap-row-size-32),
+  .L\:v-gap-row-size-32 {
+    row-gap: 32px;
+  }
+  :host(.L\:v-gap-col-size-32),
+  .L\:v-gap-col-size-32 {
+    column-gap: 32px;
+  }
+  :host(.L\:v-gap-size-40),
+  .L\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.L\:v-gap-row-size-40),
+  .L\:v-gap-row-size-40 {
+    row-gap: 40px;
+  }
+  :host(.L\:v-gap-col-size-40),
+  .L\:v-gap-col-size-40 {
+    column-gap: 40px;
+  }
+  :host(.L\:v-gap-size-48),
+  .L\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.L\:v-gap-row-size-48),
+  .L\:v-gap-row-size-48 {
+    row-gap: 48px;
+  }
+  :host(.L\:v-gap-col-size-48),
+  .L\:v-gap-col-size-48 {
+    column-gap: 48px;
+  }
+  :host(.L\:v-gap-size-64),
+  .L\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.L\:v-gap-row-size-64),
+  .L\:v-gap-row-size-64 {
+    row-gap: 64px;
+  }
+  :host(.L\:v-gap-col-size-64),
+  .L\:v-gap-col-size-64 {
+    column-gap: 64px;
+  }
+  :host(.L\:v-gap-size-72),
+  .L\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.L\:v-gap-row-size-72),
+  .L\:v-gap-row-size-72 {
+    row-gap: 72px;
+  }
+  :host(.L\:v-gap-col-size-72),
+  .L\:v-gap-col-size-72 {
+    column-gap: 72px;
+  }
+  :host(.L\:v-gap-size-80),
+  .L\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.L\:v-gap-row-size-80),
+  .L\:v-gap-row-size-80 {
+    row-gap: 80px;
+  }
+  :host(.L\:v-gap-col-size-80),
+  .L\:v-gap-col-size-80 {
+    column-gap: 80px;
+  }
+  :host(.L\:v-gap-size-112),
+  .L\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.L\:v-gap-row-size-112),
+  .L\:v-gap-row-size-112 {
+    row-gap: 112px;
+  }
+  :host(.L\:v-gap-col-size-112),
+  .L\:v-gap-col-size-112 {
+    column-gap: 112px;
+  }
+  :host(.L\:v-gap-size-2),
+  .L\:v-gap-size-2 {
+    gap: 2px;
+  }
+  :host(.L\:v-gap-row-size-2),
+  .L\:v-gap-row-size-2 {
+    row-gap: 2px;
+  }
+  :host(.L\:v-gap-col-size-2),
+  .L\:v-gap-col-size-2 {
+    column-gap: 2px;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-gap-0),
+  .XL\:v-gap-0 {
+    gap: 0px;
+  }
+  :host(.XL\:v-gap-row-0),
+  .XL\:v-gap-row-0 {
+    row-gap: 0px;
+  }
+  :host(.XL\:v-gap-col-0),
+  .XL\:v-gap-col-0 {
+    column-gap: 0px;
+  }
+  :host(.XL\:v-gap-size-0),
+  .XL\:v-gap-size-0 {
+    gap: 0px;
+  }
+  :host(.XL\:v-gap-row-size-0),
+  .XL\:v-gap-row-size-0 {
+    row-gap: 0px;
+  }
+  :host(.XL\:v-gap-col-size-0),
+  .XL\:v-gap-col-size-0 {
+    column-gap: 0px;
+  }
+  :host(.XL\:v-gap-size-4),
+  .XL\:v-gap-size-4 {
+    gap: 4px;
+  }
+  :host(.XL\:v-gap-row-size-4),
+  .XL\:v-gap-row-size-4 {
+    row-gap: 4px;
+  }
+  :host(.XL\:v-gap-col-size-4),
+  .XL\:v-gap-col-size-4 {
+    column-gap: 4px;
+  }
+  :host(.XL\:v-gap-size-8),
+  .XL\:v-gap-size-8 {
+    gap: 8px;
+  }
+  :host(.XL\:v-gap-row-size-8),
+  .XL\:v-gap-row-size-8 {
+    row-gap: 8px;
+  }
+  :host(.XL\:v-gap-col-size-8),
+  .XL\:v-gap-col-size-8 {
+    column-gap: 8px;
+  }
+  :host(.XL\:v-gap-size-12),
+  .XL\:v-gap-size-12 {
+    gap: 12px;
+  }
+  :host(.XL\:v-gap-row-size-12),
+  .XL\:v-gap-row-size-12 {
+    row-gap: 12px;
+  }
+  :host(.XL\:v-gap-col-size-12),
+  .XL\:v-gap-col-size-12 {
+    column-gap: 12px;
+  }
+  :host(.XL\:v-gap-size-16),
+  .XL\:v-gap-size-16 {
+    gap: 16px;
+  }
+  :host(.XL\:v-gap-row-size-16),
+  .XL\:v-gap-row-size-16 {
+    row-gap: 16px;
+  }
+  :host(.XL\:v-gap-col-size-16),
+  .XL\:v-gap-col-size-16 {
+    column-gap: 16px;
+  }
+  :host(.XL\:v-gap-size-20),
+  .XL\:v-gap-size-20 {
+    gap: 20px;
+  }
+  :host(.XL\:v-gap-row-size-20),
+  .XL\:v-gap-row-size-20 {
+    row-gap: 20px;
+  }
+  :host(.XL\:v-gap-col-size-20),
+  .XL\:v-gap-col-size-20 {
+    column-gap: 20px;
+  }
+  :host(.XL\:v-gap-size-24),
+  .XL\:v-gap-size-24 {
+    gap: 24px;
+  }
+  :host(.XL\:v-gap-row-size-24),
+  .XL\:v-gap-row-size-24 {
+    row-gap: 24px;
+  }
+  :host(.XL\:v-gap-col-size-24),
+  .XL\:v-gap-col-size-24 {
+    column-gap: 24px;
+  }
+  :host(.XL\:v-gap-size-32),
+  .XL\:v-gap-size-32 {
+    gap: 32px;
+  }
+  :host(.XL\:v-gap-row-size-32),
+  .XL\:v-gap-row-size-32 {
+    row-gap: 32px;
+  }
+  :host(.XL\:v-gap-col-size-32),
+  .XL\:v-gap-col-size-32 {
+    column-gap: 32px;
+  }
+  :host(.XL\:v-gap-size-40),
+  .XL\:v-gap-size-40 {
+    gap: 40px;
+  }
+  :host(.XL\:v-gap-row-size-40),
+  .XL\:v-gap-row-size-40 {
+    row-gap: 40px;
+  }
+  :host(.XL\:v-gap-col-size-40),
+  .XL\:v-gap-col-size-40 {
+    column-gap: 40px;
+  }
+  :host(.XL\:v-gap-size-48),
+  .XL\:v-gap-size-48 {
+    gap: 48px;
+  }
+  :host(.XL\:v-gap-row-size-48),
+  .XL\:v-gap-row-size-48 {
+    row-gap: 48px;
+  }
+  :host(.XL\:v-gap-col-size-48),
+  .XL\:v-gap-col-size-48 {
+    column-gap: 48px;
+  }
+  :host(.XL\:v-gap-size-64),
+  .XL\:v-gap-size-64 {
+    gap: 64px;
+  }
+  :host(.XL\:v-gap-row-size-64),
+  .XL\:v-gap-row-size-64 {
+    row-gap: 64px;
+  }
+  :host(.XL\:v-gap-col-size-64),
+  .XL\:v-gap-col-size-64 {
+    column-gap: 64px;
+  }
+  :host(.XL\:v-gap-size-72),
+  .XL\:v-gap-size-72 {
+    gap: 72px;
+  }
+  :host(.XL\:v-gap-row-size-72),
+  .XL\:v-gap-row-size-72 {
+    row-gap: 72px;
+  }
+  :host(.XL\:v-gap-col-size-72),
+  .XL\:v-gap-col-size-72 {
+    column-gap: 72px;
+  }
+  :host(.XL\:v-gap-size-80),
+  .XL\:v-gap-size-80 {
+    gap: 80px;
+  }
+  :host(.XL\:v-gap-row-size-80),
+  .XL\:v-gap-row-size-80 {
+    row-gap: 80px;
+  }
+  :host(.XL\:v-gap-col-size-80),
+  .XL\:v-gap-col-size-80 {
+    column-gap: 80px;
+  }
+  :host(.XL\:v-gap-size-112),
+  .XL\:v-gap-size-112 {
+    gap: 112px;
+  }
+  :host(.XL\:v-gap-row-size-112),
+  .XL\:v-gap-row-size-112 {
+    row-gap: 112px;
+  }
+  :host(.XL\:v-gap-col-size-112),
+  .XL\:v-gap-col-size-112 {
+    column-gap: 112px;
+  }
+  :host(.XL\:v-gap-size-2),
+  .XL\:v-gap-size-2 {
+    gap: 2px;
+  }
+  :host(.XL\:v-gap-row-size-2),
+  .XL\:v-gap-row-size-2 {
+    row-gap: 2px;
+  }
+  :host(.XL\:v-gap-col-size-2),
+  .XL\:v-gap-col-size-2 {
+    column-gap: 2px;
+  }
+}
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+/* This file is generated by vega-design 2.0.77 */
+:host {
+  display: flex;
+  flex-direction: column;
+}
+
+:host(.vega-flex-native-based:not([class*=v-flex-col], [class*=v-flex-row-reverse])) {
+  flex-direction: row;
+}
+
+:host > ::slotted(.vega-flex-grow) {
+  flex-grow: 1;
+}
+
+:host > ::slotted(.vega-flex-grow-0) {
+  flex-grow: 0;
+}
+
+:host > ::slotted(.vega-flex-shrink) {
+  flex-shrink: 1;
+}
+
+:host > ::slotted(.vega-flex-shrink-0) {
+  flex-shrink: 0;
+}
+
+:host > ::slotted(.vega-flex-basis-0) {
+  flex-basis: 0;
+}
+
+:host > ::slotted(.v-min-w-min) {
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+}
+
+@media (min-width: 320px) {
+  :host > ::slotted(.S\:vega-flex-grow) {
+    flex-grow: 1;
+  }
+  :host > ::slotted(.S\:vega-flex-shrink) {
+    flex-shrink: 1;
+  }
+  :host > ::slotted(.S\:vega-flex-grow-0) {
+    flex-grow: 0;
+  }
+  :host > ::slotted(.S\:vega-flex-shrink-0) {
+    flex-shrink: 0;
+  }
+}
+@media (min-width: 768px) {
+  :host > ::slotted(.M\:vega-flex-grow) {
+    flex-grow: 1;
+  }
+  :host > ::slotted(.M\:vega-flex-shrink) {
+    flex-shrink: 1;
+  }
+  :host > ::slotted(.M\:vega-flex-grow-0) {
+    flex-grow: 0;
+  }
+  :host > ::slotted(.M\:vega-flex-shrink-0) {
+    flex-shrink: 0;
+  }
+}
+@media (min-width: 1024px) {
+  :host > ::slotted(.L\:vega-flex-grow) {
+    flex-grow: 1;
+  }
+  :host > ::slotted(.L\:vega-flex-shrink) {
+    flex-shrink: 1;
+  }
+  :host > ::slotted(.L\:vega-flex-grow-0) {
+    flex-grow: 0;
+  }
+  :host > ::slotted(.L\:vega-flex-shrink-0) {
+    flex-shrink: 0;
+  }
+}
+@media (min-width: 1440px) {
+  :host > ::slotted(.XL\:vega-flex-grow) {
+    flex-grow: 1;
+  }
+  :host > ::slotted(.XL\:vega-flex-shrink) {
+    flex-shrink: 1;
+  }
+  :host > ::slotted(.XL\:vega-flex-grow-0) {
+    flex-grow: 0;
+  }
+  :host > ::slotted(.XL\:vega-flex-shrink-0) {
+    flex-shrink: 0;
+  }
+}
+:host(:not(.vega-flex-native-based)) > ::slotted(*:not([data-shrink="0"], [class*=vega-flex])) {
+  width: 100%;
+  display: block;
+}
+
+:host > ::slotted(*[data-shrink="0"]) {
+  min-width: 100%;
+  flex-shrink: 1;
+}
+
+@media (min-width: 320px) {
+  :host(.vega-flex-S) {
+    flex-direction: row;
+  }
+}
+@media (min-width: 320px) {
+  :host(.vega-flex-S) > ::slotted(*[data-shrink="0"]) {
+    flex-shrink: 0;
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+}
+@media (min-width: 768px) {
+  :host(.vega-flex-M) {
+    flex-direction: row;
+  }
+}
+@media (min-width: 768px) {
+  :host(.vega-flex-M) > ::slotted(*[data-shrink="0"]) {
+    flex-shrink: 0;
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.vega-flex-L) {
+    flex-direction: row;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.vega-flex-L) > ::slotted(*[data-shrink="0"]) {
+    flex-shrink: 0;
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.vega-flex-XL) {
+    flex-direction: row;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.vega-flex-XL) > ::slotted(*[data-shrink="0"]) {
+    flex-shrink: 0;
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+}
+:host(.vega-flex-None) > ::slotted(*[data-shrink="0"]) {
+  flex-shrink: 0;
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+}
+
+:host(.v-flex-row) {
+  flex-direction: row;
+}
+
+:host(.v-flex-col) {
+  flex-direction: column;
+}
+
+:host(.v-flex-row-reverse) {
+  flex-direction: row-reverse;
+}
+
+:host(.v-flex-col-reverse) {
+  flex-direction: column-reverse;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-flex-row) {
+    flex-direction: row;
+  }
+  :host(.S\:v-flex-col) {
+    flex-direction: column;
+  }
+  :host(.S\:v-flex-row-reverse) {
+    flex-direction: row-reverse;
+  }
+  :host(.S\:v-flex-col-reverse) {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-flex-row) {
+    flex-direction: row;
+  }
+  :host(.M\:v-flex-col) {
+    flex-direction: column;
+  }
+  :host(.M\:v-flex-row-reverse) {
+    flex-direction: row-reverse;
+  }
+  :host(.M\:v-flex-col-reverse) {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-flex-row) {
+    flex-direction: row;
+  }
+  :host(.L\:v-flex-col) {
+    flex-direction: column;
+  }
+  :host(.L\:v-flex-row-reverse) {
+    flex-direction: row-reverse;
+  }
+  :host(.L\:v-flex-col-reverse) {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-flex-row) {
+    flex-direction: row;
+  }
+  :host(.XL\:v-flex-col) {
+    flex-direction: column;
+  }
+  :host(.XL\:v-flex-row-reverse) {
+    flex-direction: row-reverse;
+  }
+  :host(.XL\:v-flex-col-reverse) {
+    flex-direction: column-reverse;
+  }
+}
+:host(.v-items-start) {
+  align-items: flex-start;
+}
+
+:host(.v-items-center) {
+  align-items: center;
+}
+
+:host(.v-items-end) {
+  align-items: flex-end;
+}
+
+:host(.v-items-baseline) {
+  align-items: baseline;
+}
+
+:host(.v-items-stretch) {
+  align-items: stretch;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-items-start) {
+    align-items: flex-start;
+  }
+  :host(.S\:v-items-center) {
+    align-items: center;
+  }
+  :host(.S\:v-items-end) {
+    align-items: flex-end;
+  }
+  :host(.S\:v-items-baseline) {
+    align-items: baseline;
+  }
+  :host(.S\:v-items-stretch) {
+    align-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-items-start) {
+    align-items: flex-start;
+  }
+  :host(.M\:v-items-center) {
+    align-items: center;
+  }
+  :host(.M\:v-items-end) {
+    align-items: flex-end;
+  }
+  :host(.M\:v-items-baseline) {
+    align-items: baseline;
+  }
+  :host(.M\:v-items-stretch) {
+    align-items: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-items-start) {
+    align-items: flex-start;
+  }
+  :host(.L\:v-items-center) {
+    align-items: center;
+  }
+  :host(.L\:v-items-end) {
+    align-items: flex-end;
+  }
+  :host(.L\:v-items-baseline) {
+    align-items: baseline;
+  }
+  :host(.L\:v-items-stretch) {
+    align-items: stretch;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-items-start) {
+    align-items: flex-start;
+  }
+  :host(.XL\:v-items-center) {
+    align-items: center;
+  }
+  :host(.XL\:v-items-end) {
+    align-items: flex-end;
+  }
+  :host(.XL\:v-items-baseline) {
+    align-items: baseline;
+  }
+  :host(.XL\:v-items-stretch) {
+    align-items: stretch;
+  }
+}
+:host(.v-justify-start) {
+  justify-content: flex-start;
+}
+
+:host(.v-justify-center) {
+  justify-content: center;
+}
+
+:host(.v-justify-end) {
+  justify-content: flex-end;
+}
+
+:host(.v-justify-around) {
+  justify-content: space-around;
+}
+
+:host(.v-justify-between) {
+  justify-content: space-between;
+}
+
+:host(.v-justify-evenly) {
+  justify-content: space-evenly;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-justify-start) {
+    justify-content: flex-start;
+  }
+  :host(.S\:v-justify-center) {
+    justify-content: center;
+  }
+  :host(.S\:v-justify-end) {
+    justify-content: flex-end;
+  }
+  :host(.S\:v-justify-around) {
+    justify-content: space-around;
+  }
+  :host(.S\:v-justify-between) {
+    justify-content: space-between;
+  }
+  :host(.S\:v-justify-evenly) {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-justify-start) {
+    justify-content: flex-start;
+  }
+  :host(.M\:v-justify-center) {
+    justify-content: center;
+  }
+  :host(.M\:v-justify-end) {
+    justify-content: flex-end;
+  }
+  :host(.M\:v-justify-around) {
+    justify-content: space-around;
+  }
+  :host(.M\:v-justify-between) {
+    justify-content: space-between;
+  }
+  :host(.M\:v-justify-evenly) {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-justify-start) {
+    justify-content: flex-start;
+  }
+  :host(.L\:v-justify-center) {
+    justify-content: center;
+  }
+  :host(.L\:v-justify-end) {
+    justify-content: flex-end;
+  }
+  :host(.L\:v-justify-around) {
+    justify-content: space-around;
+  }
+  :host(.L\:v-justify-between) {
+    justify-content: space-between;
+  }
+  :host(.L\:v-justify-evenly) {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-justify-start) {
+    justify-content: flex-start;
+  }
+  :host(.XL\:v-justify-center) {
+    justify-content: center;
+  }
+  :host(.XL\:v-justify-end) {
+    justify-content: flex-end;
+  }
+  :host(.XL\:v-justify-around) {
+    justify-content: space-around;
+  }
+  :host(.XL\:v-justify-between) {
+    justify-content: space-between;
+  }
+  :host(.XL\:v-justify-evenly) {
+    justify-content: space-evenly;
+  }
+}
+:host(.v-flex-nowrap) {
+  flex-wrap: nowrap;
+}
+
+:host(.v-flex-wrap) {
+  flex-wrap: wrap;
+}
+
+:host(.v-flex-wrap-reverse) {
+  flex-wrap: wrap-reverse;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-flex-nowrap) {
+    flex-wrap: nowrap;
+  }
+  :host(.S\:v-flex-wrap) {
+    flex-wrap: wrap;
+  }
+  :host(.S\:v-flex-wrap-reverse) {
+    flex-wrap: wrap-reverse;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-flex-nowrap) {
+    flex-wrap: nowrap;
+  }
+  :host(.M\:v-flex-wrap) {
+    flex-wrap: wrap;
+  }
+  :host(.M\:v-flex-wrap-reverse) {
+    flex-wrap: wrap-reverse;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-flex-nowrap) {
+    flex-wrap: nowrap;
+  }
+  :host(.L\:v-flex-wrap) {
+    flex-wrap: wrap;
+  }
+  :host(.L\:v-flex-wrap-reverse) {
+    flex-wrap: wrap-reverse;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-flex-nowrap) {
+    flex-wrap: nowrap;
+  }
+  :host(.XL\:v-flex-wrap) {
+    flex-wrap: wrap;
+  }
+  :host(.XL\:v-flex-wrap-reverse) {
+    flex-wrap: wrap-reverse;
+  }
+}