@heartlandone/vega-sandbox-pr-1520-691bff7087c621eb9bbbfe1797636727b1277984 2.27.0

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

@@ -0,0 +1,2668 @@
+/* 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-p-0),
+.v-p-0 {
+  padding: 0px;
+}
+
+:host(.v-px-0),
+.v-px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+:host(.v-py-0),
+.v-py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+:host(.v-pt-0),
+.v-pt-0 {
+  padding-top: 0px;
+}
+
+:host(.v-pb-0),
+.v-pb-0 {
+  padding-bottom: 0px;
+}
+
+:host(.v-pr-0),
+.v-pr-0 {
+  padding-right: 0px;
+}
+
+:host(.v-pl-0),
+.v-pl-0 {
+  padding-left: 0px;
+}
+
+:host(.v-p-size-0),
+.v-p-size-0 {
+  padding: 0px;
+}
+
+:host(.v-px-size-0),
+.v-px-size-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+:host(.v-py-size-0),
+.v-py-size-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+:host(.v-pt-size-0),
+.v-pt-size-0 {
+  padding-top: 0px;
+}
+
+:host(.v-pb-size-0),
+.v-pb-size-0 {
+  padding-bottom: 0px;
+}
+
+:host(.v-pr-size-0),
+.v-pr-size-0 {
+  padding-right: 0px;
+}
+
+:host(.v-pl-size-0),
+.v-pl-size-0 {
+  padding-left: 0px;
+}
+
+:host(.v-p-size-4),
+.v-p-size-4 {
+  padding: 4px;
+}
+
+:host(.v-px-size-4),
+.v-px-size-4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+:host(.v-py-size-4),
+.v-py-size-4 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+:host(.v-pt-size-4),
+.v-pt-size-4 {
+  padding-top: 4px;
+}
+
+:host(.v-pb-size-4),
+.v-pb-size-4 {
+  padding-bottom: 4px;
+}
+
+:host(.v-pr-size-4),
+.v-pr-size-4 {
+  padding-right: 4px;
+}
+
+:host(.v-pl-size-4),
+.v-pl-size-4 {
+  padding-left: 4px;
+}
+
+:host(.v-p-size-8),
+.v-p-size-8 {
+  padding: 8px;
+}
+
+:host(.v-px-size-8),
+.v-px-size-8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+:host(.v-py-size-8),
+.v-py-size-8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+:host(.v-pt-size-8),
+.v-pt-size-8 {
+  padding-top: 8px;
+}
+
+:host(.v-pb-size-8),
+.v-pb-size-8 {
+  padding-bottom: 8px;
+}
+
+:host(.v-pr-size-8),
+.v-pr-size-8 {
+  padding-right: 8px;
+}
+
+:host(.v-pl-size-8),
+.v-pl-size-8 {
+  padding-left: 8px;
+}
+
+:host(.v-p-size-12),
+.v-p-size-12 {
+  padding: 12px;
+}
+
+:host(.v-px-size-12),
+.v-px-size-12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+:host(.v-py-size-12),
+.v-py-size-12 {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+:host(.v-pt-size-12),
+.v-pt-size-12 {
+  padding-top: 12px;
+}
+
+:host(.v-pb-size-12),
+.v-pb-size-12 {
+  padding-bottom: 12px;
+}
+
+:host(.v-pr-size-12),
+.v-pr-size-12 {
+  padding-right: 12px;
+}
+
+:host(.v-pl-size-12),
+.v-pl-size-12 {
+  padding-left: 12px;
+}
+
+:host(.v-p-size-16),
+.v-p-size-16 {
+  padding: 16px;
+}
+
+:host(.v-px-size-16),
+.v-px-size-16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+:host(.v-py-size-16),
+.v-py-size-16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:host(.v-pt-size-16),
+.v-pt-size-16 {
+  padding-top: 16px;
+}
+
+:host(.v-pb-size-16),
+.v-pb-size-16 {
+  padding-bottom: 16px;
+}
+
+:host(.v-pr-size-16),
+.v-pr-size-16 {
+  padding-right: 16px;
+}
+
+:host(.v-pl-size-16),
+.v-pl-size-16 {
+  padding-left: 16px;
+}
+
+:host(.v-p-size-20),
+.v-p-size-20 {
+  padding: 20px;
+}
+
+:host(.v-px-size-20),
+.v-px-size-20 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+:host(.v-py-size-20),
+.v-py-size-20 {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+:host(.v-pt-size-20),
+.v-pt-size-20 {
+  padding-top: 20px;
+}
+
+:host(.v-pb-size-20),
+.v-pb-size-20 {
+  padding-bottom: 20px;
+}
+
+:host(.v-pr-size-20),
+.v-pr-size-20 {
+  padding-right: 20px;
+}
+
+:host(.v-pl-size-20),
+.v-pl-size-20 {
+  padding-left: 20px;
+}
+
+:host(.v-p-size-24),
+.v-p-size-24 {
+  padding: 24px;
+}
+
+:host(.v-px-size-24),
+.v-px-size-24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+:host(.v-py-size-24),
+.v-py-size-24 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+:host(.v-pt-size-24),
+.v-pt-size-24 {
+  padding-top: 24px;
+}
+
+:host(.v-pb-size-24),
+.v-pb-size-24 {
+  padding-bottom: 24px;
+}
+
+:host(.v-pr-size-24),
+.v-pr-size-24 {
+  padding-right: 24px;
+}
+
+:host(.v-pl-size-24),
+.v-pl-size-24 {
+  padding-left: 24px;
+}
+
+:host(.v-p-size-32),
+.v-p-size-32 {
+  padding: 32px;
+}
+
+:host(.v-px-size-32),
+.v-px-size-32 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+
+:host(.v-py-size-32),
+.v-py-size-32 {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+
+:host(.v-pt-size-32),
+.v-pt-size-32 {
+  padding-top: 32px;
+}
+
+:host(.v-pb-size-32),
+.v-pb-size-32 {
+  padding-bottom: 32px;
+}
+
+:host(.v-pr-size-32),
+.v-pr-size-32 {
+  padding-right: 32px;
+}
+
+:host(.v-pl-size-32),
+.v-pl-size-32 {
+  padding-left: 32px;
+}
+
+:host(.v-p-size-40),
+.v-p-size-40 {
+  padding: 40px;
+}
+
+:host(.v-px-size-40),
+.v-px-size-40 {
+  padding-left: 40px;
+  padding-right: 40px;
+}
+
+:host(.v-py-size-40),
+.v-py-size-40 {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+
+:host(.v-pt-size-40),
+.v-pt-size-40 {
+  padding-top: 40px;
+}
+
+:host(.v-pb-size-40),
+.v-pb-size-40 {
+  padding-bottom: 40px;
+}
+
+:host(.v-pr-size-40),
+.v-pr-size-40 {
+  padding-right: 40px;
+}
+
+:host(.v-pl-size-40),
+.v-pl-size-40 {
+  padding-left: 40px;
+}
+
+:host(.v-p-size-48),
+.v-p-size-48 {
+  padding: 48px;
+}
+
+:host(.v-px-size-48),
+.v-px-size-48 {
+  padding-left: 48px;
+  padding-right: 48px;
+}
+
+:host(.v-py-size-48),
+.v-py-size-48 {
+  padding-top: 48px;
+  padding-bottom: 48px;
+}
+
+:host(.v-pt-size-48),
+.v-pt-size-48 {
+  padding-top: 48px;
+}
+
+:host(.v-pb-size-48),
+.v-pb-size-48 {
+  padding-bottom: 48px;
+}
+
+:host(.v-pr-size-48),
+.v-pr-size-48 {
+  padding-right: 48px;
+}
+
+:host(.v-pl-size-48),
+.v-pl-size-48 {
+  padding-left: 48px;
+}
+
+:host(.v-p-size-64),
+.v-p-size-64 {
+  padding: 64px;
+}
+
+:host(.v-px-size-64),
+.v-px-size-64 {
+  padding-left: 64px;
+  padding-right: 64px;
+}
+
+:host(.v-py-size-64),
+.v-py-size-64 {
+  padding-top: 64px;
+  padding-bottom: 64px;
+}
+
+:host(.v-pt-size-64),
+.v-pt-size-64 {
+  padding-top: 64px;
+}
+
+:host(.v-pb-size-64),
+.v-pb-size-64 {
+  padding-bottom: 64px;
+}
+
+:host(.v-pr-size-64),
+.v-pr-size-64 {
+  padding-right: 64px;
+}
+
+:host(.v-pl-size-64),
+.v-pl-size-64 {
+  padding-left: 64px;
+}
+
+:host(.v-p-size-72),
+.v-p-size-72 {
+  padding: 72px;
+}
+
+:host(.v-px-size-72),
+.v-px-size-72 {
+  padding-left: 72px;
+  padding-right: 72px;
+}
+
+:host(.v-py-size-72),
+.v-py-size-72 {
+  padding-top: 72px;
+  padding-bottom: 72px;
+}
+
+:host(.v-pt-size-72),
+.v-pt-size-72 {
+  padding-top: 72px;
+}
+
+:host(.v-pb-size-72),
+.v-pb-size-72 {
+  padding-bottom: 72px;
+}
+
+:host(.v-pr-size-72),
+.v-pr-size-72 {
+  padding-right: 72px;
+}
+
+:host(.v-pl-size-72),
+.v-pl-size-72 {
+  padding-left: 72px;
+}
+
+:host(.v-p-size-80),
+.v-p-size-80 {
+  padding: 80px;
+}
+
+:host(.v-px-size-80),
+.v-px-size-80 {
+  padding-left: 80px;
+  padding-right: 80px;
+}
+
+:host(.v-py-size-80),
+.v-py-size-80 {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+:host(.v-pt-size-80),
+.v-pt-size-80 {
+  padding-top: 80px;
+}
+
+:host(.v-pb-size-80),
+.v-pb-size-80 {
+  padding-bottom: 80px;
+}
+
+:host(.v-pr-size-80),
+.v-pr-size-80 {
+  padding-right: 80px;
+}
+
+:host(.v-pl-size-80),
+.v-pl-size-80 {
+  padding-left: 80px;
+}
+
+:host(.v-p-size-112),
+.v-p-size-112 {
+  padding: 112px;
+}
+
+:host(.v-px-size-112),
+.v-px-size-112 {
+  padding-left: 112px;
+  padding-right: 112px;
+}
+
+:host(.v-py-size-112),
+.v-py-size-112 {
+  padding-top: 112px;
+  padding-bottom: 112px;
+}
+
+:host(.v-pt-size-112),
+.v-pt-size-112 {
+  padding-top: 112px;
+}
+
+:host(.v-pb-size-112),
+.v-pb-size-112 {
+  padding-bottom: 112px;
+}
+
+:host(.v-pr-size-112),
+.v-pr-size-112 {
+  padding-right: 112px;
+}
+
+:host(.v-pl-size-112),
+.v-pl-size-112 {
+  padding-left: 112px;
+}
+
+:host(.v-p-size-2),
+.v-p-size-2 {
+  padding: 2px;
+}
+
+:host(.v-px-size-2),
+.v-px-size-2 {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+:host(.v-py-size-2),
+.v-py-size-2 {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+:host(.v-pt-size-2),
+.v-pt-size-2 {
+  padding-top: 2px;
+}
+
+:host(.v-pb-size-2),
+.v-pb-size-2 {
+  padding-bottom: 2px;
+}
+
+:host(.v-pr-size-2),
+.v-pr-size-2 {
+  padding-right: 2px;
+}
+
+:host(.v-pl-size-2),
+.v-pl-size-2 {
+  padding-left: 2px;
+}
+
+@media (min-width: 320px) {
+  :host(.S\:v-p-0),
+  .S\:v-p-0 {
+    padding: 0px;
+  }
+  :host(.S\:v-px-0),
+  .S\:v-px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.S\:v-py-0),
+  .S\:v-py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.S\:v-pt-0),
+  .S\:v-pt-0 {
+    padding-top: 0px;
+  }
+  :host(.S\:v-pb-0),
+  .S\:v-pb-0 {
+    padding-bottom: 0px;
+  }
+  :host(.S\:v-pr-0),
+  .S\:v-pr-0 {
+    padding-right: 0px;
+  }
+  :host(.S\:v-pl-0),
+  .S\:v-pl-0 {
+    padding-left: 0px;
+  }
+  :host(.S\:v-p-size-0),
+  .S\:v-p-size-0 {
+    padding: 0px;
+  }
+  :host(.S\:v-px-size-0),
+  .S\:v-px-size-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.S\:v-py-size-0),
+  .S\:v-py-size-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.S\:v-pt-size-0),
+  .S\:v-pt-size-0 {
+    padding-top: 0px;
+  }
+  :host(.S\:v-pb-size-0),
+  .S\:v-pb-size-0 {
+    padding-bottom: 0px;
+  }
+  :host(.S\:v-pr-size-0),
+  .S\:v-pr-size-0 {
+    padding-right: 0px;
+  }
+  :host(.S\:v-pl-size-0),
+  .S\:v-pl-size-0 {
+    padding-left: 0px;
+  }
+  :host(.S\:v-p-size-4),
+  .S\:v-p-size-4 {
+    padding: 4px;
+  }
+  :host(.S\:v-px-size-4),
+  .S\:v-px-size-4 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  :host(.S\:v-py-size-4),
+  .S\:v-py-size-4 {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+  :host(.S\:v-pt-size-4),
+  .S\:v-pt-size-4 {
+    padding-top: 4px;
+  }
+  :host(.S\:v-pb-size-4),
+  .S\:v-pb-size-4 {
+    padding-bottom: 4px;
+  }
+  :host(.S\:v-pr-size-4),
+  .S\:v-pr-size-4 {
+    padding-right: 4px;
+  }
+  :host(.S\:v-pl-size-4),
+  .S\:v-pl-size-4 {
+    padding-left: 4px;
+  }
+  :host(.S\:v-p-size-8),
+  .S\:v-p-size-8 {
+    padding: 8px;
+  }
+  :host(.S\:v-px-size-8),
+  .S\:v-px-size-8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  :host(.S\:v-py-size-8),
+  .S\:v-py-size-8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  :host(.S\:v-pt-size-8),
+  .S\:v-pt-size-8 {
+    padding-top: 8px;
+  }
+  :host(.S\:v-pb-size-8),
+  .S\:v-pb-size-8 {
+    padding-bottom: 8px;
+  }
+  :host(.S\:v-pr-size-8),
+  .S\:v-pr-size-8 {
+    padding-right: 8px;
+  }
+  :host(.S\:v-pl-size-8),
+  .S\:v-pl-size-8 {
+    padding-left: 8px;
+  }
+  :host(.S\:v-p-size-12),
+  .S\:v-p-size-12 {
+    padding: 12px;
+  }
+  :host(.S\:v-px-size-12),
+  .S\:v-px-size-12 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  :host(.S\:v-py-size-12),
+  .S\:v-py-size-12 {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  :host(.S\:v-pt-size-12),
+  .S\:v-pt-size-12 {
+    padding-top: 12px;
+  }
+  :host(.S\:v-pb-size-12),
+  .S\:v-pb-size-12 {
+    padding-bottom: 12px;
+  }
+  :host(.S\:v-pr-size-12),
+  .S\:v-pr-size-12 {
+    padding-right: 12px;
+  }
+  :host(.S\:v-pl-size-12),
+  .S\:v-pl-size-12 {
+    padding-left: 12px;
+  }
+  :host(.S\:v-p-size-16),
+  .S\:v-p-size-16 {
+    padding: 16px;
+  }
+  :host(.S\:v-px-size-16),
+  .S\:v-px-size-16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  :host(.S\:v-py-size-16),
+  .S\:v-py-size-16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+  :host(.S\:v-pt-size-16),
+  .S\:v-pt-size-16 {
+    padding-top: 16px;
+  }
+  :host(.S\:v-pb-size-16),
+  .S\:v-pb-size-16 {
+    padding-bottom: 16px;
+  }
+  :host(.S\:v-pr-size-16),
+  .S\:v-pr-size-16 {
+    padding-right: 16px;
+  }
+  :host(.S\:v-pl-size-16),
+  .S\:v-pl-size-16 {
+    padding-left: 16px;
+  }
+  :host(.S\:v-p-size-20),
+  .S\:v-p-size-20 {
+    padding: 20px;
+  }
+  :host(.S\:v-px-size-20),
+  .S\:v-px-size-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  :host(.S\:v-py-size-20),
+  .S\:v-py-size-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+  :host(.S\:v-pt-size-20),
+  .S\:v-pt-size-20 {
+    padding-top: 20px;
+  }
+  :host(.S\:v-pb-size-20),
+  .S\:v-pb-size-20 {
+    padding-bottom: 20px;
+  }
+  :host(.S\:v-pr-size-20),
+  .S\:v-pr-size-20 {
+    padding-right: 20px;
+  }
+  :host(.S\:v-pl-size-20),
+  .S\:v-pl-size-20 {
+    padding-left: 20px;
+  }
+  :host(.S\:v-p-size-24),
+  .S\:v-p-size-24 {
+    padding: 24px;
+  }
+  :host(.S\:v-px-size-24),
+  .S\:v-px-size-24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  :host(.S\:v-py-size-24),
+  .S\:v-py-size-24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+  :host(.S\:v-pt-size-24),
+  .S\:v-pt-size-24 {
+    padding-top: 24px;
+  }
+  :host(.S\:v-pb-size-24),
+  .S\:v-pb-size-24 {
+    padding-bottom: 24px;
+  }
+  :host(.S\:v-pr-size-24),
+  .S\:v-pr-size-24 {
+    padding-right: 24px;
+  }
+  :host(.S\:v-pl-size-24),
+  .S\:v-pl-size-24 {
+    padding-left: 24px;
+  }
+  :host(.S\:v-p-size-32),
+  .S\:v-p-size-32 {
+    padding: 32px;
+  }
+  :host(.S\:v-px-size-32),
+  .S\:v-px-size-32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  :host(.S\:v-py-size-32),
+  .S\:v-py-size-32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+  :host(.S\:v-pt-size-32),
+  .S\:v-pt-size-32 {
+    padding-top: 32px;
+  }
+  :host(.S\:v-pb-size-32),
+  .S\:v-pb-size-32 {
+    padding-bottom: 32px;
+  }
+  :host(.S\:v-pr-size-32),
+  .S\:v-pr-size-32 {
+    padding-right: 32px;
+  }
+  :host(.S\:v-pl-size-32),
+  .S\:v-pl-size-32 {
+    padding-left: 32px;
+  }
+  :host(.S\:v-p-size-40),
+  .S\:v-p-size-40 {
+    padding: 40px;
+  }
+  :host(.S\:v-px-size-40),
+  .S\:v-px-size-40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  :host(.S\:v-py-size-40),
+  .S\:v-py-size-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+  :host(.S\:v-pt-size-40),
+  .S\:v-pt-size-40 {
+    padding-top: 40px;
+  }
+  :host(.S\:v-pb-size-40),
+  .S\:v-pb-size-40 {
+    padding-bottom: 40px;
+  }
+  :host(.S\:v-pr-size-40),
+  .S\:v-pr-size-40 {
+    padding-right: 40px;
+  }
+  :host(.S\:v-pl-size-40),
+  .S\:v-pl-size-40 {
+    padding-left: 40px;
+  }
+  :host(.S\:v-p-size-48),
+  .S\:v-p-size-48 {
+    padding: 48px;
+  }
+  :host(.S\:v-px-size-48),
+  .S\:v-px-size-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  :host(.S\:v-py-size-48),
+  .S\:v-py-size-48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  :host(.S\:v-pt-size-48),
+  .S\:v-pt-size-48 {
+    padding-top: 48px;
+  }
+  :host(.S\:v-pb-size-48),
+  .S\:v-pb-size-48 {
+    padding-bottom: 48px;
+  }
+  :host(.S\:v-pr-size-48),
+  .S\:v-pr-size-48 {
+    padding-right: 48px;
+  }
+  :host(.S\:v-pl-size-48),
+  .S\:v-pl-size-48 {
+    padding-left: 48px;
+  }
+  :host(.S\:v-p-size-64),
+  .S\:v-p-size-64 {
+    padding: 64px;
+  }
+  :host(.S\:v-px-size-64),
+  .S\:v-px-size-64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+  :host(.S\:v-py-size-64),
+  .S\:v-py-size-64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+  :host(.S\:v-pt-size-64),
+  .S\:v-pt-size-64 {
+    padding-top: 64px;
+  }
+  :host(.S\:v-pb-size-64),
+  .S\:v-pb-size-64 {
+    padding-bottom: 64px;
+  }
+  :host(.S\:v-pr-size-64),
+  .S\:v-pr-size-64 {
+    padding-right: 64px;
+  }
+  :host(.S\:v-pl-size-64),
+  .S\:v-pl-size-64 {
+    padding-left: 64px;
+  }
+  :host(.S\:v-p-size-72),
+  .S\:v-p-size-72 {
+    padding: 72px;
+  }
+  :host(.S\:v-px-size-72),
+  .S\:v-px-size-72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+  :host(.S\:v-py-size-72),
+  .S\:v-py-size-72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+  :host(.S\:v-pt-size-72),
+  .S\:v-pt-size-72 {
+    padding-top: 72px;
+  }
+  :host(.S\:v-pb-size-72),
+  .S\:v-pb-size-72 {
+    padding-bottom: 72px;
+  }
+  :host(.S\:v-pr-size-72),
+  .S\:v-pr-size-72 {
+    padding-right: 72px;
+  }
+  :host(.S\:v-pl-size-72),
+  .S\:v-pl-size-72 {
+    padding-left: 72px;
+  }
+  :host(.S\:v-p-size-80),
+  .S\:v-p-size-80 {
+    padding: 80px;
+  }
+  :host(.S\:v-px-size-80),
+  .S\:v-px-size-80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+  :host(.S\:v-py-size-80),
+  .S\:v-py-size-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+  :host(.S\:v-pt-size-80),
+  .S\:v-pt-size-80 {
+    padding-top: 80px;
+  }
+  :host(.S\:v-pb-size-80),
+  .S\:v-pb-size-80 {
+    padding-bottom: 80px;
+  }
+  :host(.S\:v-pr-size-80),
+  .S\:v-pr-size-80 {
+    padding-right: 80px;
+  }
+  :host(.S\:v-pl-size-80),
+  .S\:v-pl-size-80 {
+    padding-left: 80px;
+  }
+  :host(.S\:v-p-size-112),
+  .S\:v-p-size-112 {
+    padding: 112px;
+  }
+  :host(.S\:v-px-size-112),
+  .S\:v-px-size-112 {
+    padding-left: 112px;
+    padding-right: 112px;
+  }
+  :host(.S\:v-py-size-112),
+  .S\:v-py-size-112 {
+    padding-top: 112px;
+    padding-bottom: 112px;
+  }
+  :host(.S\:v-pt-size-112),
+  .S\:v-pt-size-112 {
+    padding-top: 112px;
+  }
+  :host(.S\:v-pb-size-112),
+  .S\:v-pb-size-112 {
+    padding-bottom: 112px;
+  }
+  :host(.S\:v-pr-size-112),
+  .S\:v-pr-size-112 {
+    padding-right: 112px;
+  }
+  :host(.S\:v-pl-size-112),
+  .S\:v-pl-size-112 {
+    padding-left: 112px;
+  }
+  :host(.S\:v-p-size-2),
+  .S\:v-p-size-2 {
+    padding: 2px;
+  }
+  :host(.S\:v-px-size-2),
+  .S\:v-px-size-2 {
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  :host(.S\:v-py-size-2),
+  .S\:v-py-size-2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+  :host(.S\:v-pt-size-2),
+  .S\:v-pt-size-2 {
+    padding-top: 2px;
+  }
+  :host(.S\:v-pb-size-2),
+  .S\:v-pb-size-2 {
+    padding-bottom: 2px;
+  }
+  :host(.S\:v-pr-size-2),
+  .S\:v-pr-size-2 {
+    padding-right: 2px;
+  }
+  :host(.S\:v-pl-size-2),
+  .S\:v-pl-size-2 {
+    padding-left: 2px;
+  }
+}
+@media (min-width: 768px) {
+  :host(.M\:v-p-0),
+  .M\:v-p-0 {
+    padding: 0px;
+  }
+  :host(.M\:v-px-0),
+  .M\:v-px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.M\:v-py-0),
+  .M\:v-py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.M\:v-pt-0),
+  .M\:v-pt-0 {
+    padding-top: 0px;
+  }
+  :host(.M\:v-pb-0),
+  .M\:v-pb-0 {
+    padding-bottom: 0px;
+  }
+  :host(.M\:v-pr-0),
+  .M\:v-pr-0 {
+    padding-right: 0px;
+  }
+  :host(.M\:v-pl-0),
+  .M\:v-pl-0 {
+    padding-left: 0px;
+  }
+  :host(.M\:v-p-size-0),
+  .M\:v-p-size-0 {
+    padding: 0px;
+  }
+  :host(.M\:v-px-size-0),
+  .M\:v-px-size-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.M\:v-py-size-0),
+  .M\:v-py-size-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.M\:v-pt-size-0),
+  .M\:v-pt-size-0 {
+    padding-top: 0px;
+  }
+  :host(.M\:v-pb-size-0),
+  .M\:v-pb-size-0 {
+    padding-bottom: 0px;
+  }
+  :host(.M\:v-pr-size-0),
+  .M\:v-pr-size-0 {
+    padding-right: 0px;
+  }
+  :host(.M\:v-pl-size-0),
+  .M\:v-pl-size-0 {
+    padding-left: 0px;
+  }
+  :host(.M\:v-p-size-4),
+  .M\:v-p-size-4 {
+    padding: 4px;
+  }
+  :host(.M\:v-px-size-4),
+  .M\:v-px-size-4 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  :host(.M\:v-py-size-4),
+  .M\:v-py-size-4 {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+  :host(.M\:v-pt-size-4),
+  .M\:v-pt-size-4 {
+    padding-top: 4px;
+  }
+  :host(.M\:v-pb-size-4),
+  .M\:v-pb-size-4 {
+    padding-bottom: 4px;
+  }
+  :host(.M\:v-pr-size-4),
+  .M\:v-pr-size-4 {
+    padding-right: 4px;
+  }
+  :host(.M\:v-pl-size-4),
+  .M\:v-pl-size-4 {
+    padding-left: 4px;
+  }
+  :host(.M\:v-p-size-8),
+  .M\:v-p-size-8 {
+    padding: 8px;
+  }
+  :host(.M\:v-px-size-8),
+  .M\:v-px-size-8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  :host(.M\:v-py-size-8),
+  .M\:v-py-size-8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  :host(.M\:v-pt-size-8),
+  .M\:v-pt-size-8 {
+    padding-top: 8px;
+  }
+  :host(.M\:v-pb-size-8),
+  .M\:v-pb-size-8 {
+    padding-bottom: 8px;
+  }
+  :host(.M\:v-pr-size-8),
+  .M\:v-pr-size-8 {
+    padding-right: 8px;
+  }
+  :host(.M\:v-pl-size-8),
+  .M\:v-pl-size-8 {
+    padding-left: 8px;
+  }
+  :host(.M\:v-p-size-12),
+  .M\:v-p-size-12 {
+    padding: 12px;
+  }
+  :host(.M\:v-px-size-12),
+  .M\:v-px-size-12 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  :host(.M\:v-py-size-12),
+  .M\:v-py-size-12 {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  :host(.M\:v-pt-size-12),
+  .M\:v-pt-size-12 {
+    padding-top: 12px;
+  }
+  :host(.M\:v-pb-size-12),
+  .M\:v-pb-size-12 {
+    padding-bottom: 12px;
+  }
+  :host(.M\:v-pr-size-12),
+  .M\:v-pr-size-12 {
+    padding-right: 12px;
+  }
+  :host(.M\:v-pl-size-12),
+  .M\:v-pl-size-12 {
+    padding-left: 12px;
+  }
+  :host(.M\:v-p-size-16),
+  .M\:v-p-size-16 {
+    padding: 16px;
+  }
+  :host(.M\:v-px-size-16),
+  .M\:v-px-size-16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  :host(.M\:v-py-size-16),
+  .M\:v-py-size-16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+  :host(.M\:v-pt-size-16),
+  .M\:v-pt-size-16 {
+    padding-top: 16px;
+  }
+  :host(.M\:v-pb-size-16),
+  .M\:v-pb-size-16 {
+    padding-bottom: 16px;
+  }
+  :host(.M\:v-pr-size-16),
+  .M\:v-pr-size-16 {
+    padding-right: 16px;
+  }
+  :host(.M\:v-pl-size-16),
+  .M\:v-pl-size-16 {
+    padding-left: 16px;
+  }
+  :host(.M\:v-p-size-20),
+  .M\:v-p-size-20 {
+    padding: 20px;
+  }
+  :host(.M\:v-px-size-20),
+  .M\:v-px-size-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  :host(.M\:v-py-size-20),
+  .M\:v-py-size-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+  :host(.M\:v-pt-size-20),
+  .M\:v-pt-size-20 {
+    padding-top: 20px;
+  }
+  :host(.M\:v-pb-size-20),
+  .M\:v-pb-size-20 {
+    padding-bottom: 20px;
+  }
+  :host(.M\:v-pr-size-20),
+  .M\:v-pr-size-20 {
+    padding-right: 20px;
+  }
+  :host(.M\:v-pl-size-20),
+  .M\:v-pl-size-20 {
+    padding-left: 20px;
+  }
+  :host(.M\:v-p-size-24),
+  .M\:v-p-size-24 {
+    padding: 24px;
+  }
+  :host(.M\:v-px-size-24),
+  .M\:v-px-size-24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  :host(.M\:v-py-size-24),
+  .M\:v-py-size-24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+  :host(.M\:v-pt-size-24),
+  .M\:v-pt-size-24 {
+    padding-top: 24px;
+  }
+  :host(.M\:v-pb-size-24),
+  .M\:v-pb-size-24 {
+    padding-bottom: 24px;
+  }
+  :host(.M\:v-pr-size-24),
+  .M\:v-pr-size-24 {
+    padding-right: 24px;
+  }
+  :host(.M\:v-pl-size-24),
+  .M\:v-pl-size-24 {
+    padding-left: 24px;
+  }
+  :host(.M\:v-p-size-32),
+  .M\:v-p-size-32 {
+    padding: 32px;
+  }
+  :host(.M\:v-px-size-32),
+  .M\:v-px-size-32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  :host(.M\:v-py-size-32),
+  .M\:v-py-size-32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+  :host(.M\:v-pt-size-32),
+  .M\:v-pt-size-32 {
+    padding-top: 32px;
+  }
+  :host(.M\:v-pb-size-32),
+  .M\:v-pb-size-32 {
+    padding-bottom: 32px;
+  }
+  :host(.M\:v-pr-size-32),
+  .M\:v-pr-size-32 {
+    padding-right: 32px;
+  }
+  :host(.M\:v-pl-size-32),
+  .M\:v-pl-size-32 {
+    padding-left: 32px;
+  }
+  :host(.M\:v-p-size-40),
+  .M\:v-p-size-40 {
+    padding: 40px;
+  }
+  :host(.M\:v-px-size-40),
+  .M\:v-px-size-40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  :host(.M\:v-py-size-40),
+  .M\:v-py-size-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+  :host(.M\:v-pt-size-40),
+  .M\:v-pt-size-40 {
+    padding-top: 40px;
+  }
+  :host(.M\:v-pb-size-40),
+  .M\:v-pb-size-40 {
+    padding-bottom: 40px;
+  }
+  :host(.M\:v-pr-size-40),
+  .M\:v-pr-size-40 {
+    padding-right: 40px;
+  }
+  :host(.M\:v-pl-size-40),
+  .M\:v-pl-size-40 {
+    padding-left: 40px;
+  }
+  :host(.M\:v-p-size-48),
+  .M\:v-p-size-48 {
+    padding: 48px;
+  }
+  :host(.M\:v-px-size-48),
+  .M\:v-px-size-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  :host(.M\:v-py-size-48),
+  .M\:v-py-size-48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  :host(.M\:v-pt-size-48),
+  .M\:v-pt-size-48 {
+    padding-top: 48px;
+  }
+  :host(.M\:v-pb-size-48),
+  .M\:v-pb-size-48 {
+    padding-bottom: 48px;
+  }
+  :host(.M\:v-pr-size-48),
+  .M\:v-pr-size-48 {
+    padding-right: 48px;
+  }
+  :host(.M\:v-pl-size-48),
+  .M\:v-pl-size-48 {
+    padding-left: 48px;
+  }
+  :host(.M\:v-p-size-64),
+  .M\:v-p-size-64 {
+    padding: 64px;
+  }
+  :host(.M\:v-px-size-64),
+  .M\:v-px-size-64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+  :host(.M\:v-py-size-64),
+  .M\:v-py-size-64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+  :host(.M\:v-pt-size-64),
+  .M\:v-pt-size-64 {
+    padding-top: 64px;
+  }
+  :host(.M\:v-pb-size-64),
+  .M\:v-pb-size-64 {
+    padding-bottom: 64px;
+  }
+  :host(.M\:v-pr-size-64),
+  .M\:v-pr-size-64 {
+    padding-right: 64px;
+  }
+  :host(.M\:v-pl-size-64),
+  .M\:v-pl-size-64 {
+    padding-left: 64px;
+  }
+  :host(.M\:v-p-size-72),
+  .M\:v-p-size-72 {
+    padding: 72px;
+  }
+  :host(.M\:v-px-size-72),
+  .M\:v-px-size-72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+  :host(.M\:v-py-size-72),
+  .M\:v-py-size-72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+  :host(.M\:v-pt-size-72),
+  .M\:v-pt-size-72 {
+    padding-top: 72px;
+  }
+  :host(.M\:v-pb-size-72),
+  .M\:v-pb-size-72 {
+    padding-bottom: 72px;
+  }
+  :host(.M\:v-pr-size-72),
+  .M\:v-pr-size-72 {
+    padding-right: 72px;
+  }
+  :host(.M\:v-pl-size-72),
+  .M\:v-pl-size-72 {
+    padding-left: 72px;
+  }
+  :host(.M\:v-p-size-80),
+  .M\:v-p-size-80 {
+    padding: 80px;
+  }
+  :host(.M\:v-px-size-80),
+  .M\:v-px-size-80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+  :host(.M\:v-py-size-80),
+  .M\:v-py-size-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+  :host(.M\:v-pt-size-80),
+  .M\:v-pt-size-80 {
+    padding-top: 80px;
+  }
+  :host(.M\:v-pb-size-80),
+  .M\:v-pb-size-80 {
+    padding-bottom: 80px;
+  }
+  :host(.M\:v-pr-size-80),
+  .M\:v-pr-size-80 {
+    padding-right: 80px;
+  }
+  :host(.M\:v-pl-size-80),
+  .M\:v-pl-size-80 {
+    padding-left: 80px;
+  }
+  :host(.M\:v-p-size-112),
+  .M\:v-p-size-112 {
+    padding: 112px;
+  }
+  :host(.M\:v-px-size-112),
+  .M\:v-px-size-112 {
+    padding-left: 112px;
+    padding-right: 112px;
+  }
+  :host(.M\:v-py-size-112),
+  .M\:v-py-size-112 {
+    padding-top: 112px;
+    padding-bottom: 112px;
+  }
+  :host(.M\:v-pt-size-112),
+  .M\:v-pt-size-112 {
+    padding-top: 112px;
+  }
+  :host(.M\:v-pb-size-112),
+  .M\:v-pb-size-112 {
+    padding-bottom: 112px;
+  }
+  :host(.M\:v-pr-size-112),
+  .M\:v-pr-size-112 {
+    padding-right: 112px;
+  }
+  :host(.M\:v-pl-size-112),
+  .M\:v-pl-size-112 {
+    padding-left: 112px;
+  }
+  :host(.M\:v-p-size-2),
+  .M\:v-p-size-2 {
+    padding: 2px;
+  }
+  :host(.M\:v-px-size-2),
+  .M\:v-px-size-2 {
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  :host(.M\:v-py-size-2),
+  .M\:v-py-size-2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+  :host(.M\:v-pt-size-2),
+  .M\:v-pt-size-2 {
+    padding-top: 2px;
+  }
+  :host(.M\:v-pb-size-2),
+  .M\:v-pb-size-2 {
+    padding-bottom: 2px;
+  }
+  :host(.M\:v-pr-size-2),
+  .M\:v-pr-size-2 {
+    padding-right: 2px;
+  }
+  :host(.M\:v-pl-size-2),
+  .M\:v-pl-size-2 {
+    padding-left: 2px;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.L\:v-p-0),
+  .L\:v-p-0 {
+    padding: 0px;
+  }
+  :host(.L\:v-px-0),
+  .L\:v-px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.L\:v-py-0),
+  .L\:v-py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.L\:v-pt-0),
+  .L\:v-pt-0 {
+    padding-top: 0px;
+  }
+  :host(.L\:v-pb-0),
+  .L\:v-pb-0 {
+    padding-bottom: 0px;
+  }
+  :host(.L\:v-pr-0),
+  .L\:v-pr-0 {
+    padding-right: 0px;
+  }
+  :host(.L\:v-pl-0),
+  .L\:v-pl-0 {
+    padding-left: 0px;
+  }
+  :host(.L\:v-p-size-0),
+  .L\:v-p-size-0 {
+    padding: 0px;
+  }
+  :host(.L\:v-px-size-0),
+  .L\:v-px-size-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.L\:v-py-size-0),
+  .L\:v-py-size-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.L\:v-pt-size-0),
+  .L\:v-pt-size-0 {
+    padding-top: 0px;
+  }
+  :host(.L\:v-pb-size-0),
+  .L\:v-pb-size-0 {
+    padding-bottom: 0px;
+  }
+  :host(.L\:v-pr-size-0),
+  .L\:v-pr-size-0 {
+    padding-right: 0px;
+  }
+  :host(.L\:v-pl-size-0),
+  .L\:v-pl-size-0 {
+    padding-left: 0px;
+  }
+  :host(.L\:v-p-size-4),
+  .L\:v-p-size-4 {
+    padding: 4px;
+  }
+  :host(.L\:v-px-size-4),
+  .L\:v-px-size-4 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  :host(.L\:v-py-size-4),
+  .L\:v-py-size-4 {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+  :host(.L\:v-pt-size-4),
+  .L\:v-pt-size-4 {
+    padding-top: 4px;
+  }
+  :host(.L\:v-pb-size-4),
+  .L\:v-pb-size-4 {
+    padding-bottom: 4px;
+  }
+  :host(.L\:v-pr-size-4),
+  .L\:v-pr-size-4 {
+    padding-right: 4px;
+  }
+  :host(.L\:v-pl-size-4),
+  .L\:v-pl-size-4 {
+    padding-left: 4px;
+  }
+  :host(.L\:v-p-size-8),
+  .L\:v-p-size-8 {
+    padding: 8px;
+  }
+  :host(.L\:v-px-size-8),
+  .L\:v-px-size-8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  :host(.L\:v-py-size-8),
+  .L\:v-py-size-8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  :host(.L\:v-pt-size-8),
+  .L\:v-pt-size-8 {
+    padding-top: 8px;
+  }
+  :host(.L\:v-pb-size-8),
+  .L\:v-pb-size-8 {
+    padding-bottom: 8px;
+  }
+  :host(.L\:v-pr-size-8),
+  .L\:v-pr-size-8 {
+    padding-right: 8px;
+  }
+  :host(.L\:v-pl-size-8),
+  .L\:v-pl-size-8 {
+    padding-left: 8px;
+  }
+  :host(.L\:v-p-size-12),
+  .L\:v-p-size-12 {
+    padding: 12px;
+  }
+  :host(.L\:v-px-size-12),
+  .L\:v-px-size-12 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  :host(.L\:v-py-size-12),
+  .L\:v-py-size-12 {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  :host(.L\:v-pt-size-12),
+  .L\:v-pt-size-12 {
+    padding-top: 12px;
+  }
+  :host(.L\:v-pb-size-12),
+  .L\:v-pb-size-12 {
+    padding-bottom: 12px;
+  }
+  :host(.L\:v-pr-size-12),
+  .L\:v-pr-size-12 {
+    padding-right: 12px;
+  }
+  :host(.L\:v-pl-size-12),
+  .L\:v-pl-size-12 {
+    padding-left: 12px;
+  }
+  :host(.L\:v-p-size-16),
+  .L\:v-p-size-16 {
+    padding: 16px;
+  }
+  :host(.L\:v-px-size-16),
+  .L\:v-px-size-16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  :host(.L\:v-py-size-16),
+  .L\:v-py-size-16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+  :host(.L\:v-pt-size-16),
+  .L\:v-pt-size-16 {
+    padding-top: 16px;
+  }
+  :host(.L\:v-pb-size-16),
+  .L\:v-pb-size-16 {
+    padding-bottom: 16px;
+  }
+  :host(.L\:v-pr-size-16),
+  .L\:v-pr-size-16 {
+    padding-right: 16px;
+  }
+  :host(.L\:v-pl-size-16),
+  .L\:v-pl-size-16 {
+    padding-left: 16px;
+  }
+  :host(.L\:v-p-size-20),
+  .L\:v-p-size-20 {
+    padding: 20px;
+  }
+  :host(.L\:v-px-size-20),
+  .L\:v-px-size-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  :host(.L\:v-py-size-20),
+  .L\:v-py-size-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+  :host(.L\:v-pt-size-20),
+  .L\:v-pt-size-20 {
+    padding-top: 20px;
+  }
+  :host(.L\:v-pb-size-20),
+  .L\:v-pb-size-20 {
+    padding-bottom: 20px;
+  }
+  :host(.L\:v-pr-size-20),
+  .L\:v-pr-size-20 {
+    padding-right: 20px;
+  }
+  :host(.L\:v-pl-size-20),
+  .L\:v-pl-size-20 {
+    padding-left: 20px;
+  }
+  :host(.L\:v-p-size-24),
+  .L\:v-p-size-24 {
+    padding: 24px;
+  }
+  :host(.L\:v-px-size-24),
+  .L\:v-px-size-24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  :host(.L\:v-py-size-24),
+  .L\:v-py-size-24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+  :host(.L\:v-pt-size-24),
+  .L\:v-pt-size-24 {
+    padding-top: 24px;
+  }
+  :host(.L\:v-pb-size-24),
+  .L\:v-pb-size-24 {
+    padding-bottom: 24px;
+  }
+  :host(.L\:v-pr-size-24),
+  .L\:v-pr-size-24 {
+    padding-right: 24px;
+  }
+  :host(.L\:v-pl-size-24),
+  .L\:v-pl-size-24 {
+    padding-left: 24px;
+  }
+  :host(.L\:v-p-size-32),
+  .L\:v-p-size-32 {
+    padding: 32px;
+  }
+  :host(.L\:v-px-size-32),
+  .L\:v-px-size-32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  :host(.L\:v-py-size-32),
+  .L\:v-py-size-32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+  :host(.L\:v-pt-size-32),
+  .L\:v-pt-size-32 {
+    padding-top: 32px;
+  }
+  :host(.L\:v-pb-size-32),
+  .L\:v-pb-size-32 {
+    padding-bottom: 32px;
+  }
+  :host(.L\:v-pr-size-32),
+  .L\:v-pr-size-32 {
+    padding-right: 32px;
+  }
+  :host(.L\:v-pl-size-32),
+  .L\:v-pl-size-32 {
+    padding-left: 32px;
+  }
+  :host(.L\:v-p-size-40),
+  .L\:v-p-size-40 {
+    padding: 40px;
+  }
+  :host(.L\:v-px-size-40),
+  .L\:v-px-size-40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  :host(.L\:v-py-size-40),
+  .L\:v-py-size-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+  :host(.L\:v-pt-size-40),
+  .L\:v-pt-size-40 {
+    padding-top: 40px;
+  }
+  :host(.L\:v-pb-size-40),
+  .L\:v-pb-size-40 {
+    padding-bottom: 40px;
+  }
+  :host(.L\:v-pr-size-40),
+  .L\:v-pr-size-40 {
+    padding-right: 40px;
+  }
+  :host(.L\:v-pl-size-40),
+  .L\:v-pl-size-40 {
+    padding-left: 40px;
+  }
+  :host(.L\:v-p-size-48),
+  .L\:v-p-size-48 {
+    padding: 48px;
+  }
+  :host(.L\:v-px-size-48),
+  .L\:v-px-size-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  :host(.L\:v-py-size-48),
+  .L\:v-py-size-48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  :host(.L\:v-pt-size-48),
+  .L\:v-pt-size-48 {
+    padding-top: 48px;
+  }
+  :host(.L\:v-pb-size-48),
+  .L\:v-pb-size-48 {
+    padding-bottom: 48px;
+  }
+  :host(.L\:v-pr-size-48),
+  .L\:v-pr-size-48 {
+    padding-right: 48px;
+  }
+  :host(.L\:v-pl-size-48),
+  .L\:v-pl-size-48 {
+    padding-left: 48px;
+  }
+  :host(.L\:v-p-size-64),
+  .L\:v-p-size-64 {
+    padding: 64px;
+  }
+  :host(.L\:v-px-size-64),
+  .L\:v-px-size-64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+  :host(.L\:v-py-size-64),
+  .L\:v-py-size-64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+  :host(.L\:v-pt-size-64),
+  .L\:v-pt-size-64 {
+    padding-top: 64px;
+  }
+  :host(.L\:v-pb-size-64),
+  .L\:v-pb-size-64 {
+    padding-bottom: 64px;
+  }
+  :host(.L\:v-pr-size-64),
+  .L\:v-pr-size-64 {
+    padding-right: 64px;
+  }
+  :host(.L\:v-pl-size-64),
+  .L\:v-pl-size-64 {
+    padding-left: 64px;
+  }
+  :host(.L\:v-p-size-72),
+  .L\:v-p-size-72 {
+    padding: 72px;
+  }
+  :host(.L\:v-px-size-72),
+  .L\:v-px-size-72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+  :host(.L\:v-py-size-72),
+  .L\:v-py-size-72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+  :host(.L\:v-pt-size-72),
+  .L\:v-pt-size-72 {
+    padding-top: 72px;
+  }
+  :host(.L\:v-pb-size-72),
+  .L\:v-pb-size-72 {
+    padding-bottom: 72px;
+  }
+  :host(.L\:v-pr-size-72),
+  .L\:v-pr-size-72 {
+    padding-right: 72px;
+  }
+  :host(.L\:v-pl-size-72),
+  .L\:v-pl-size-72 {
+    padding-left: 72px;
+  }
+  :host(.L\:v-p-size-80),
+  .L\:v-p-size-80 {
+    padding: 80px;
+  }
+  :host(.L\:v-px-size-80),
+  .L\:v-px-size-80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+  :host(.L\:v-py-size-80),
+  .L\:v-py-size-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+  :host(.L\:v-pt-size-80),
+  .L\:v-pt-size-80 {
+    padding-top: 80px;
+  }
+  :host(.L\:v-pb-size-80),
+  .L\:v-pb-size-80 {
+    padding-bottom: 80px;
+  }
+  :host(.L\:v-pr-size-80),
+  .L\:v-pr-size-80 {
+    padding-right: 80px;
+  }
+  :host(.L\:v-pl-size-80),
+  .L\:v-pl-size-80 {
+    padding-left: 80px;
+  }
+  :host(.L\:v-p-size-112),
+  .L\:v-p-size-112 {
+    padding: 112px;
+  }
+  :host(.L\:v-px-size-112),
+  .L\:v-px-size-112 {
+    padding-left: 112px;
+    padding-right: 112px;
+  }
+  :host(.L\:v-py-size-112),
+  .L\:v-py-size-112 {
+    padding-top: 112px;
+    padding-bottom: 112px;
+  }
+  :host(.L\:v-pt-size-112),
+  .L\:v-pt-size-112 {
+    padding-top: 112px;
+  }
+  :host(.L\:v-pb-size-112),
+  .L\:v-pb-size-112 {
+    padding-bottom: 112px;
+  }
+  :host(.L\:v-pr-size-112),
+  .L\:v-pr-size-112 {
+    padding-right: 112px;
+  }
+  :host(.L\:v-pl-size-112),
+  .L\:v-pl-size-112 {
+    padding-left: 112px;
+  }
+  :host(.L\:v-p-size-2),
+  .L\:v-p-size-2 {
+    padding: 2px;
+  }
+  :host(.L\:v-px-size-2),
+  .L\:v-px-size-2 {
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  :host(.L\:v-py-size-2),
+  .L\:v-py-size-2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+  :host(.L\:v-pt-size-2),
+  .L\:v-pt-size-2 {
+    padding-top: 2px;
+  }
+  :host(.L\:v-pb-size-2),
+  .L\:v-pb-size-2 {
+    padding-bottom: 2px;
+  }
+  :host(.L\:v-pr-size-2),
+  .L\:v-pr-size-2 {
+    padding-right: 2px;
+  }
+  :host(.L\:v-pl-size-2),
+  .L\:v-pl-size-2 {
+    padding-left: 2px;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.XL\:v-p-0),
+  .XL\:v-p-0 {
+    padding: 0px;
+  }
+  :host(.XL\:v-px-0),
+  .XL\:v-px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.XL\:v-py-0),
+  .XL\:v-py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.XL\:v-pt-0),
+  .XL\:v-pt-0 {
+    padding-top: 0px;
+  }
+  :host(.XL\:v-pb-0),
+  .XL\:v-pb-0 {
+    padding-bottom: 0px;
+  }
+  :host(.XL\:v-pr-0),
+  .XL\:v-pr-0 {
+    padding-right: 0px;
+  }
+  :host(.XL\:v-pl-0),
+  .XL\:v-pl-0 {
+    padding-left: 0px;
+  }
+  :host(.XL\:v-p-size-0),
+  .XL\:v-p-size-0 {
+    padding: 0px;
+  }
+  :host(.XL\:v-px-size-0),
+  .XL\:v-px-size-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  :host(.XL\:v-py-size-0),
+  .XL\:v-py-size-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  :host(.XL\:v-pt-size-0),
+  .XL\:v-pt-size-0 {
+    padding-top: 0px;
+  }
+  :host(.XL\:v-pb-size-0),
+  .XL\:v-pb-size-0 {
+    padding-bottom: 0px;
+  }
+  :host(.XL\:v-pr-size-0),
+  .XL\:v-pr-size-0 {
+    padding-right: 0px;
+  }
+  :host(.XL\:v-pl-size-0),
+  .XL\:v-pl-size-0 {
+    padding-left: 0px;
+  }
+  :host(.XL\:v-p-size-4),
+  .XL\:v-p-size-4 {
+    padding: 4px;
+  }
+  :host(.XL\:v-px-size-4),
+  .XL\:v-px-size-4 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  :host(.XL\:v-py-size-4),
+  .XL\:v-py-size-4 {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+  :host(.XL\:v-pt-size-4),
+  .XL\:v-pt-size-4 {
+    padding-top: 4px;
+  }
+  :host(.XL\:v-pb-size-4),
+  .XL\:v-pb-size-4 {
+    padding-bottom: 4px;
+  }
+  :host(.XL\:v-pr-size-4),
+  .XL\:v-pr-size-4 {
+    padding-right: 4px;
+  }
+  :host(.XL\:v-pl-size-4),
+  .XL\:v-pl-size-4 {
+    padding-left: 4px;
+  }
+  :host(.XL\:v-p-size-8),
+  .XL\:v-p-size-8 {
+    padding: 8px;
+  }
+  :host(.XL\:v-px-size-8),
+  .XL\:v-px-size-8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  :host(.XL\:v-py-size-8),
+  .XL\:v-py-size-8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  :host(.XL\:v-pt-size-8),
+  .XL\:v-pt-size-8 {
+    padding-top: 8px;
+  }
+  :host(.XL\:v-pb-size-8),
+  .XL\:v-pb-size-8 {
+    padding-bottom: 8px;
+  }
+  :host(.XL\:v-pr-size-8),
+  .XL\:v-pr-size-8 {
+    padding-right: 8px;
+  }
+  :host(.XL\:v-pl-size-8),
+  .XL\:v-pl-size-8 {
+    padding-left: 8px;
+  }
+  :host(.XL\:v-p-size-12),
+  .XL\:v-p-size-12 {
+    padding: 12px;
+  }
+  :host(.XL\:v-px-size-12),
+  .XL\:v-px-size-12 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  :host(.XL\:v-py-size-12),
+  .XL\:v-py-size-12 {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  :host(.XL\:v-pt-size-12),
+  .XL\:v-pt-size-12 {
+    padding-top: 12px;
+  }
+  :host(.XL\:v-pb-size-12),
+  .XL\:v-pb-size-12 {
+    padding-bottom: 12px;
+  }
+  :host(.XL\:v-pr-size-12),
+  .XL\:v-pr-size-12 {
+    padding-right: 12px;
+  }
+  :host(.XL\:v-pl-size-12),
+  .XL\:v-pl-size-12 {
+    padding-left: 12px;
+  }
+  :host(.XL\:v-p-size-16),
+  .XL\:v-p-size-16 {
+    padding: 16px;
+  }
+  :host(.XL\:v-px-size-16),
+  .XL\:v-px-size-16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  :host(.XL\:v-py-size-16),
+  .XL\:v-py-size-16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+  :host(.XL\:v-pt-size-16),
+  .XL\:v-pt-size-16 {
+    padding-top: 16px;
+  }
+  :host(.XL\:v-pb-size-16),
+  .XL\:v-pb-size-16 {
+    padding-bottom: 16px;
+  }
+  :host(.XL\:v-pr-size-16),
+  .XL\:v-pr-size-16 {
+    padding-right: 16px;
+  }
+  :host(.XL\:v-pl-size-16),
+  .XL\:v-pl-size-16 {
+    padding-left: 16px;
+  }
+  :host(.XL\:v-p-size-20),
+  .XL\:v-p-size-20 {
+    padding: 20px;
+  }
+  :host(.XL\:v-px-size-20),
+  .XL\:v-px-size-20 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  :host(.XL\:v-py-size-20),
+  .XL\:v-py-size-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+  :host(.XL\:v-pt-size-20),
+  .XL\:v-pt-size-20 {
+    padding-top: 20px;
+  }
+  :host(.XL\:v-pb-size-20),
+  .XL\:v-pb-size-20 {
+    padding-bottom: 20px;
+  }
+  :host(.XL\:v-pr-size-20),
+  .XL\:v-pr-size-20 {
+    padding-right: 20px;
+  }
+  :host(.XL\:v-pl-size-20),
+  .XL\:v-pl-size-20 {
+    padding-left: 20px;
+  }
+  :host(.XL\:v-p-size-24),
+  .XL\:v-p-size-24 {
+    padding: 24px;
+  }
+  :host(.XL\:v-px-size-24),
+  .XL\:v-px-size-24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  :host(.XL\:v-py-size-24),
+  .XL\:v-py-size-24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+  :host(.XL\:v-pt-size-24),
+  .XL\:v-pt-size-24 {
+    padding-top: 24px;
+  }
+  :host(.XL\:v-pb-size-24),
+  .XL\:v-pb-size-24 {
+    padding-bottom: 24px;
+  }
+  :host(.XL\:v-pr-size-24),
+  .XL\:v-pr-size-24 {
+    padding-right: 24px;
+  }
+  :host(.XL\:v-pl-size-24),
+  .XL\:v-pl-size-24 {
+    padding-left: 24px;
+  }
+  :host(.XL\:v-p-size-32),
+  .XL\:v-p-size-32 {
+    padding: 32px;
+  }
+  :host(.XL\:v-px-size-32),
+  .XL\:v-px-size-32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  :host(.XL\:v-py-size-32),
+  .XL\:v-py-size-32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+  :host(.XL\:v-pt-size-32),
+  .XL\:v-pt-size-32 {
+    padding-top: 32px;
+  }
+  :host(.XL\:v-pb-size-32),
+  .XL\:v-pb-size-32 {
+    padding-bottom: 32px;
+  }
+  :host(.XL\:v-pr-size-32),
+  .XL\:v-pr-size-32 {
+    padding-right: 32px;
+  }
+  :host(.XL\:v-pl-size-32),
+  .XL\:v-pl-size-32 {
+    padding-left: 32px;
+  }
+  :host(.XL\:v-p-size-40),
+  .XL\:v-p-size-40 {
+    padding: 40px;
+  }
+  :host(.XL\:v-px-size-40),
+  .XL\:v-px-size-40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  :host(.XL\:v-py-size-40),
+  .XL\:v-py-size-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+  :host(.XL\:v-pt-size-40),
+  .XL\:v-pt-size-40 {
+    padding-top: 40px;
+  }
+  :host(.XL\:v-pb-size-40),
+  .XL\:v-pb-size-40 {
+    padding-bottom: 40px;
+  }
+  :host(.XL\:v-pr-size-40),
+  .XL\:v-pr-size-40 {
+    padding-right: 40px;
+  }
+  :host(.XL\:v-pl-size-40),
+  .XL\:v-pl-size-40 {
+    padding-left: 40px;
+  }
+  :host(.XL\:v-p-size-48),
+  .XL\:v-p-size-48 {
+    padding: 48px;
+  }
+  :host(.XL\:v-px-size-48),
+  .XL\:v-px-size-48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  :host(.XL\:v-py-size-48),
+  .XL\:v-py-size-48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  :host(.XL\:v-pt-size-48),
+  .XL\:v-pt-size-48 {
+    padding-top: 48px;
+  }
+  :host(.XL\:v-pb-size-48),
+  .XL\:v-pb-size-48 {
+    padding-bottom: 48px;
+  }
+  :host(.XL\:v-pr-size-48),
+  .XL\:v-pr-size-48 {
+    padding-right: 48px;
+  }
+  :host(.XL\:v-pl-size-48),
+  .XL\:v-pl-size-48 {
+    padding-left: 48px;
+  }
+  :host(.XL\:v-p-size-64),
+  .XL\:v-p-size-64 {
+    padding: 64px;
+  }
+  :host(.XL\:v-px-size-64),
+  .XL\:v-px-size-64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+  :host(.XL\:v-py-size-64),
+  .XL\:v-py-size-64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+  :host(.XL\:v-pt-size-64),
+  .XL\:v-pt-size-64 {
+    padding-top: 64px;
+  }
+  :host(.XL\:v-pb-size-64),
+  .XL\:v-pb-size-64 {
+    padding-bottom: 64px;
+  }
+  :host(.XL\:v-pr-size-64),
+  .XL\:v-pr-size-64 {
+    padding-right: 64px;
+  }
+  :host(.XL\:v-pl-size-64),
+  .XL\:v-pl-size-64 {
+    padding-left: 64px;
+  }
+  :host(.XL\:v-p-size-72),
+  .XL\:v-p-size-72 {
+    padding: 72px;
+  }
+  :host(.XL\:v-px-size-72),
+  .XL\:v-px-size-72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+  :host(.XL\:v-py-size-72),
+  .XL\:v-py-size-72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+  :host(.XL\:v-pt-size-72),
+  .XL\:v-pt-size-72 {
+    padding-top: 72px;
+  }
+  :host(.XL\:v-pb-size-72),
+  .XL\:v-pb-size-72 {
+    padding-bottom: 72px;
+  }
+  :host(.XL\:v-pr-size-72),
+  .XL\:v-pr-size-72 {
+    padding-right: 72px;
+  }
+  :host(.XL\:v-pl-size-72),
+  .XL\:v-pl-size-72 {
+    padding-left: 72px;
+  }
+  :host(.XL\:v-p-size-80),
+  .XL\:v-p-size-80 {
+    padding: 80px;
+  }
+  :host(.XL\:v-px-size-80),
+  .XL\:v-px-size-80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+  :host(.XL\:v-py-size-80),
+  .XL\:v-py-size-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+  :host(.XL\:v-pt-size-80),
+  .XL\:v-pt-size-80 {
+    padding-top: 80px;
+  }
+  :host(.XL\:v-pb-size-80),
+  .XL\:v-pb-size-80 {
+    padding-bottom: 80px;
+  }
+  :host(.XL\:v-pr-size-80),
+  .XL\:v-pr-size-80 {
+    padding-right: 80px;
+  }
+  :host(.XL\:v-pl-size-80),
+  .XL\:v-pl-size-80 {
+    padding-left: 80px;
+  }
+  :host(.XL\:v-p-size-112),
+  .XL\:v-p-size-112 {
+    padding: 112px;
+  }
+  :host(.XL\:v-px-size-112),
+  .XL\:v-px-size-112 {
+    padding-left: 112px;
+    padding-right: 112px;
+  }
+  :host(.XL\:v-py-size-112),
+  .XL\:v-py-size-112 {
+    padding-top: 112px;
+    padding-bottom: 112px;
+  }
+  :host(.XL\:v-pt-size-112),
+  .XL\:v-pt-size-112 {
+    padding-top: 112px;
+  }
+  :host(.XL\:v-pb-size-112),
+  .XL\:v-pb-size-112 {
+    padding-bottom: 112px;
+  }
+  :host(.XL\:v-pr-size-112),
+  .XL\:v-pr-size-112 {
+    padding-right: 112px;
+  }
+  :host(.XL\:v-pl-size-112),
+  .XL\:v-pl-size-112 {
+    padding-left: 112px;
+  }
+  :host(.XL\:v-p-size-2),
+  .XL\:v-p-size-2 {
+    padding: 2px;
+  }
+  :host(.XL\:v-px-size-2),
+  .XL\:v-px-size-2 {
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  :host(.XL\:v-py-size-2),
+  .XL\:v-py-size-2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+  :host(.XL\:v-pt-size-2),
+  .XL\:v-pt-size-2 {
+    padding-top: 2px;
+  }
+  :host(.XL\:v-pb-size-2),
+  .XL\:v-pb-size-2 {
+    padding-bottom: 2px;
+  }
+  :host(.XL\:v-pr-size-2),
+  .XL\:v-pr-size-2 {
+    padding-right: 2px;
+  }
+  :host(.XL\:v-pl-size-2),
+  .XL\:v-pl-size-2 {
+    padding-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 */ /* 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
+ */
+:host {
+  display: none;
+  box-sizing: border-box;
+  overflow-y: auto;
+  text-align: left;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  align-items: flex-start;
+}
+
+.modal-dialog {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 64px;
+  margin-bottom: 64px;
+}
+
+:host(.align-center) {
+  align-items: center;
+}
+
+.modal-container {
+  background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  box-shadow: var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16));
+  border-radius: 12px;
+  box-sizing: border-box;
+  pointer-events: auto;
+  overflow: hidden;
+}
+
+:host(.animation) .modal-container {
+  animation-name: animatetop;
+  animation-duration: 0.4s;
+}
+
+.vega-modal-header {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  gap: 8px;
+  padding-bottom: 0px;
+}
+
+.vega-modal-header.vega-modal-header-with-title,
+.vega-modal-header.vega-modal-header-with-icon {
+  padding-bottom: 16px;
+}
+
+.vega-modal-header-with-content-scroll:not(.vega-modal-header-with-title):not(.vega-modal-header-with-icon) {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.vega-modal-header-with-content-scroll.vega-modal-header-with-icon,
+.vega-modal-header-with-content-scroll.vega-modal-header-with-title {
+  box-shadow: var(--v-shadow-modal-header, 0px 1px 0px 0px rgba(45, 76, 97, 0.15));
+}
+
+.vega-modal-title {
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  font-family: "Inter", sans-serif;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  letter-spacing: 0px;
+  flex-grow: 1;
+  word-break: break-word;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .vega-modal-title {
+    font-family: "Inter", sans-serif;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 32px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  .vega-modal-title {
+    font-family: "Inter", sans-serif;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 32px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  .vega-modal-title {
+    font-family: "Inter", sans-serif;
+    font-size: 28px;
+    font-weight: 700;
+    line-height: 36px;
+    letter-spacing: 0px;
+  }
+}
+
+.vega-modal-close-btn {
+  cursor: pointer;
+}
+
+.vega-modal-content {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.vega-modal-content-with-scroll {
+  padding-top: 24px;
+  padding-bottom: 24px;
+  overflow: auto;
+}
+
+.vega-modal-footer:not(.vega-modal-footer-with-slot) {
+  padding-top: 0px;
+}
+
+.vega-modal-footer-with-content-scroll:not(.vega-modal-footer-with-slot) {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot {
+  box-shadow: var(--v-shadow-modal-footer, 0px -2px 8px 0px rgba(45, 76, 97, 0.2), 0px -1px 0px 0px rgba(45, 76, 97, 0.15));
+}
+
+.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot.vega-modal-footer-with-content-scroll-to-bottom {
+  box-shadow: var(--v-shadow-modal-footer-no-scroll, 0px -1px 0px 0px rgba(45, 76, 97, 0.15));
+}
+
+@keyframes animatetop {
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}