@ivds/core 0.1.1 → 1.1.0

package/lib/utils-only.css

@@ -1,2801 +0,0 @@
-/* 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;
-  }
-}