@ivds/core 0.1.1

package/lib/utils-only.min.css

@@ -0,0 +1 @@
+: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,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(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}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.ivds-reset{box-sizing:border-box;margin:0;padding:0}.ivds-reset *,.ivds-reset :after,.ivds-reset :before{box-sizing:inherit}body{font-size:var(--fontSize-base);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-semantic-neutral-900);font-family:var(--typography-fontFamilies-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-tight);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{border-radius:var(--borderRadius-sm);padding:var(--spacing-1) var(--spacing-2)}code,pre{background-color:var(--color-semantic-neutral-100);font-family:var(--typography-fontFamilies-secondary);font-size:var(--fontSize-sm)}pre{border-radius:var(--borderRadius-md);overflow-x:auto;padding:var(--spacing-4)}pre code{background-color:transparent;padding:0}.ivds-typography{color:var(--color-semantic-neutral-900);font-family:var(--typography-fontFamilies-primary);font-size:var(--fontSize-base);line-height:var(--lineHeight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{display:flex;flex-direction:column;min-height:100%}main{flex:1}.ivds-container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}.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{min-height:100vh;width:100%}.ivds-layout--flex{display:flex}.ivds-layout--grid{display:grid}.ivds-layout--centered{align-items:center;display:flex;justify-content:center}.ivds-section{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}@media (min-width:var(--breakpoints-md )){.ivds-section{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}}@media (min-width:var(--breakpoints-lg )){.ivds-section{padding-bottom:var(--spacing-20);padding-top:var(--spacing-20)}}.ivds-m-0{margin:var(--spacing-0,0)!important}.ivds-m-1{margin:var(--spacing-1,.25rem)!important}.ivds-m-2{margin:var(--spacing-2,.5rem)!important}.ivds-m-3{margin:var(--spacing-3,.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,.25rem)!important;margin-right:var(--spacing-1,.25rem)!important}.ivds-mx-2{margin-left:var(--spacing-2,.5rem)!important;margin-right:var(--spacing-2,.5rem)!important}.ivds-mx-3{margin-left:var(--spacing-3,.75rem)!important;margin-right:var(--spacing-3,.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-bottom:var(--spacing-0,0)!important;margin-top:var(--spacing-0,0)!important}.ivds-my-1{margin-bottom:var(--spacing-1,.25rem)!important;margin-top:var(--spacing-1,.25rem)!important}.ivds-my-2{margin-bottom:var(--spacing-2,.5rem)!important;margin-top:var(--spacing-2,.5rem)!important}.ivds-my-3{margin-bottom:var(--spacing-3,.75rem)!important;margin-top:var(--spacing-3,.75rem)!important}.ivds-my-4{margin-bottom:var(--spacing-4,1rem)!important;margin-top:var(--spacing-4,1rem)!important}.ivds-my-5{margin-bottom:var(--spacing-5,1.25rem)!important;margin-top:var(--spacing-5,1.25rem)!important}.ivds-my-6{margin-bottom:var(--spacing-6,1.5rem)!important;margin-top:var(--spacing-6,1.5rem)!important}.ivds-my-8{margin-bottom:var(--spacing-8,2rem)!important;margin-top:var(--spacing-8,2rem)!important}.ivds-my-10{margin-bottom:var(--spacing-10,2.5rem)!important;margin-top:var(--spacing-10,2.5rem)!important}.ivds-my-12{margin-bottom:var(--spacing-12,3rem)!important;margin-top:var(--spacing-12,3rem)!important}.ivds-my-16{margin-bottom:var(--spacing-16,4rem)!important;margin-top:var(--spacing-16,4rem)!important}.ivds-mt-0{margin-top:var(--spacing-0,0)!important}.ivds-mt-1{margin-top:var(--spacing-1,.25rem)!important}.ivds-mt-2{margin-top:var(--spacing-2,.5rem)!important}.ivds-mt-3{margin-top:var(--spacing-3,.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,.25rem)!important}.ivds-mr-2{margin-right:var(--spacing-2,.5rem)!important}.ivds-mr-3{margin-right:var(--spacing-3,.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,.25rem)!important}.ivds-mb-2{margin-bottom:var(--spacing-2,.5rem)!important}.ivds-mb-3{margin-bottom:var(--spacing-3,.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,.25rem)!important}.ivds-ml-2{margin-left:var(--spacing-2,.5rem)!important}.ivds-ml-3{margin-left:var(--spacing-3,.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,.25rem)!important}.ivds-p-2{padding:var(--spacing-2,.5rem)!important}.ivds-p-3{padding:var(--spacing-3,.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,.25rem)!important;padding-right:var(--spacing-1,.25rem)!important}.ivds-px-2{padding-left:var(--spacing-2,.5rem)!important;padding-right:var(--spacing-2,.5rem)!important}.ivds-px-3{padding-left:var(--spacing-3,.75rem)!important;padding-right:var(--spacing-3,.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-bottom:var(--spacing-0,0)!important;padding-top:var(--spacing-0,0)!important}.ivds-py-1{padding-bottom:var(--spacing-1,.25rem)!important;padding-top:var(--spacing-1,.25rem)!important}.ivds-py-2{padding-bottom:var(--spacing-2,.5rem)!important;padding-top:var(--spacing-2,.5rem)!important}.ivds-py-3{padding-bottom:var(--spacing-3,.75rem)!important;padding-top:var(--spacing-3,.75rem)!important}.ivds-py-4{padding-bottom:var(--spacing-4,1rem)!important;padding-top:var(--spacing-4,1rem)!important}.ivds-py-5{padding-bottom:var(--spacing-5,1.25rem)!important;padding-top:var(--spacing-5,1.25rem)!important}.ivds-py-6{padding-bottom:var(--spacing-6,1.5rem)!important;padding-top:var(--spacing-6,1.5rem)!important}.ivds-py-8{padding-bottom:var(--spacing-8,2rem)!important;padding-top:var(--spacing-8,2rem)!important}.ivds-py-10{padding-bottom:var(--spacing-10,2.5rem)!important;padding-top:var(--spacing-10,2.5rem)!important}.ivds-py-12{padding-bottom:var(--spacing-12,3rem)!important;padding-top:var(--spacing-12,3rem)!important}.ivds-py-16{padding-bottom:var(--spacing-16,4rem)!important;padding-top:var(--spacing-16,4rem)!important}.ivds-pt-0{padding-top:var(--spacing-0,0)!important}.ivds-pt-1{padding-top:var(--spacing-1,.25rem)!important}.ivds-pt-2{padding-top:var(--spacing-2,.5rem)!important}.ivds-pt-3{padding-top:var(--spacing-3,.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,.25rem)!important}.ivds-pr-2{padding-right:var(--spacing-2,.5rem)!important}.ivds-pr-3{padding-right:var(--spacing-3,.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,.25rem)!important}.ivds-pb-2{padding-bottom:var(--spacing-2,.5rem)!important}.ivds-pb-3{padding-bottom:var(--spacing-3,.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,.25rem)!important}.ivds-pl-2{padding-left:var(--spacing-2,.5rem)!important}.ivds-pl-3{padding-left:var(--spacing-3,.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,.25rem)!important}.ivds-sm-m-2{margin:var(--spacing-2,.5rem)!important}.ivds-sm-m-3{margin:var(--spacing-3,.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,.25rem)!important}.ivds-sm-p-2{padding:var(--spacing-2,.5rem)!important}.ivds-sm-p-3{padding:var(--spacing-3,.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,.25rem)!important}.ivds-md-m-2{margin:var(--spacing-2,.5rem)!important}.ivds-md-m-3{margin:var(--spacing-3,.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,.25rem)!important}.ivds-md-p-2{padding:var(--spacing-2,.5rem)!important}.ivds-md-p-3{padding:var(--spacing-3,.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,.25rem)!important}.ivds-lg-m-2{margin:var(--spacing-2,.5rem)!important}.ivds-lg-m-3{margin:var(--spacing-3,.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,.25rem)!important}.ivds-lg-p-2{padding:var(--spacing-2,.5rem)!important}.ivds-lg-p-3{padding:var(--spacing-3,.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,.75rem)!important}.ivds-text-sm{font-size:var(--fontSize-sm,.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;white-space:nowrap!important}.ivds-text-ellipsis,.ivds-truncate{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:-.05em!important}.ivds-tracking-tight{letter-spacing:-.025em!important}.ivds-tracking-normal{letter-spacing:0!important}.ivds-tracking-wide{letter-spacing:.025em!important}.ivds-tracking-wider{letter-spacing:.05em!important}.ivds-tracking-widest{letter-spacing:.1em!important}.ivds-block{display:block!important}.ivds-inline{display:inline!important}.ivds-inline-block{display:inline-block!important}.ivds-inline-flex{display:inline-flex!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{bottom:0!important;left:0!important;right:0!important;top:0!important}.ivds-inset-auto{bottom:auto!important;left:auto!important;right:auto!important;top: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{bottom:0!important;top:0!important}.ivds-inset-y-auto{bottom:auto!important;top: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{margin-left:auto!important;margin-right:auto!important;padding-left:var(--spacing-4,1rem)!important;padding-right:var(--spacing-4,1rem)!important;width:100%!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,.5rem)!important;padding-right:var(--spacing-2,.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,.25rem)!important}.ivds-grid--gap-2{gap:var(--spacing-2,.5rem)!important}.ivds-grid--gap-3{gap:var(--spacing-3,.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,.25rem)!important;column-gap:var(--spacing-1,.25rem)!important}.ivds-grid--gap-x-2{-moz-column-gap:var(--spacing-2,.5rem)!important;column-gap:var(--spacing-2,.5rem)!important}.ivds-grid--gap-x-3{-moz-column-gap:var(--spacing-3,.75rem)!important;column-gap:var(--spacing-3,.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,.25rem)!important}.ivds-grid--gap-y-2{row-gap:var(--spacing-2,.5rem)!important}.ivds-grid--gap-y-3{row-gap:var(--spacing-3,.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,.25rem)!important}.ivds-flex--gap-2{gap:var(--spacing-2,.5rem)!important}.ivds-flex--gap-3{gap:var(--spacing-3,.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,.25rem)!important;column-gap:var(--spacing-1,.25rem)!important}.ivds-flex--gap-x-2{-moz-column-gap:var(--spacing-2,.5rem)!important;column-gap:var(--spacing-2,.5rem)!important}.ivds-flex--gap-x-3{-moz-column-gap:var(--spacing-3,.75rem)!important;column-gap:var(--spacing-3,.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,.25rem)!important}.ivds-flex--gap-y-2{row-gap:var(--spacing-2,.5rem)!important}.ivds-flex--gap-y-3{row-gap:var(--spacing-3,.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}}

package/lib/variables/variables.css

@@ -0,0 +1,2 @@
+/* All design token imports*/
+/* This file forwards all design token categories for the IVDS Core package*/

package/package.json

@@ -0,0 +1,194 @@
+{
+  "name": "@ivds/core",
+  "version": "0.1.1",
+  "description": "Core styles for the Ivoire Design System",
+  "main": "lib/base.css",
+  "style": "lib/all.css",
+  "files": [
+    "lib",
+    "src",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "style": "./lib/all.css",
+      "default": "./lib/all.css"
+    },
+    "./all": {
+      "style": "./lib/all.css",
+      "default": "./lib/all.css"
+    },
+    "./all.min": {
+      "style": "./lib/all.min.css",
+      "default": "./lib/all.min.css"
+    },
+    "./base": {
+      "style": "./lib/base.css",
+      "default": "./lib/base.css"
+    },
+    "./base.min": {
+      "style": "./lib/base.min.css",
+      "default": "./lib/base.min.css"
+    },
+    "./components": {
+      "style": "./lib/components/all.css",
+      "default": "./lib/components/all.css"
+    },
+    "./components.min": {
+      "style": "./lib/components/all.min.css",
+      "default": "./lib/components/all.min.css"
+    },
+    "./components/*": {
+      "style": "./lib/components/*.css",
+      "default": "./lib/components/*.css"
+    },
+    "./utils": {
+      "style": "./lib/utils/utils.css",
+      "default": "./lib/utils/utils.css"
+    },
+    "./utils.min": {
+      "style": "./lib/utils/utils.min.css",
+      "default": "./lib/utils/utils.min.css"
+    },
+    "./utils-only": {
+      "style": "./lib/utils-only.css",
+      "default": "./lib/utils-only.css"
+    },
+    "./utils-only.min": {
+      "style": "./lib/utils-only.min.css",
+      "default": "./lib/utils-only.min.css"
+    },
+    "./utils/*": {
+      "style": "./lib/utils/*.css",
+      "default": "./lib/utils/*.css"
+    },
+    "./icons": {
+      "style": "./lib/icons/icons.css",
+      "default": "./lib/icons/icons.css"
+    },
+    "./icons.min": {
+      "style": "./lib/icons/icons.min.css",
+      "default": "./lib/icons/icons.min.css"
+    },
+    "./icons/*": {
+      "style": "./lib/icons/*.css",
+      "default": "./lib/icons/*.css"
+    },
+    "./variables": {
+      "style": "./lib/variables/variables.css",
+      "default": "./lib/variables/variables.css"
+    },
+    "./variables.min": {
+      "style": "./lib/variables/variables.min.css",
+      "default": "./lib/variables/variables.min.css"
+    },
+    "./src/*": "./src/*"
+  },
+  "scripts": {
+    "build": "rimraf lib/ && yarn lint:styles && yarn postcss-build && yarn copy-scss-files && yarn copy-scss-utils",
+    "build:prod": "NODE_ENV=production SASS_SILENCE_DEPRECATIONS=legacy-js-api,import yarn build",
+    "postcss-build": "node scripts/build.js",
+    "copy-scss-files": "node scripts/copyFiles.js -source 'src/components/**/_*.scss' -target 'lib/components' -v",
+    "copy-scss-utils": "node scripts/copyFiles.js -source 'src/utils/**/_*.scss' -target 'lib/utils' -v",
+    "lint": "yarn lint:styles",
+    "lint:styles": "stylelint \"src/**/*.(css|scss)\" --ignore-pattern \"src/**/__tests__/*.scss\"",
+    "lint:fix": "stylelint \"src/**/*.(css|scss)\" --ignore-pattern \"src/**/__tests__/*.scss\" --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "clean": "rimraf lib/ coverage/ storybook-static/",
+    "prepublishOnly": "yarn clean && yarn build:prod && yarn test",
+    "storybook": "storybook dev -p 6007 --quiet",
+    "build-storybook": "storybook build --loglevel error",
+    "size": "bundlesize"
+  },
+  "peerDependencies": {
+    "@ivds/design-tokens": "^0.1.1"
+  },
+  "devDependencies": {
+    "@csstools/postcss-sass": "^5.1.1",
+    "@storybook/addon-a11y": "^7.6.0",
+    "@storybook/addon-essentials": "^7.6.0",
+    "@storybook/addon-measure": "^7.6.0",
+    "@storybook/addon-outline": "^7.6.0",
+    "@storybook/html": "^7.6.0",
+    "@storybook/html-vite": "^7.6.0",
+    "bundlesize": "^0.18.1",
+    "cssnano": "^6.0.0",
+    "glob": "^10.3.0",
+    "jest": "^29.7.0",
+    "postcss": "^8.4.0",
+    "postcss-cli": "^10.0.0",
+    "postcss-import": "^15.1.0",
+    "postcss-inline-svg": "^6.0.0",
+    "postcss-preset-env": "^9.0.0",
+    "postcss-scss": "^4.0.9",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^5.0.0",
+    "sass": "^1.69.0",
+    "sass-true": "^8.0.0",
+    "storybook": "^7.6.0",
+    "stylelint": "^15.1.0",
+    "stylelint-config-standard-scss": "^7.0.1",
+    "vite": "^7.1.12"
+  },
+  "keywords": [
+    "design-system",
+    "css",
+    "scss",
+    "components",
+    "ui",
+    "ivds",
+    "ivoire"
+  ],
+  "author": "IVDS Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/babiverse/ivoire-design-system.git",
+    "directory": "packages/ivds-core"
+  },
+  "bugs": {
+    "url": "https://github.com/babiverse/ivoire-design-system/issues"
+  },
+  "homepage": "https://babiverse.github.io/ivoire-design-system",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/babiverse"
+  },
+  "bundlesize": [
+    {
+      "path": "./lib/all.css",
+      "maxSize": "50 kB"
+    },
+    {
+      "path": "./lib/all.min.css",
+      "maxSize": "25 kB"
+    },
+    {
+      "path": "./lib/utils-only.css",
+      "maxSize": "15 kB"
+    },
+    {
+      "path": "./lib/utils-only.min.css",
+      "maxSize": "8 kB"
+    },
+    {
+      "path": "./lib/components/all.css",
+      "maxSize": "35 kB"
+    },
+    {
+      "path": "./lib/components/all.min.css",
+      "maxSize": "18 kB"
+    }
+  ]
+}

package/src/__tests__/example.test.scss

@@ -0,0 +1,12 @@
+// Example SCSS test to verify testing setup
+// This is a basic compilation test without sass-true
+
+.test-class {
+  color: red;
+  font-size: 16px;
+}
+
+.test-tokens {
+  color: var(--color-primary, #0ea5e9);
+  padding: var(--spacing-4, 1rem);
+}