@ivds/core 0.1.1

package/lib/utils-only.css

@@ -0,0 +1,2801 @@
+/* Utility-only bundle for developers who only need utilities*/
+/* Includes design tokens, base styles, and utility classes*/
+/* Import design tokens CSS custom properties first*/
+/**
+ * IVDS Design Tokens
+ * Generated on 2025-11-20T22:14:34.626Z
+ */
+:root {
+  --borderRadius-none: 0;
+  --borderRadius-xs: 0.125rem;
+  --borderRadius-sm: 0.25rem;
+  --borderRadius-md: 0.375rem;
+  --borderRadius-lg: 0.5rem;
+  --borderRadius-xl: 0.75rem;
+  --borderRadius-2xl: 1rem;
+  --borderRadius-3xl: 1.5rem;
+  --borderRadius-full: 9999px;
+  --breakpoints-xs: 480px;
+  --breakpoints-sm: 768px;
+  --breakpoints-md: 992px;
+  --breakpoints-lg: 1200px;
+  --breakpoints-xl: 1440px;
+  --color-brand-primary-50: #fff7ed;
+  --color-brand-primary-100: #ffedd5;
+  --color-brand-primary-200: #fed7aa;
+  --color-brand-primary-300: #fdba74;
+  --color-brand-primary-400: #fb923c;
+  --color-brand-primary-500: #f97316;
+  --color-brand-primary-600: #ea580c;
+  --color-brand-primary-700: #c2410c;
+  --color-brand-primary-800: #9a3412;
+  --color-brand-primary-900: #7c2d12;
+  --color-brand-primary-950: #431407;
+  --color-brand-secondary-50: #f8fafc;
+  --color-brand-secondary-100: #f1f5f9;
+  --color-brand-secondary-200: #e2e8f0;
+  --color-brand-secondary-300: #cbd5e1;
+  --color-brand-secondary-400: #94a3b8;
+  --color-brand-secondary-500: #64748b;
+  --color-brand-secondary-600: #475569;
+  --color-brand-secondary-700: #334155;
+  --color-brand-secondary-800: #1e293b;
+  --color-brand-secondary-900: #0f172a;
+  --color-brand-secondary-950: #020617;
+  --color-semantic-success-50: #f0fdf4;
+  --color-semantic-success-100: #dcfce7;
+  --color-semantic-success-200: #bbf7d0;
+  --color-semantic-success-300: #86efac;
+  --color-semantic-success-400: #4ade80;
+  --color-semantic-success-500: #22c55e;
+  --color-semantic-success-600: #16a34a;
+  --color-semantic-success-700: #15803d;
+  --color-semantic-success-800: #166534;
+  --color-semantic-success-900: #14532d;
+  --color-semantic-success-950: #052e16;
+  --color-semantic-warning-50: #fffbeb;
+  --color-semantic-warning-100: #fef3c7;
+  --color-semantic-warning-200: #fde68a;
+  --color-semantic-warning-300: #fcd34d;
+  --color-semantic-warning-400: #fbbf24;
+  --color-semantic-warning-500: #f59e0b;
+  --color-semantic-warning-600: #d97706;
+  --color-semantic-warning-700: #b45309;
+  --color-semantic-warning-800: #92400e;
+  --color-semantic-warning-900: #78350f;
+  --color-semantic-warning-950: #451a03;
+  --color-semantic-error-50: #fef2f2;
+  --color-semantic-error-100: #fee2e2;
+  --color-semantic-error-200: #fecaca;
+  --color-semantic-error-300: #fca5a5;
+  --color-semantic-error-400: #f87171;
+  --color-semantic-error-500: #ef4444;
+  --color-semantic-error-600: #dc2626;
+  --color-semantic-error-700: #b91c1c;
+  --color-semantic-error-800: #991b1b;
+  --color-semantic-error-900: #7f1d1d;
+  --color-semantic-error-950: #450a0a;
+  --color-semantic-info-50: #eff6ff;
+  --color-semantic-info-100: #dbeafe;
+  --color-semantic-info-200: #bfdbfe;
+  --color-semantic-info-300: #93c5fd;
+  --color-semantic-info-400: #60a5fa;
+  --color-semantic-info-500: #3b82f6;
+  --color-semantic-info-600: #2563eb;
+  --color-semantic-info-700: #1d4ed8;
+  --color-semantic-info-800: #1e40af;
+  --color-semantic-info-900: #1e3a8a;
+  --color-semantic-info-950: #172554;
+  --color-semantic-neutral-50: #fafafa;
+  --color-semantic-neutral-100: #f5f5f5;
+  --color-semantic-neutral-200: #e5e5e5;
+  --color-semantic-neutral-300: #d4d4d4;
+  --color-semantic-neutral-400: #a3a3a3;
+  --color-semantic-neutral-500: #737373;
+  --color-semantic-neutral-600: #525252;
+  --color-semantic-neutral-700: #404040;
+  --color-semantic-neutral-800: #262626;
+  --color-semantic-neutral-900: #171717;
+  --color-semantic-neutral-950: #0a0a0a;
+  --shadow-none: none;
+  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  --spacing-0: 0;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-32: 8rem;
+  --spacing-40: 10rem;
+  --spacing-48: 12rem;
+  --spacing-56: 14rem;
+  --spacing-64: 16rem;
+  --typography-fontFamilies-primary: Open Sans, Arial, sans-serif;
+  --typography-fontFamilies-secondary: Roboto, Arial, sans-serif;
+  --fontSize-xs: 0.75rem;
+  --fontSize-sm: 0.875rem;
+  --fontSize-base: 1rem;
+  --fontSize-lg: 1.125rem;
+  --fontSize-xl: 1.25rem;
+  --fontSize-2xl: 1.5rem;
+  --fontSize-3xl: 1.875rem;
+  --fontSize-4xl: 2.25rem;
+  --fontSize-5xl: 3rem;
+  --fontSize-6xl: 3.75rem;
+  --fontSize-7xl: 4.5rem;
+  --fontSize-8xl: 6rem;
+  --fontSize-9xl: 8rem;
+  --fontWeight-thin: 100;
+  --fontWeight-extralight: 200;
+  --fontWeight-light: 300;
+  --fontWeight-normal: 400;
+  --fontWeight-medium: 500;
+  --fontWeight-semibold: 600;
+  --fontWeight-bold: 700;
+  --fontWeight-extrabold: 800;
+  --fontWeight-black: 900;
+  --lineHeight-none: 1;
+  --lineHeight-tight: 1.25;
+  --lineHeight-snug: 1.375;
+  --lineHeight-normal: 1.5;
+  --lineHeight-relaxed: 1.625;
+  --lineHeight-loose: 2;
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+* {
+  margin: 0;
+  padding: 0;
+}
+ul[role=list],
+ol[role=list] {
+  list-style: none;
+}
+html:focus-within {
+  scroll-behavior: smooth;
+}
+body {
+  min-height: 100vh;
+  text-rendering: optimizespeed;
+  line-height: 1.5;
+}
+a:not([class]) {
+  -webkit-text-decoration-skip: ink;
+          text-decoration-skip-ink: auto;
+}
+img,
+picture {
+  max-width: 100%;
+  display: block;
+}
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+@media (prefers-reduced-motion: reduce) {
+  html:focus-within {
+    scroll-behavior: auto;
+  }
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+.ivds-reset {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+.ivds-reset *,
+.ivds-reset *::before,
+.ivds-reset *::after {
+  box-sizing: inherit;
+}
+body {
+  font-family: var(--typography-fontFamilies-primary);
+  font-size: var(--fontSize-base);
+  font-weight: var(--fontWeight-normal);
+  line-height: var(--lineHeight-normal);
+  color: var(--color-semantic-neutral-900);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--typography-fontFamilies-primary);
+  font-weight: var(--fontWeight-semibold);
+  line-height: var(--lineHeight-tight);
+  color: var(--color-semantic-neutral-900);
+  margin-bottom: var(--spacing-4);
+}
+h1 {
+  font-size: var(--fontSize-4xl);
+}
+h2 {
+  font-size: var(--fontSize-3xl);
+}
+h3 {
+  font-size: var(--fontSize-2xl);
+}
+h4 {
+  font-size: var(--fontSize-xl);
+}
+h5 {
+  font-size: var(--fontSize-lg);
+}
+h6 {
+  font-size: var(--fontSize-base);
+}
+p {
+  margin-bottom: var(--spacing-4);
+}
+p:last-child {
+  margin-bottom: 0;
+}
+a {
+  color: var(--color-brand-primary-600);
+  text-decoration: underline;
+}
+a:hover {
+  color: var(--color-brand-primary-700);
+}
+a:focus {
+  outline: 2px solid var(--color-brand-primary-500);
+  outline-offset: 2px;
+}
+code {
+  font-family: var(--typography-fontFamilies-secondary);
+  font-size: var(--fontSize-sm);
+  background-color: var(--color-semantic-neutral-100);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--borderRadius-sm);
+}
+pre {
+  font-family: var(--typography-fontFamilies-secondary);
+  font-size: var(--fontSize-sm);
+  background-color: var(--color-semantic-neutral-100);
+  padding: var(--spacing-4);
+  border-radius: var(--borderRadius-md);
+  overflow-x: auto;
+}
+pre code {
+  background-color: transparent;
+  padding: 0;
+}
+.ivds-typography {
+  font-family: var(--typography-fontFamilies-primary);
+  font-size: var(--fontSize-base);
+  line-height: var(--lineHeight-normal);
+  color: var(--color-semantic-neutral-900);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+main {
+  flex: 1;
+}
+.ivds-container {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: var(--spacing-4);
+  padding-right: var(--spacing-4);
+}
+.ivds-container--xs {
+  max-width: calc(var(--breakpoints-xs) - var(--spacing-8));
+}
+.ivds-container--sm {
+  max-width: calc(var(--breakpoints-sm) - var(--spacing-8));
+}
+.ivds-container--md {
+  max-width: calc(var(--breakpoints-md) - var(--spacing-8));
+}
+.ivds-container--lg {
+  max-width: calc(var(--breakpoints-lg) - var(--spacing-8));
+}
+.ivds-container--xl {
+  max-width: calc(var(--breakpoints-xl) - var(--spacing-8));
+}
+@media (min-width: var(--breakpoints-sm)) {
+  .ivds-container {
+    padding-left: var(--spacing-6);
+    padding-right: var(--spacing-6);
+  }
+}
+@media (min-width: var(--breakpoints-lg)) {
+  .ivds-container {
+    padding-left: var(--spacing-8);
+    padding-right: var(--spacing-8);
+  }
+}
+.ivds-layout {
+  width: 100%;
+  min-height: 100vh;
+}
+.ivds-layout--flex {
+  display: flex;
+}
+.ivds-layout--grid {
+  display: grid;
+}
+.ivds-layout--centered {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ivds-section {
+  padding-top: var(--spacing-12);
+  padding-bottom: var(--spacing-12);
+}
+@media (min-width: var(--breakpoints-md)) {
+  .ivds-section {
+    padding-top: var(--spacing-16);
+    padding-bottom: var(--spacing-16);
+  }
+}
+@media (min-width: var(--breakpoints-lg)) {
+  .ivds-section {
+    padding-top: var(--spacing-20);
+    padding-bottom: var(--spacing-20);
+  }
+}
+.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;
+  }
+}