@ivds/core 0.1.1 → 1.1.0

package/lib/utils/utils.css

@@ -1,533 +1,692 @@
-/* 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;
@@ -584,6 +743,7 @@
     padding: var(--spacing-16, 4rem) !important;
   }
 }
+
 @media (min-width: 768px) {
   .ivds-md-m-0 {
     margin: var(--spacing-0, 0) !important;
@@ -640,6 +800,7 @@
     padding: var(--spacing-16, 4rem) !important;
   }
 }
+
 @media (min-width: 1024px) {
   .ivds-lg-m-0 {
     margin: var(--spacing-0, 0) !important;
@@ -696,459 +857,602 @@
     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;
@@ -1156,279 +1460,364 @@
   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;
@@ -1452,6 +1841,7 @@
     display: none !important;
   }
 }
+
 @media (min-width: 768px) {
   .ivds-md-block {
     display: block !important;
@@ -1475,6 +1865,7 @@
     display: none !important;
   }
 }
+
 @media (min-width: 1024px) {
   .ivds-lg-block {
     display: block !important;
@@ -1498,384 +1889,507 @@
     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;
@@ -1914,6 +2428,7 @@
     grid-column: span 12/span 12 !important;
   }
 }
+
 @media (min-width: 768px) {
   .ivds-md-grid--cols-1 {
     grid-template-columns: repeat(1, 1fr) !important;
@@ -1952,6 +2467,7 @@
     grid-column: span 12/span 12 !important;
   }
 }
+
 @media (min-width: 1024px) {
   .ivds-lg-grid--cols-1 {
     grid-template-columns: repeat(1, 1fr) !important;
@@ -1990,289 +2506,382 @@
     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;
@@ -2326,6 +2935,7 @@
     align-items: baseline !important;
   }
 }
+
 @media (min-width: 768px) {
   .ivds-md-flex--row {
     flex-direction: row !important;
@@ -2379,6 +2989,7 @@
     align-items: baseline !important;
   }
 }
+
 @media (min-width: 1024px) {
   .ivds-lg-flex--row {
     flex-direction: row !important;