@ivds/core 0.1.1

package/lib/utils/utils.css

@@ -0,0 +1,2434 @@
+/* All utilities bundle*/
+/* This file imports all utility classes for the IVDS Core package*/
+.ivds-m-0 {
+  margin: var(--spacing-0, 0) !important;
+}
+.ivds-m-1 {
+  margin: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-m-2 {
+  margin: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-m-3 {
+  margin: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-m-4 {
+  margin: var(--spacing-4, 1rem) !important;
+}
+.ivds-m-5 {
+  margin: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-m-6 {
+  margin: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-m-8 {
+  margin: var(--spacing-8, 2rem) !important;
+}
+.ivds-m-10 {
+  margin: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-m-12 {
+  margin: var(--spacing-12, 3rem) !important;
+}
+.ivds-m-16 {
+  margin: var(--spacing-16, 4rem) !important;
+}
+.ivds-m-20 {
+  margin: var(--spacing-20, 5rem) !important;
+}
+.ivds-m-24 {
+  margin: var(--spacing-24, 6rem) !important;
+}
+.ivds-m-32 {
+  margin: var(--spacing-32, 8rem) !important;
+}
+.ivds-mx-0 {
+  margin-left: var(--spacing-0, 0) !important;
+  margin-right: var(--spacing-0, 0) !important;
+}
+.ivds-mx-1 {
+  margin-left: var(--spacing-1, 0.25rem) !important;
+  margin-right: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-mx-2 {
+  margin-left: var(--spacing-2, 0.5rem) !important;
+  margin-right: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-mx-3 {
+  margin-left: var(--spacing-3, 0.75rem) !important;
+  margin-right: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-mx-4 {
+  margin-left: var(--spacing-4, 1rem) !important;
+  margin-right: var(--spacing-4, 1rem) !important;
+}
+.ivds-mx-5 {
+  margin-left: var(--spacing-5, 1.25rem) !important;
+  margin-right: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-mx-6 {
+  margin-left: var(--spacing-6, 1.5rem) !important;
+  margin-right: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-mx-8 {
+  margin-left: var(--spacing-8, 2rem) !important;
+  margin-right: var(--spacing-8, 2rem) !important;
+}
+.ivds-mx-10 {
+  margin-left: var(--spacing-10, 2.5rem) !important;
+  margin-right: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-mx-12 {
+  margin-left: var(--spacing-12, 3rem) !important;
+  margin-right: var(--spacing-12, 3rem) !important;
+}
+.ivds-mx-16 {
+  margin-left: var(--spacing-16, 4rem) !important;
+  margin-right: var(--spacing-16, 4rem) !important;
+}
+.ivds-mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.ivds-my-0 {
+  margin-top: var(--spacing-0, 0) !important;
+  margin-bottom: var(--spacing-0, 0) !important;
+}
+.ivds-my-1 {
+  margin-top: var(--spacing-1, 0.25rem) !important;
+  margin-bottom: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-my-2 {
+  margin-top: var(--spacing-2, 0.5rem) !important;
+  margin-bottom: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-my-3 {
+  margin-top: var(--spacing-3, 0.75rem) !important;
+  margin-bottom: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-my-4 {
+  margin-top: var(--spacing-4, 1rem) !important;
+  margin-bottom: var(--spacing-4, 1rem) !important;
+}
+.ivds-my-5 {
+  margin-top: var(--spacing-5, 1.25rem) !important;
+  margin-bottom: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-my-6 {
+  margin-top: var(--spacing-6, 1.5rem) !important;
+  margin-bottom: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-my-8 {
+  margin-top: var(--spacing-8, 2rem) !important;
+  margin-bottom: var(--spacing-8, 2rem) !important;
+}
+.ivds-my-10 {
+  margin-top: var(--spacing-10, 2.5rem) !important;
+  margin-bottom: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-my-12 {
+  margin-top: var(--spacing-12, 3rem) !important;
+  margin-bottom: var(--spacing-12, 3rem) !important;
+}
+.ivds-my-16 {
+  margin-top: var(--spacing-16, 4rem) !important;
+  margin-bottom: var(--spacing-16, 4rem) !important;
+}
+.ivds-mt-0 {
+  margin-top: var(--spacing-0, 0) !important;
+}
+.ivds-mt-1 {
+  margin-top: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-mt-2 {
+  margin-top: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-mt-3 {
+  margin-top: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-mt-4 {
+  margin-top: var(--spacing-4, 1rem) !important;
+}
+.ivds-mt-5 {
+  margin-top: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-mt-6 {
+  margin-top: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-mt-8 {
+  margin-top: var(--spacing-8, 2rem) !important;
+}
+.ivds-mt-10 {
+  margin-top: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-mt-12 {
+  margin-top: var(--spacing-12, 3rem) !important;
+}
+.ivds-mt-16 {
+  margin-top: var(--spacing-16, 4rem) !important;
+}
+.ivds-mr-0 {
+  margin-right: var(--spacing-0, 0) !important;
+}
+.ivds-mr-1 {
+  margin-right: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-mr-2 {
+  margin-right: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-mr-3 {
+  margin-right: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-mr-4 {
+  margin-right: var(--spacing-4, 1rem) !important;
+}
+.ivds-mr-5 {
+  margin-right: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-mr-6 {
+  margin-right: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-mr-8 {
+  margin-right: var(--spacing-8, 2rem) !important;
+}
+.ivds-mr-10 {
+  margin-right: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-mr-12 {
+  margin-right: var(--spacing-12, 3rem) !important;
+}
+.ivds-mr-16 {
+  margin-right: var(--spacing-16, 4rem) !important;
+}
+.ivds-mb-0 {
+  margin-bottom: var(--spacing-0, 0) !important;
+}
+.ivds-mb-1 {
+  margin-bottom: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-mb-2 {
+  margin-bottom: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-mb-3 {
+  margin-bottom: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-mb-4 {
+  margin-bottom: var(--spacing-4, 1rem) !important;
+}
+.ivds-mb-5 {
+  margin-bottom: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-mb-6 {
+  margin-bottom: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-mb-8 {
+  margin-bottom: var(--spacing-8, 2rem) !important;
+}
+.ivds-mb-10 {
+  margin-bottom: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-mb-12 {
+  margin-bottom: var(--spacing-12, 3rem) !important;
+}
+.ivds-mb-16 {
+  margin-bottom: var(--spacing-16, 4rem) !important;
+}
+.ivds-ml-0 {
+  margin-left: var(--spacing-0, 0) !important;
+}
+.ivds-ml-1 {
+  margin-left: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-ml-2 {
+  margin-left: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-ml-3 {
+  margin-left: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-ml-4 {
+  margin-left: var(--spacing-4, 1rem) !important;
+}
+.ivds-ml-5 {
+  margin-left: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-ml-6 {
+  margin-left: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-ml-8 {
+  margin-left: var(--spacing-8, 2rem) !important;
+}
+.ivds-ml-10 {
+  margin-left: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-ml-12 {
+  margin-left: var(--spacing-12, 3rem) !important;
+}
+.ivds-ml-16 {
+  margin-left: var(--spacing-16, 4rem) !important;
+}
+.ivds-p-0 {
+  padding: var(--spacing-0, 0) !important;
+}
+.ivds-p-1 {
+  padding: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-p-2 {
+  padding: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-p-3 {
+  padding: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-p-4 {
+  padding: var(--spacing-4, 1rem) !important;
+}
+.ivds-p-5 {
+  padding: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-p-6 {
+  padding: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-p-8 {
+  padding: var(--spacing-8, 2rem) !important;
+}
+.ivds-p-10 {
+  padding: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-p-12 {
+  padding: var(--spacing-12, 3rem) !important;
+}
+.ivds-p-16 {
+  padding: var(--spacing-16, 4rem) !important;
+}
+.ivds-p-20 {
+  padding: var(--spacing-20, 5rem) !important;
+}
+.ivds-p-24 {
+  padding: var(--spacing-24, 6rem) !important;
+}
+.ivds-p-32 {
+  padding: var(--spacing-32, 8rem) !important;
+}
+.ivds-px-0 {
+  padding-left: var(--spacing-0, 0) !important;
+  padding-right: var(--spacing-0, 0) !important;
+}
+.ivds-px-1 {
+  padding-left: var(--spacing-1, 0.25rem) !important;
+  padding-right: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-px-2 {
+  padding-left: var(--spacing-2, 0.5rem) !important;
+  padding-right: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-px-3 {
+  padding-left: var(--spacing-3, 0.75rem) !important;
+  padding-right: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-px-4 {
+  padding-left: var(--spacing-4, 1rem) !important;
+  padding-right: var(--spacing-4, 1rem) !important;
+}
+.ivds-px-5 {
+  padding-left: var(--spacing-5, 1.25rem) !important;
+  padding-right: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-px-6 {
+  padding-left: var(--spacing-6, 1.5rem) !important;
+  padding-right: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-px-8 {
+  padding-left: var(--spacing-8, 2rem) !important;
+  padding-right: var(--spacing-8, 2rem) !important;
+}
+.ivds-px-10 {
+  padding-left: var(--spacing-10, 2.5rem) !important;
+  padding-right: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-px-12 {
+  padding-left: var(--spacing-12, 3rem) !important;
+  padding-right: var(--spacing-12, 3rem) !important;
+}
+.ivds-px-16 {
+  padding-left: var(--spacing-16, 4rem) !important;
+  padding-right: var(--spacing-16, 4rem) !important;
+}
+.ivds-py-0 {
+  padding-top: var(--spacing-0, 0) !important;
+  padding-bottom: var(--spacing-0, 0) !important;
+}
+.ivds-py-1 {
+  padding-top: var(--spacing-1, 0.25rem) !important;
+  padding-bottom: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-py-2 {
+  padding-top: var(--spacing-2, 0.5rem) !important;
+  padding-bottom: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-py-3 {
+  padding-top: var(--spacing-3, 0.75rem) !important;
+  padding-bottom: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-py-4 {
+  padding-top: var(--spacing-4, 1rem) !important;
+  padding-bottom: var(--spacing-4, 1rem) !important;
+}
+.ivds-py-5 {
+  padding-top: var(--spacing-5, 1.25rem) !important;
+  padding-bottom: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-py-6 {
+  padding-top: var(--spacing-6, 1.5rem) !important;
+  padding-bottom: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-py-8 {
+  padding-top: var(--spacing-8, 2rem) !important;
+  padding-bottom: var(--spacing-8, 2rem) !important;
+}
+.ivds-py-10 {
+  padding-top: var(--spacing-10, 2.5rem) !important;
+  padding-bottom: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-py-12 {
+  padding-top: var(--spacing-12, 3rem) !important;
+  padding-bottom: var(--spacing-12, 3rem) !important;
+}
+.ivds-py-16 {
+  padding-top: var(--spacing-16, 4rem) !important;
+  padding-bottom: var(--spacing-16, 4rem) !important;
+}
+.ivds-pt-0 {
+  padding-top: var(--spacing-0, 0) !important;
+}
+.ivds-pt-1 {
+  padding-top: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-pt-2 {
+  padding-top: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-pt-3 {
+  padding-top: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-pt-4 {
+  padding-top: var(--spacing-4, 1rem) !important;
+}
+.ivds-pt-5 {
+  padding-top: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-pt-6 {
+  padding-top: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-pt-8 {
+  padding-top: var(--spacing-8, 2rem) !important;
+}
+.ivds-pt-10 {
+  padding-top: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-pt-12 {
+  padding-top: var(--spacing-12, 3rem) !important;
+}
+.ivds-pt-16 {
+  padding-top: var(--spacing-16, 4rem) !important;
+}
+.ivds-pr-0 {
+  padding-right: var(--spacing-0, 0) !important;
+}
+.ivds-pr-1 {
+  padding-right: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-pr-2 {
+  padding-right: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-pr-3 {
+  padding-right: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-pr-4 {
+  padding-right: var(--spacing-4, 1rem) !important;
+}
+.ivds-pr-5 {
+  padding-right: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-pr-6 {
+  padding-right: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-pr-8 {
+  padding-right: var(--spacing-8, 2rem) !important;
+}
+.ivds-pr-10 {
+  padding-right: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-pr-12 {
+  padding-right: var(--spacing-12, 3rem) !important;
+}
+.ivds-pr-16 {
+  padding-right: var(--spacing-16, 4rem) !important;
+}
+.ivds-pb-0 {
+  padding-bottom: var(--spacing-0, 0) !important;
+}
+.ivds-pb-1 {
+  padding-bottom: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-pb-2 {
+  padding-bottom: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-pb-3 {
+  padding-bottom: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-pb-4 {
+  padding-bottom: var(--spacing-4, 1rem) !important;
+}
+.ivds-pb-5 {
+  padding-bottom: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-pb-6 {
+  padding-bottom: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-pb-8 {
+  padding-bottom: var(--spacing-8, 2rem) !important;
+}
+.ivds-pb-10 {
+  padding-bottom: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-pb-12 {
+  padding-bottom: var(--spacing-12, 3rem) !important;
+}
+.ivds-pb-16 {
+  padding-bottom: var(--spacing-16, 4rem) !important;
+}
+.ivds-pl-0 {
+  padding-left: var(--spacing-0, 0) !important;
+}
+.ivds-pl-1 {
+  padding-left: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-pl-2 {
+  padding-left: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-pl-3 {
+  padding-left: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-pl-4 {
+  padding-left: var(--spacing-4, 1rem) !important;
+}
+.ivds-pl-5 {
+  padding-left: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-pl-6 {
+  padding-left: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-pl-8 {
+  padding-left: var(--spacing-8, 2rem) !important;
+}
+.ivds-pl-10 {
+  padding-left: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-pl-12 {
+  padding-left: var(--spacing-12, 3rem) !important;
+}
+.ivds-pl-16 {
+  padding-left: var(--spacing-16, 4rem) !important;
+}
+@media (min-width: 640px) {
+  .ivds-sm-m-0 {
+    margin: var(--spacing-0, 0) !important;
+  }
+  .ivds-sm-m-1 {
+    margin: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-sm-m-2 {
+    margin: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-sm-m-3 {
+    margin: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-sm-m-4 {
+    margin: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-sm-m-6 {
+    margin: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-sm-m-8 {
+    margin: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-sm-m-12 {
+    margin: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-sm-m-16 {
+    margin: var(--spacing-16, 4rem) !important;
+  }
+  .ivds-sm-p-0 {
+    padding: var(--spacing-0, 0) !important;
+  }
+  .ivds-sm-p-1 {
+    padding: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-sm-p-2 {
+    padding: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-sm-p-3 {
+    padding: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-sm-p-4 {
+    padding: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-sm-p-6 {
+    padding: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-sm-p-8 {
+    padding: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-sm-p-12 {
+    padding: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-sm-p-16 {
+    padding: var(--spacing-16, 4rem) !important;
+  }
+}
+@media (min-width: 768px) {
+  .ivds-md-m-0 {
+    margin: var(--spacing-0, 0) !important;
+  }
+  .ivds-md-m-1 {
+    margin: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-md-m-2 {
+    margin: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-md-m-3 {
+    margin: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-md-m-4 {
+    margin: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-md-m-6 {
+    margin: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-md-m-8 {
+    margin: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-md-m-12 {
+    margin: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-md-m-16 {
+    margin: var(--spacing-16, 4rem) !important;
+  }
+  .ivds-md-p-0 {
+    padding: var(--spacing-0, 0) !important;
+  }
+  .ivds-md-p-1 {
+    padding: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-md-p-2 {
+    padding: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-md-p-3 {
+    padding: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-md-p-4 {
+    padding: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-md-p-6 {
+    padding: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-md-p-8 {
+    padding: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-md-p-12 {
+    padding: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-md-p-16 {
+    padding: var(--spacing-16, 4rem) !important;
+  }
+}
+@media (min-width: 1024px) {
+  .ivds-lg-m-0 {
+    margin: var(--spacing-0, 0) !important;
+  }
+  .ivds-lg-m-1 {
+    margin: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-lg-m-2 {
+    margin: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-lg-m-3 {
+    margin: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-lg-m-4 {
+    margin: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-lg-m-6 {
+    margin: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-lg-m-8 {
+    margin: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-lg-m-12 {
+    margin: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-lg-m-16 {
+    margin: var(--spacing-16, 4rem) !important;
+  }
+  .ivds-lg-p-0 {
+    padding: var(--spacing-0, 0) !important;
+  }
+  .ivds-lg-p-1 {
+    padding: var(--spacing-1, 0.25rem) !important;
+  }
+  .ivds-lg-p-2 {
+    padding: var(--spacing-2, 0.5rem) !important;
+  }
+  .ivds-lg-p-3 {
+    padding: var(--spacing-3, 0.75rem) !important;
+  }
+  .ivds-lg-p-4 {
+    padding: var(--spacing-4, 1rem) !important;
+  }
+  .ivds-lg-p-6 {
+    padding: var(--spacing-6, 1.5rem) !important;
+  }
+  .ivds-lg-p-8 {
+    padding: var(--spacing-8, 2rem) !important;
+  }
+  .ivds-lg-p-12 {
+    padding: var(--spacing-12, 3rem) !important;
+  }
+  .ivds-lg-p-16 {
+    padding: var(--spacing-16, 4rem) !important;
+  }
+}
+.ivds-text-xs {
+  font-size: var(--fontSize-xs, 0.75rem) !important;
+}
+.ivds-text-sm {
+  font-size: var(--fontSize-sm, 0.875rem) !important;
+}
+.ivds-text-base {
+  font-size: var(--fontSize-base, 1rem) !important;
+}
+.ivds-text-lg {
+  font-size: var(--fontSize-lg, 1.125rem) !important;
+}
+.ivds-text-xl {
+  font-size: var(--fontSize-xl, 1.25rem) !important;
+}
+.ivds-text-2xl {
+  font-size: var(--fontSize-2xl, 1.5rem) !important;
+}
+.ivds-text-3xl {
+  font-size: var(--fontSize-3xl, 1.875rem) !important;
+}
+.ivds-text-4xl {
+  font-size: var(--fontSize-4xl, 2.25rem) !important;
+}
+.ivds-text-5xl {
+  font-size: var(--fontSize-5xl, 3rem) !important;
+}
+.ivds-text-6xl {
+  font-size: var(--fontSize-6xl, 3.75rem) !important;
+}
+.ivds-text-7xl {
+  font-size: var(--fontSize-7xl, 4.5rem) !important;
+}
+.ivds-text-8xl {
+  font-size: var(--fontSize-8xl, 6rem) !important;
+}
+.ivds-text-9xl {
+  font-size: var(--fontSize-9xl, 8rem) !important;
+}
+.ivds-font-thin {
+  font-weight: var(--fontWeight-thin, 100) !important;
+}
+.ivds-font-extralight {
+  font-weight: var(--fontWeight-extralight, 200) !important;
+}
+.ivds-font-light {
+  font-weight: var(--fontWeight-light, 300) !important;
+}
+.ivds-font-normal {
+  font-weight: var(--fontWeight-normal, 400) !important;
+}
+.ivds-font-medium {
+  font-weight: var(--fontWeight-medium, 500) !important;
+}
+.ivds-font-semibold {
+  font-weight: var(--fontWeight-semibold, 600) !important;
+}
+.ivds-font-bold {
+  font-weight: var(--fontWeight-bold, 700) !important;
+}
+.ivds-font-extrabold {
+  font-weight: var(--fontWeight-extrabold, 800) !important;
+}
+.ivds-font-black {
+  font-weight: var(--fontWeight-black, 900) !important;
+}
+.ivds-leading-none {
+  line-height: var(--lineHeight-none, 1) !important;
+}
+.ivds-leading-tight {
+  line-height: var(--lineHeight-tight, 1.25) !important;
+}
+.ivds-leading-snug {
+  line-height: var(--lineHeight-snug, 1.375) !important;
+}
+.ivds-leading-normal {
+  line-height: var(--lineHeight-normal, 1.5) !important;
+}
+.ivds-leading-relaxed {
+  line-height: var(--lineHeight-relaxed, 1.625) !important;
+}
+.ivds-leading-loose {
+  line-height: var(--lineHeight-loose, 2) !important;
+}
+.ivds-text-left {
+  text-align: left !important;
+}
+.ivds-text-center {
+  text-align: center !important;
+}
+.ivds-text-right {
+  text-align: right !important;
+}
+.ivds-text-justify {
+  text-align: justify !important;
+}
+.ivds-text-primary {
+  color: var(--color-semantic-neutral-900, #111827) !important;
+}
+.ivds-text-secondary {
+  color: var(--color-semantic-neutral-600, #4b5563) !important;
+}
+.ivds-text-muted {
+  color: var(--color-semantic-neutral-500, #6b7280) !important;
+}
+.ivds-text-disabled {
+  color: var(--color-semantic-neutral-400, #9ca3af) !important;
+}
+.ivds-text-white {
+  color: var(--color-semantic-neutral-50, #f9fafb) !important;
+}
+.ivds-text-black {
+  color: var(--color-semantic-neutral-900, #111827) !important;
+}
+.ivds-text-brand-primary {
+  color: var(--color-brand-primary-500, #0ea5e9) !important;
+}
+.ivds-text-brand-secondary {
+  color: var(--color-brand-secondary-500, #8b5cf6) !important;
+}
+.ivds-text-success {
+  color: var(--color-semantic-success-500, #10b981) !important;
+}
+.ivds-text-warning {
+  color: var(--color-semantic-warning-500, #f59e0b) !important;
+}
+.ivds-text-error {
+  color: var(--color-semantic-error-500, #ef4444) !important;
+}
+.ivds-text-info {
+  color: var(--color-semantic-info-500, #3b82f6) !important;
+}
+.ivds-underline {
+  text-decoration: underline !important;
+}
+.ivds-line-through {
+  text-decoration: line-through !important;
+}
+.ivds-no-underline {
+  text-decoration: none !important;
+}
+.ivds-uppercase {
+  text-transform: uppercase !important;
+}
+.ivds-lowercase {
+  text-transform: lowercase !important;
+}
+.ivds-capitalize {
+  text-transform: capitalize !important;
+}
+.ivds-normal-case {
+  text-transform: none !important;
+}
+.ivds-italic {
+  font-style: italic !important;
+}
+.ivds-not-italic {
+  font-style: normal !important;
+}
+.ivds-truncate {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+.ivds-text-ellipsis {
+  text-overflow: ellipsis !important;
+}
+.ivds-text-clip {
+  text-overflow: clip !important;
+}
+.ivds-whitespace-normal {
+  white-space: normal !important;
+}
+.ivds-whitespace-nowrap {
+  white-space: nowrap !important;
+}
+.ivds-whitespace-pre {
+  white-space: pre !important;
+}
+.ivds-whitespace-pre-line {
+  white-space: pre-line !important;
+}
+.ivds-whitespace-pre-wrap {
+  white-space: pre-wrap !important;
+}
+.ivds-break-normal {
+  overflow-wrap: normal !important;
+  word-break: normal !important;
+}
+.ivds-break-words {
+  overflow-wrap: break-word !important;
+}
+.ivds-break-all {
+  word-break: break-all !important;
+}
+.ivds-tracking-tighter {
+  letter-spacing: -0.05em !important;
+}
+.ivds-tracking-tight {
+  letter-spacing: -0.025em !important;
+}
+.ivds-tracking-normal {
+  letter-spacing: 0 !important;
+}
+.ivds-tracking-wide {
+  letter-spacing: 0.025em !important;
+}
+.ivds-tracking-wider {
+  letter-spacing: 0.05em !important;
+}
+.ivds-tracking-widest {
+  letter-spacing: 0.1em !important;
+}
+.ivds-block {
+  display: block !important;
+}
+.ivds-inline {
+  display: inline !important;
+}
+.ivds-inline-block {
+  display: inline-block !important;
+}
+.ivds-flex {
+  display: flex !important;
+}
+.ivds-inline-flex {
+  display: inline-flex !important;
+}
+.ivds-grid {
+  display: grid !important;
+}
+.ivds-inline-grid {
+  display: inline-grid !important;
+}
+.ivds-table {
+  display: table !important;
+}
+.ivds-table-cell {
+  display: table-cell !important;
+}
+.ivds-table-row {
+  display: table-row !important;
+}
+.ivds-hidden {
+  display: none !important;
+}
+.ivds-static {
+  position: static !important;
+}
+.ivds-relative {
+  position: relative !important;
+}
+.ivds-absolute {
+  position: absolute !important;
+}
+.ivds-fixed {
+  position: fixed !important;
+}
+.ivds-sticky {
+  position: sticky !important;
+}
+.ivds-inset-0 {
+  top: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+}
+.ivds-inset-auto {
+  top: auto !important;
+  right: auto !important;
+  bottom: auto !important;
+  left: auto !important;
+}
+.ivds-inset-x-0 {
+  left: 0 !important;
+  right: 0 !important;
+}
+.ivds-inset-x-auto {
+  left: auto !important;
+  right: auto !important;
+}
+.ivds-inset-y-0 {
+  top: 0 !important;
+  bottom: 0 !important;
+}
+.ivds-inset-y-auto {
+  top: auto !important;
+  bottom: auto !important;
+}
+.ivds-top-0 {
+  top: 0 !important;
+}
+.ivds-top-auto {
+  top: auto !important;
+}
+.ivds-right-0 {
+  right: 0 !important;
+}
+.ivds-right-auto {
+  right: auto !important;
+}
+.ivds-bottom-0 {
+  bottom: 0 !important;
+}
+.ivds-bottom-auto {
+  bottom: auto !important;
+}
+.ivds-left-0 {
+  left: 0 !important;
+}
+.ivds-left-auto {
+  left: auto !important;
+}
+.ivds-overflow-auto {
+  overflow: auto !important;
+}
+.ivds-overflow-hidden {
+  overflow: hidden !important;
+}
+.ivds-overflow-visible {
+  overflow: visible !important;
+}
+.ivds-overflow-scroll {
+  overflow: scroll !important;
+}
+.ivds-overflow-x-auto {
+  overflow-x: auto !important;
+}
+.ivds-overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+.ivds-overflow-x-visible {
+  overflow-x: visible !important;
+}
+.ivds-overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+.ivds-overflow-y-auto {
+  overflow-y: auto !important;
+}
+.ivds-overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+.ivds-overflow-y-visible {
+  overflow-y: visible !important;
+}
+.ivds-overflow-y-scroll {
+  overflow-y: scroll !important;
+}
+.ivds-visible {
+  visibility: visible !important;
+}
+.ivds-invisible {
+  visibility: hidden !important;
+}
+.ivds-z-0 {
+  z-index: 0 !important;
+}
+.ivds-z-10 {
+  z-index: 10 !important;
+}
+.ivds-z-20 {
+  z-index: 20 !important;
+}
+.ivds-z-30 {
+  z-index: 30 !important;
+}
+.ivds-z-40 {
+  z-index: 40 !important;
+}
+.ivds-z-50 {
+  z-index: 50 !important;
+}
+.ivds-z-auto {
+  z-index: auto !important;
+}
+.ivds-float-right {
+  float: right !important;
+}
+.ivds-float-left {
+  float: left !important;
+}
+.ivds-float-none {
+  float: none !important;
+}
+.ivds-clear-left {
+  clear: left !important;
+}
+.ivds-clear-right {
+  clear: right !important;
+}
+.ivds-clear-both {
+  clear: both !important;
+}
+.ivds-clear-none {
+  clear: none !important;
+}
+.ivds-object-contain {
+  -o-object-fit: contain !important;
+     object-fit: contain !important;
+}
+.ivds-object-cover {
+  -o-object-fit: cover !important;
+     object-fit: cover !important;
+}
+.ivds-object-fill {
+  -o-object-fit: fill !important;
+     object-fit: fill !important;
+}
+.ivds-object-none {
+  -o-object-fit: none !important;
+     object-fit: none !important;
+}
+.ivds-object-scale-down {
+  -o-object-fit: scale-down !important;
+     object-fit: scale-down !important;
+}
+.ivds-object-bottom {
+  -o-object-position: bottom !important;
+     object-position: bottom !important;
+}
+.ivds-object-center {
+  -o-object-position: center !important;
+     object-position: center !important;
+}
+.ivds-object-left {
+  -o-object-position: left !important;
+     object-position: left !important;
+}
+.ivds-object-left-bottom {
+  -o-object-position: left bottom !important;
+     object-position: left bottom !important;
+}
+.ivds-object-left-top {
+  -o-object-position: left top !important;
+     object-position: left top !important;
+}
+.ivds-object-right {
+  -o-object-position: right !important;
+     object-position: right !important;
+}
+.ivds-object-right-bottom {
+  -o-object-position: right bottom !important;
+     object-position: right bottom !important;
+}
+.ivds-object-right-top {
+  -o-object-position: right top !important;
+     object-position: right top !important;
+}
+.ivds-object-top {
+  -o-object-position: top !important;
+     object-position: top !important;
+}
+.ivds-container {
+  width: 100% !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  padding-left: var(--spacing-4, 1rem) !important;
+  padding-right: var(--spacing-4, 1rem) !important;
+}
+.ivds-container--xs {
+  max-width: 475px !important;
+}
+.ivds-container--sm {
+  max-width: 640px !important;
+}
+.ivds-container--md {
+  max-width: 768px !important;
+}
+.ivds-container--lg {
+  max-width: 1024px !important;
+}
+.ivds-container--xl {
+  max-width: 1280px !important;
+}
+.ivds-container--2xl {
+  max-width: 1536px !important;
+}
+.ivds-container--no-padding {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.ivds-container--padding-sm {
+  padding-left: var(--spacing-2, 0.5rem) !important;
+  padding-right: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-container--padding-lg {
+  padding-left: var(--spacing-8, 2rem) !important;
+  padding-right: var(--spacing-8, 2rem) !important;
+}
+.ivds-w-0 {
+  width: 0 !important;
+}
+.ivds-w-auto {
+  width: auto !important;
+}
+.ivds-w-full {
+  width: 100% !important;
+}
+.ivds-w-screen {
+  width: 100vw !important;
+}
+.ivds-w-min {
+  width: -moz-min-content !important;
+  width: min-content !important;
+}
+.ivds-w-max {
+  width: -moz-max-content !important;
+  width: max-content !important;
+}
+.ivds-w-fit {
+  width: -moz-fit-content !important;
+  width: fit-content !important;
+}
+.ivds-w-1-2 {
+  width: 50% !important;
+}
+.ivds-w-1-3 {
+  width: 33.3333% !important;
+}
+.ivds-w-2-3 {
+  width: 66.6667% !important;
+}
+.ivds-w-1-4 {
+  width: 25% !important;
+}
+.ivds-w-2-4 {
+  width: 50% !important;
+}
+.ivds-w-3-4 {
+  width: 75% !important;
+}
+.ivds-w-1-5 {
+  width: 20% !important;
+}
+.ivds-w-2-5 {
+  width: 40% !important;
+}
+.ivds-w-3-5 {
+  width: 60% !important;
+}
+.ivds-w-4-5 {
+  width: 80% !important;
+}
+.ivds-w-1-6 {
+  width: 16.6667% !important;
+}
+.ivds-w-2-6 {
+  width: 33.3333% !important;
+}
+.ivds-w-3-6 {
+  width: 50% !important;
+}
+.ivds-w-4-6 {
+  width: 66.6667% !important;
+}
+.ivds-w-5-6 {
+  width: 83.3333% !important;
+}
+.ivds-h-0 {
+  height: 0 !important;
+}
+.ivds-h-auto {
+  height: auto !important;
+}
+.ivds-h-full {
+  height: 100% !important;
+}
+.ivds-h-screen {
+  height: 100vh !important;
+}
+.ivds-h-min {
+  height: -moz-min-content !important;
+  height: min-content !important;
+}
+.ivds-h-max {
+  height: -moz-max-content !important;
+  height: max-content !important;
+}
+.ivds-h-fit {
+  height: -moz-fit-content !important;
+  height: fit-content !important;
+}
+.ivds-h-1-2 {
+  height: 50% !important;
+}
+.ivds-h-1-3 {
+  height: 33.3333% !important;
+}
+.ivds-h-2-3 {
+  height: 66.6667% !important;
+}
+.ivds-h-1-4 {
+  height: 25% !important;
+}
+.ivds-h-2-4 {
+  height: 50% !important;
+}
+.ivds-h-3-4 {
+  height: 75% !important;
+}
+.ivds-h-1-5 {
+  height: 20% !important;
+}
+.ivds-h-2-5 {
+  height: 40% !important;
+}
+.ivds-h-3-5 {
+  height: 60% !important;
+}
+.ivds-h-4-5 {
+  height: 80% !important;
+}
+.ivds-h-1-6 {
+  height: 16.6667% !important;
+}
+.ivds-h-5-6 {
+  height: 83.3333% !important;
+}
+.ivds-min-w-0 {
+  min-width: 0 !important;
+}
+.ivds-min-w-full {
+  min-width: 100% !important;
+}
+.ivds-min-w-min {
+  min-width: -moz-min-content !important;
+  min-width: min-content !important;
+}
+.ivds-min-w-max {
+  min-width: -moz-max-content !important;
+  min-width: max-content !important;
+}
+.ivds-min-w-fit {
+  min-width: -moz-fit-content !important;
+  min-width: fit-content !important;
+}
+.ivds-max-w-0 {
+  max-width: 0 !important;
+}
+.ivds-max-w-none {
+  max-width: none !important;
+}
+.ivds-max-w-xs {
+  max-width: 20rem !important;
+}
+.ivds-max-w-sm {
+  max-width: 24rem !important;
+}
+.ivds-max-w-md {
+  max-width: 28rem !important;
+}
+.ivds-max-w-lg {
+  max-width: 32rem !important;
+}
+.ivds-max-w-xl {
+  max-width: 36rem !important;
+}
+.ivds-max-w-2xl {
+  max-width: 42rem !important;
+}
+.ivds-max-w-3xl {
+  max-width: 48rem !important;
+}
+.ivds-max-w-4xl {
+  max-width: 56rem !important;
+}
+.ivds-max-w-5xl {
+  max-width: 64rem !important;
+}
+.ivds-max-w-6xl {
+  max-width: 72rem !important;
+}
+.ivds-max-w-7xl {
+  max-width: 80rem !important;
+}
+.ivds-max-w-full {
+  max-width: 100% !important;
+}
+.ivds-max-w-min {
+  max-width: -moz-min-content !important;
+  max-width: min-content !important;
+}
+.ivds-max-w-max {
+  max-width: -moz-max-content !important;
+  max-width: max-content !important;
+}
+.ivds-max-w-fit {
+  max-width: -moz-fit-content !important;
+  max-width: fit-content !important;
+}
+.ivds-min-h-0 {
+  min-height: 0 !important;
+}
+.ivds-min-h-full {
+  min-height: 100% !important;
+}
+.ivds-min-h-screen {
+  min-height: 100vh !important;
+}
+.ivds-min-h-min {
+  min-height: -moz-min-content !important;
+  min-height: min-content !important;
+}
+.ivds-min-h-max {
+  min-height: -moz-max-content !important;
+  min-height: max-content !important;
+}
+.ivds-min-h-fit {
+  min-height: -moz-fit-content !important;
+  min-height: fit-content !important;
+}
+.ivds-max-h-0 {
+  max-height: 0 !important;
+}
+.ivds-max-h-full {
+  max-height: 100% !important;
+}
+.ivds-max-h-screen {
+  max-height: 100vh !important;
+}
+.ivds-max-h-min {
+  max-height: -moz-min-content !important;
+  max-height: min-content !important;
+}
+.ivds-max-h-max {
+  max-height: -moz-max-content !important;
+  max-height: max-content !important;
+}
+.ivds-max-h-fit {
+  max-height: -moz-fit-content !important;
+  max-height: fit-content !important;
+}
+@media (min-width: 640px) {
+  .ivds-sm-block {
+    display: block !important;
+  }
+  .ivds-sm-inline {
+    display: inline !important;
+  }
+  .ivds-sm-inline-block {
+    display: inline-block !important;
+  }
+  .ivds-sm-flex {
+    display: flex !important;
+  }
+  .ivds-sm-inline-flex {
+    display: inline-flex !important;
+  }
+  .ivds-sm-grid {
+    display: grid !important;
+  }
+  .ivds-sm-hidden {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) {
+  .ivds-md-block {
+    display: block !important;
+  }
+  .ivds-md-inline {
+    display: inline !important;
+  }
+  .ivds-md-inline-block {
+    display: inline-block !important;
+  }
+  .ivds-md-flex {
+    display: flex !important;
+  }
+  .ivds-md-inline-flex {
+    display: inline-flex !important;
+  }
+  .ivds-md-grid {
+    display: grid !important;
+  }
+  .ivds-md-hidden {
+    display: none !important;
+  }
+}
+@media (min-width: 1024px) {
+  .ivds-lg-block {
+    display: block !important;
+  }
+  .ivds-lg-inline {
+    display: inline !important;
+  }
+  .ivds-lg-inline-block {
+    display: inline-block !important;
+  }
+  .ivds-lg-flex {
+    display: flex !important;
+  }
+  .ivds-lg-inline-flex {
+    display: inline-flex !important;
+  }
+  .ivds-lg-grid {
+    display: grid !important;
+  }
+  .ivds-lg-hidden {
+    display: none !important;
+  }
+}
+.ivds-grid {
+  display: grid !important;
+  grid-gap: var(--spacing-4, 1rem);
+  gap: var(--spacing-4, 1rem);
+}
+.ivds-grid--cols-1 {
+  grid-template-columns: repeat(1, 1fr) !important;
+}
+.ivds-grid--cols-2 {
+  grid-template-columns: repeat(2, 1fr) !important;
+}
+.ivds-grid--cols-3 {
+  grid-template-columns: repeat(3, 1fr) !important;
+}
+.ivds-grid--cols-4 {
+  grid-template-columns: repeat(4, 1fr) !important;
+}
+.ivds-grid--cols-5 {
+  grid-template-columns: repeat(5, 1fr) !important;
+}
+.ivds-grid--cols-6 {
+  grid-template-columns: repeat(6, 1fr) !important;
+}
+.ivds-grid--cols-7 {
+  grid-template-columns: repeat(7, 1fr) !important;
+}
+.ivds-grid--cols-8 {
+  grid-template-columns: repeat(8, 1fr) !important;
+}
+.ivds-grid--cols-9 {
+  grid-template-columns: repeat(9, 1fr) !important;
+}
+.ivds-grid--cols-10 {
+  grid-template-columns: repeat(10, 1fr) !important;
+}
+.ivds-grid--cols-11 {
+  grid-template-columns: repeat(11, 1fr) !important;
+}
+.ivds-grid--cols-12 {
+  grid-template-columns: repeat(12, 1fr) !important;
+}
+.ivds-grid--cols-none {
+  grid-template-columns: none !important;
+}
+.ivds-grid--rows-1 {
+  grid-template-rows: repeat(1, 1fr) !important;
+}
+.ivds-grid--rows-2 {
+  grid-template-rows: repeat(2, 1fr) !important;
+}
+.ivds-grid--rows-3 {
+  grid-template-rows: repeat(3, 1fr) !important;
+}
+.ivds-grid--rows-4 {
+  grid-template-rows: repeat(4, 1fr) !important;
+}
+.ivds-grid--rows-5 {
+  grid-template-rows: repeat(5, 1fr) !important;
+}
+.ivds-grid--rows-6 {
+  grid-template-rows: repeat(6, 1fr) !important;
+}
+.ivds-grid--rows-none {
+  grid-template-rows: none !important;
+}
+.ivds-grid--gap-0 {
+  gap: 0 !important;
+}
+.ivds-grid--gap-1 {
+  gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-grid--gap-2 {
+  gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-grid--gap-3 {
+  gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-grid--gap-4 {
+  gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-grid--gap-5 {
+  gap: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-grid--gap-6 {
+  gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-grid--gap-8 {
+  gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-grid--gap-10 {
+  gap: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-grid--gap-12 {
+  gap: var(--spacing-12, 3rem) !important;
+}
+.ivds-grid--gap-16 {
+  gap: var(--spacing-16, 4rem) !important;
+}
+.ivds-grid--gap-x-0 {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
+}
+.ivds-grid--gap-x-1 {
+  -moz-column-gap: var(--spacing-1, 0.25rem) !important;
+       column-gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-grid--gap-x-2 {
+  -moz-column-gap: var(--spacing-2, 0.5rem) !important;
+       column-gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-grid--gap-x-3 {
+  -moz-column-gap: var(--spacing-3, 0.75rem) !important;
+       column-gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-grid--gap-x-4 {
+  -moz-column-gap: var(--spacing-4, 1rem) !important;
+       column-gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-grid--gap-x-6 {
+  -moz-column-gap: var(--spacing-6, 1.5rem) !important;
+       column-gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-grid--gap-x-8 {
+  -moz-column-gap: var(--spacing-8, 2rem) !important;
+       column-gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-grid--gap-y-0 {
+  row-gap: 0 !important;
+}
+.ivds-grid--gap-y-1 {
+  row-gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-grid--gap-y-2 {
+  row-gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-grid--gap-y-3 {
+  row-gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-grid--gap-y-4 {
+  row-gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-grid--gap-y-6 {
+  row-gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-grid--gap-y-8 {
+  row-gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-grid-item--col-span-1 {
+  grid-column: span 1/span 1 !important;
+}
+.ivds-grid-item--col-span-2 {
+  grid-column: span 2/span 2 !important;
+}
+.ivds-grid-item--col-span-3 {
+  grid-column: span 3/span 3 !important;
+}
+.ivds-grid-item--col-span-4 {
+  grid-column: span 4/span 4 !important;
+}
+.ivds-grid-item--col-span-5 {
+  grid-column: span 5/span 5 !important;
+}
+.ivds-grid-item--col-span-6 {
+  grid-column: span 6/span 6 !important;
+}
+.ivds-grid-item--col-span-7 {
+  grid-column: span 7/span 7 !important;
+}
+.ivds-grid-item--col-span-8 {
+  grid-column: span 8/span 8 !important;
+}
+.ivds-grid-item--col-span-9 {
+  grid-column: span 9/span 9 !important;
+}
+.ivds-grid-item--col-span-10 {
+  grid-column: span 10/span 10 !important;
+}
+.ivds-grid-item--col-span-11 {
+  grid-column: span 11/span 11 !important;
+}
+.ivds-grid-item--col-span-12 {
+  grid-column: span 12/span 12 !important;
+}
+.ivds-grid-item--col-span-full {
+  grid-column: 1/-1 !important;
+}
+.ivds-grid-item--col-start-1 {
+  grid-column-start: 1 !important;
+}
+.ivds-grid-item--col-start-2 {
+  grid-column-start: 2 !important;
+}
+.ivds-grid-item--col-start-3 {
+  grid-column-start: 3 !important;
+}
+.ivds-grid-item--col-start-4 {
+  grid-column-start: 4 !important;
+}
+.ivds-grid-item--col-start-5 {
+  grid-column-start: 5 !important;
+}
+.ivds-grid-item--col-start-6 {
+  grid-column-start: 6 !important;
+}
+.ivds-grid-item--col-start-7 {
+  grid-column-start: 7 !important;
+}
+.ivds-grid-item--col-start-8 {
+  grid-column-start: 8 !important;
+}
+.ivds-grid-item--col-start-9 {
+  grid-column-start: 9 !important;
+}
+.ivds-grid-item--col-start-10 {
+  grid-column-start: 10 !important;
+}
+.ivds-grid-item--col-start-11 {
+  grid-column-start: 11 !important;
+}
+.ivds-grid-item--col-start-12 {
+  grid-column-start: 12 !important;
+}
+.ivds-grid-item--col-start-13 {
+  grid-column-start: 13 !important;
+}
+.ivds-grid-item--col-start-auto {
+  grid-column-start: auto !important;
+}
+.ivds-grid-item--col-end-1 {
+  grid-column-end: 1 !important;
+}
+.ivds-grid-item--col-end-2 {
+  grid-column-end: 2 !important;
+}
+.ivds-grid-item--col-end-3 {
+  grid-column-end: 3 !important;
+}
+.ivds-grid-item--col-end-4 {
+  grid-column-end: 4 !important;
+}
+.ivds-grid-item--col-end-5 {
+  grid-column-end: 5 !important;
+}
+.ivds-grid-item--col-end-6 {
+  grid-column-end: 6 !important;
+}
+.ivds-grid-item--col-end-7 {
+  grid-column-end: 7 !important;
+}
+.ivds-grid-item--col-end-8 {
+  grid-column-end: 8 !important;
+}
+.ivds-grid-item--col-end-9 {
+  grid-column-end: 9 !important;
+}
+.ivds-grid-item--col-end-10 {
+  grid-column-end: 10 !important;
+}
+.ivds-grid-item--col-end-11 {
+  grid-column-end: 11 !important;
+}
+.ivds-grid-item--col-end-12 {
+  grid-column-end: 12 !important;
+}
+.ivds-grid-item--col-end-13 {
+  grid-column-end: 13 !important;
+}
+.ivds-grid-item--col-end-auto {
+  grid-column-end: auto !important;
+}
+.ivds-grid-item--row-span-1 {
+  grid-row: span 1/span 1 !important;
+}
+.ivds-grid-item--row-span-2 {
+  grid-row: span 2/span 2 !important;
+}
+.ivds-grid-item--row-span-3 {
+  grid-row: span 3/span 3 !important;
+}
+.ivds-grid-item--row-span-4 {
+  grid-row: span 4/span 4 !important;
+}
+.ivds-grid-item--row-span-5 {
+  grid-row: span 5/span 5 !important;
+}
+.ivds-grid-item--row-span-6 {
+  grid-row: span 6/span 6 !important;
+}
+.ivds-grid-item--row-span-full {
+  grid-row: 1/-1 !important;
+}
+.ivds-grid-item--row-start-1 {
+  grid-row-start: 1 !important;
+}
+.ivds-grid-item--row-start-2 {
+  grid-row-start: 2 !important;
+}
+.ivds-grid-item--row-start-3 {
+  grid-row-start: 3 !important;
+}
+.ivds-grid-item--row-start-4 {
+  grid-row-start: 4 !important;
+}
+.ivds-grid-item--row-start-5 {
+  grid-row-start: 5 !important;
+}
+.ivds-grid-item--row-start-6 {
+  grid-row-start: 6 !important;
+}
+.ivds-grid-item--row-start-7 {
+  grid-row-start: 7 !important;
+}
+.ivds-grid-item--row-start-auto {
+  grid-row-start: auto !important;
+}
+.ivds-grid-item--row-end-1 {
+  grid-row-end: 1 !important;
+}
+.ivds-grid-item--row-end-2 {
+  grid-row-end: 2 !important;
+}
+.ivds-grid-item--row-end-3 {
+  grid-row-end: 3 !important;
+}
+.ivds-grid-item--row-end-4 {
+  grid-row-end: 4 !important;
+}
+.ivds-grid-item--row-end-5 {
+  grid-row-end: 5 !important;
+}
+.ivds-grid-item--row-end-6 {
+  grid-row-end: 6 !important;
+}
+.ivds-grid-item--row-end-7 {
+  grid-row-end: 7 !important;
+}
+.ivds-grid-item--row-end-auto {
+  grid-row-end: auto !important;
+}
+.ivds-grid-flow-row {
+  grid-auto-flow: row !important;
+}
+.ivds-grid-flow-col {
+  grid-auto-flow: column !important;
+}
+.ivds-grid-flow-dense {
+  grid-auto-flow: dense !important;
+}
+.ivds-grid-flow-row-dense {
+  grid-auto-flow: row dense !important;
+}
+.ivds-grid-flow-col-dense {
+  grid-auto-flow: column dense !important;
+}
+.ivds-auto-cols-auto {
+  grid-auto-columns: auto !important;
+}
+.ivds-auto-cols-min {
+  grid-auto-columns: min-content !important;
+}
+.ivds-auto-cols-max {
+  grid-auto-columns: max-content !important;
+}
+.ivds-auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr) !important;
+}
+.ivds-auto-rows-auto {
+  grid-auto-rows: auto !important;
+}
+.ivds-auto-rows-min {
+  grid-auto-rows: min-content !important;
+}
+.ivds-auto-rows-max {
+  grid-auto-rows: max-content !important;
+}
+.ivds-auto-rows-fr {
+  grid-auto-rows: minmax(0, 1fr) !important;
+}
+@media (min-width: 640px) {
+  .ivds-sm-grid--cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+  .ivds-sm-grid--cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+  .ivds-sm-grid--cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+  .ivds-sm-grid--cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+  .ivds-sm-grid--cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+  .ivds-sm-grid--cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+  .ivds-sm-grid-item--col-span-1 {
+    grid-column: span 1/span 1 !important;
+  }
+  .ivds-sm-grid-item--col-span-2 {
+    grid-column: span 2/span 2 !important;
+  }
+  .ivds-sm-grid-item--col-span-3 {
+    grid-column: span 3/span 3 !important;
+  }
+  .ivds-sm-grid-item--col-span-4 {
+    grid-column: span 4/span 4 !important;
+  }
+  .ivds-sm-grid-item--col-span-6 {
+    grid-column: span 6/span 6 !important;
+  }
+  .ivds-sm-grid-item--col-span-12 {
+    grid-column: span 12/span 12 !important;
+  }
+}
+@media (min-width: 768px) {
+  .ivds-md-grid--cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+  .ivds-md-grid--cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+  .ivds-md-grid--cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+  .ivds-md-grid--cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+  .ivds-md-grid--cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+  .ivds-md-grid--cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+  .ivds-md-grid-item--col-span-1 {
+    grid-column: span 1/span 1 !important;
+  }
+  .ivds-md-grid-item--col-span-2 {
+    grid-column: span 2/span 2 !important;
+  }
+  .ivds-md-grid-item--col-span-3 {
+    grid-column: span 3/span 3 !important;
+  }
+  .ivds-md-grid-item--col-span-4 {
+    grid-column: span 4/span 4 !important;
+  }
+  .ivds-md-grid-item--col-span-6 {
+    grid-column: span 6/span 6 !important;
+  }
+  .ivds-md-grid-item--col-span-12 {
+    grid-column: span 12/span 12 !important;
+  }
+}
+@media (min-width: 1024px) {
+  .ivds-lg-grid--cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+  .ivds-lg-grid--cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+  .ivds-lg-grid--cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+  .ivds-lg-grid--cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+  .ivds-lg-grid--cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+  .ivds-lg-grid--cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+  .ivds-lg-grid-item--col-span-1 {
+    grid-column: span 1/span 1 !important;
+  }
+  .ivds-lg-grid-item--col-span-2 {
+    grid-column: span 2/span 2 !important;
+  }
+  .ivds-lg-grid-item--col-span-3 {
+    grid-column: span 3/span 3 !important;
+  }
+  .ivds-lg-grid-item--col-span-4 {
+    grid-column: span 4/span 4 !important;
+  }
+  .ivds-lg-grid-item--col-span-6 {
+    grid-column: span 6/span 6 !important;
+  }
+  .ivds-lg-grid-item--col-span-12 {
+    grid-column: span 12/span 12 !important;
+  }
+}
+.ivds-flex {
+  display: flex !important;
+}
+.ivds-flex--row {
+  flex-direction: row !important;
+}
+.ivds-flex--column {
+  flex-direction: column !important;
+}
+.ivds-flex--row-reverse {
+  flex-direction: row-reverse !important;
+}
+.ivds-flex--column-reverse {
+  flex-direction: column-reverse !important;
+}
+.ivds-flex--wrap {
+  flex-wrap: wrap !important;
+}
+.ivds-flex--wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+.ivds-flex--nowrap {
+  flex-wrap: nowrap !important;
+}
+.ivds-flex--justify-normal {
+  justify-content: normal !important;
+}
+.ivds-flex--justify-start {
+  justify-content: flex-start !important;
+}
+.ivds-flex--justify-center {
+  justify-content: center !important;
+}
+.ivds-flex--justify-end {
+  justify-content: flex-end !important;
+}
+.ivds-flex--justify-between {
+  justify-content: space-between !important;
+}
+.ivds-flex--justify-around {
+  justify-content: space-around !important;
+}
+.ivds-flex--justify-evenly {
+  justify-content: space-evenly !important;
+}
+.ivds-flex--justify-stretch {
+  justify-content: stretch !important;
+}
+.ivds-flex--items-start {
+  align-items: flex-start !important;
+}
+.ivds-flex--items-center {
+  align-items: center !important;
+}
+.ivds-flex--items-end {
+  align-items: flex-end !important;
+}
+.ivds-flex--items-stretch {
+  align-items: stretch !important;
+}
+.ivds-flex--items-baseline {
+  align-items: baseline !important;
+}
+.ivds-flex--content-normal {
+  align-content: normal !important;
+}
+.ivds-flex--content-center {
+  align-content: center !important;
+}
+.ivds-flex--content-start {
+  align-content: flex-start !important;
+}
+.ivds-flex--content-end {
+  align-content: flex-end !important;
+}
+.ivds-flex--content-between {
+  align-content: space-between !important;
+}
+.ivds-flex--content-around {
+  align-content: space-around !important;
+}
+.ivds-flex--content-evenly {
+  align-content: space-evenly !important;
+}
+.ivds-flex--content-stretch {
+  align-content: stretch !important;
+}
+.ivds-flex--gap-0 {
+  gap: 0 !important;
+}
+.ivds-flex--gap-1 {
+  gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-flex--gap-2 {
+  gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-flex--gap-3 {
+  gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-flex--gap-4 {
+  gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-flex--gap-5 {
+  gap: var(--spacing-5, 1.25rem) !important;
+}
+.ivds-flex--gap-6 {
+  gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-flex--gap-8 {
+  gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-flex--gap-10 {
+  gap: var(--spacing-10, 2.5rem) !important;
+}
+.ivds-flex--gap-12 {
+  gap: var(--spacing-12, 3rem) !important;
+}
+.ivds-flex--gap-16 {
+  gap: var(--spacing-16, 4rem) !important;
+}
+.ivds-flex--gap-x-0 {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
+}
+.ivds-flex--gap-x-1 {
+  -moz-column-gap: var(--spacing-1, 0.25rem) !important;
+       column-gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-flex--gap-x-2 {
+  -moz-column-gap: var(--spacing-2, 0.5rem) !important;
+       column-gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-flex--gap-x-3 {
+  -moz-column-gap: var(--spacing-3, 0.75rem) !important;
+       column-gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-flex--gap-x-4 {
+  -moz-column-gap: var(--spacing-4, 1rem) !important;
+       column-gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-flex--gap-x-6 {
+  -moz-column-gap: var(--spacing-6, 1.5rem) !important;
+       column-gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-flex--gap-x-8 {
+  -moz-column-gap: var(--spacing-8, 2rem) !important;
+       column-gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-flex--gap-y-0 {
+  row-gap: 0 !important;
+}
+.ivds-flex--gap-y-1 {
+  row-gap: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-flex--gap-y-2 {
+  row-gap: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-flex--gap-y-3 {
+  row-gap: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-flex--gap-y-4 {
+  row-gap: var(--spacing-4, 1rem) !important;
+}
+.ivds-flex--gap-y-6 {
+  row-gap: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-flex--gap-y-8 {
+  row-gap: var(--spacing-8, 2rem) !important;
+}
+.ivds-flex-item--grow-0 {
+  flex-grow: 0 !important;
+}
+.ivds-flex-item--grow {
+  flex-grow: 1 !important;
+}
+.ivds-flex-item--shrink-0 {
+  flex-shrink: 0 !important;
+}
+.ivds-flex-item--shrink {
+  flex-shrink: 1 !important;
+}
+.ivds-flex-item--basis-0 {
+  flex-basis: 0% !important;
+}
+.ivds-flex-item--basis-1 {
+  flex-basis: var(--spacing-1, 0.25rem) !important;
+}
+.ivds-flex-item--basis-2 {
+  flex-basis: var(--spacing-2, 0.5rem) !important;
+}
+.ivds-flex-item--basis-3 {
+  flex-basis: var(--spacing-3, 0.75rem) !important;
+}
+.ivds-flex-item--basis-4 {
+  flex-basis: var(--spacing-4, 1rem) !important;
+}
+.ivds-flex-item--basis-6 {
+  flex-basis: var(--spacing-6, 1.5rem) !important;
+}
+.ivds-flex-item--basis-8 {
+  flex-basis: var(--spacing-8, 2rem) !important;
+}
+.ivds-flex-item--basis-auto {
+  flex-basis: auto !important;
+}
+.ivds-flex-item--basis-full {
+  flex-basis: 100% !important;
+}
+.ivds-flex-item--flex-1 {
+  flex: 1 1 0% !important;
+}
+.ivds-flex-item--flex-auto {
+  flex: 1 1 auto !important;
+}
+.ivds-flex-item--flex-initial {
+  flex: 0 1 auto !important;
+}
+.ivds-flex-item--flex-none {
+  flex: none !important;
+}
+.ivds-flex-item--self-auto {
+  align-self: auto !important;
+}
+.ivds-flex-item--self-start {
+  align-self: flex-start !important;
+}
+.ivds-flex-item--self-center {
+  align-self: center !important;
+}
+.ivds-flex-item--self-end {
+  align-self: flex-end !important;
+}
+.ivds-flex-item--self-stretch {
+  align-self: stretch !important;
+}
+.ivds-flex-item--self-baseline {
+  align-self: baseline !important;
+}
+.ivds-flex-item--order-1 {
+  order: 1 !important;
+}
+.ivds-flex-item--order-2 {
+  order: 2 !important;
+}
+.ivds-flex-item--order-3 {
+  order: 3 !important;
+}
+.ivds-flex-item--order-4 {
+  order: 4 !important;
+}
+.ivds-flex-item--order-5 {
+  order: 5 !important;
+}
+.ivds-flex-item--order-6 {
+  order: 6 !important;
+}
+.ivds-flex-item--order-7 {
+  order: 7 !important;
+}
+.ivds-flex-item--order-8 {
+  order: 8 !important;
+}
+.ivds-flex-item--order-9 {
+  order: 9 !important;
+}
+.ivds-flex-item--order-10 {
+  order: 10 !important;
+}
+.ivds-flex-item--order-11 {
+  order: 11 !important;
+}
+.ivds-flex-item--order-12 {
+  order: 12 !important;
+}
+.ivds-flex-item--order-first {
+  order: -9999 !important;
+}
+.ivds-flex-item--order-last {
+  order: 9999 !important;
+}
+.ivds-flex-item--order-none {
+  order: 0 !important;
+}
+@media (min-width: 640px) {
+  .ivds-sm-flex--row {
+    flex-direction: row !important;
+  }
+  .ivds-sm-flex--column {
+    flex-direction: column !important;
+  }
+  .ivds-sm-flex--row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .ivds-sm-flex--column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .ivds-sm-flex--wrap {
+    flex-wrap: wrap !important;
+  }
+  .ivds-sm-flex--nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .ivds-sm-flex--justify-start {
+    justify-content: flex-start !important;
+  }
+  .ivds-sm-flex--justify-center {
+    justify-content: center !important;
+  }
+  .ivds-sm-flex--justify-end {
+    justify-content: flex-end !important;
+  }
+  .ivds-sm-flex--justify-between {
+    justify-content: space-between !important;
+  }
+  .ivds-sm-flex--justify-around {
+    justify-content: space-around !important;
+  }
+  .ivds-sm-flex--justify-evenly {
+    justify-content: space-evenly !important;
+  }
+  .ivds-sm-flex--items-start {
+    align-items: flex-start !important;
+  }
+  .ivds-sm-flex--items-center {
+    align-items: center !important;
+  }
+  .ivds-sm-flex--items-end {
+    align-items: flex-end !important;
+  }
+  .ivds-sm-flex--items-stretch {
+    align-items: stretch !important;
+  }
+  .ivds-sm-flex--items-baseline {
+    align-items: baseline !important;
+  }
+}
+@media (min-width: 768px) {
+  .ivds-md-flex--row {
+    flex-direction: row !important;
+  }
+  .ivds-md-flex--column {
+    flex-direction: column !important;
+  }
+  .ivds-md-flex--row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .ivds-md-flex--column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .ivds-md-flex--wrap {
+    flex-wrap: wrap !important;
+  }
+  .ivds-md-flex--nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .ivds-md-flex--justify-start {
+    justify-content: flex-start !important;
+  }
+  .ivds-md-flex--justify-center {
+    justify-content: center !important;
+  }
+  .ivds-md-flex--justify-end {
+    justify-content: flex-end !important;
+  }
+  .ivds-md-flex--justify-between {
+    justify-content: space-between !important;
+  }
+  .ivds-md-flex--justify-around {
+    justify-content: space-around !important;
+  }
+  .ivds-md-flex--justify-evenly {
+    justify-content: space-evenly !important;
+  }
+  .ivds-md-flex--items-start {
+    align-items: flex-start !important;
+  }
+  .ivds-md-flex--items-center {
+    align-items: center !important;
+  }
+  .ivds-md-flex--items-end {
+    align-items: flex-end !important;
+  }
+  .ivds-md-flex--items-stretch {
+    align-items: stretch !important;
+  }
+  .ivds-md-flex--items-baseline {
+    align-items: baseline !important;
+  }
+}
+@media (min-width: 1024px) {
+  .ivds-lg-flex--row {
+    flex-direction: row !important;
+  }
+  .ivds-lg-flex--column {
+    flex-direction: column !important;
+  }
+  .ivds-lg-flex--row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .ivds-lg-flex--column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .ivds-lg-flex--wrap {
+    flex-wrap: wrap !important;
+  }
+  .ivds-lg-flex--nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .ivds-lg-flex--justify-start {
+    justify-content: flex-start !important;
+  }
+  .ivds-lg-flex--justify-center {
+    justify-content: center !important;
+  }
+  .ivds-lg-flex--justify-end {
+    justify-content: flex-end !important;
+  }
+  .ivds-lg-flex--justify-between {
+    justify-content: space-between !important;
+  }
+  .ivds-lg-flex--justify-around {
+    justify-content: space-around !important;
+  }
+  .ivds-lg-flex--justify-evenly {
+    justify-content: space-evenly !important;
+  }
+  .ivds-lg-flex--items-start {
+    align-items: flex-start !important;
+  }
+  .ivds-lg-flex--items-center {
+    align-items: center !important;
+  }
+  .ivds-lg-flex--items-end {
+    align-items: flex-end !important;
+  }
+  .ivds-lg-flex--items-stretch {
+    align-items: stretch !important;
+  }
+  .ivds-lg-flex--items-baseline {
+    align-items: baseline !important;
+  }
+}