@digigov/css 2.0.0-cbc56209 → 2.0.0-daaf7bdf

package/src/utilities/utilities.css

@@ -1,731 +1,983 @@
 @tailwind utilities;
 @layer utilities {
+  .ds-display-flex {
+    @apply flex !important;
+  }
+  .ds-display-block {
+    @apply block !important;
+  }
+  .ds-display-none {
+    @apply hidden !important;
+  }
+
   .ds-m-0 {
     @apply m-0 !important;
   }
+
   .ds-m-1 {
     @apply m-1 !important;
   }
+
   .ds-m-2 {
     @apply m-2 !important;
   }
+
   .ds-m-3 {
     @apply m-3 !important;
   }
+
   .ds-m-4 {
     @apply m-4 !important;
   }
+
   .ds-m-5 {
     @apply m-5 !important;
   }
+
   .ds-m-6 {
     @apply m-6 !important;
   }
+
   .ds-m-7 {
     @apply m-7 !important;
   }
+
   .ds-m-8 {
     @apply m-8 !important;
   }
+
   .ds-m-9 {
     @apply m-9 !important;
   }
+
   .ds-m-10 {
     @apply m-10 !important;
   }
+
   .ds-m-11 {
     @apply m-11 !important;
   }
+
   .ds-m-12 {
     @apply m-12 !important;
   }
+
   .ds-m-14 {
     @apply m-14 !important;
   }
+
   .ds-m-16 {
     @apply m-16 !important;
   }
+
   .ds-m-20 {
     @apply m-20 !important;
   }
+
   .ds-m-24 {
     @apply m-24 !important;
   }
+
   .ds-m-28 {
     @apply m-28 !important;
   }
+
   .ds-m-32 {
     @apply m-32 !important;
   }
+
   .ds-m-36 {
     @apply m-36 !important;
   }
+
   .ds-m-40 {
     @apply m-40 !important;
   }
+
   .ds-m-44 {
     @apply m-44 !important;
   }
+
   .ds-m-48 {
     @apply m-48 !important;
   }
+
   .ds-m-52 {
     @apply m-52 !important;
   }
+
   .ds-m-56 {
     @apply m-56 !important;
   }
+
   .ds-m-60 {
     @apply m-60 !important;
   }
+
   .ds-m-64 {
     @apply m-64 !important;
   }
+
   .ds-m-72 {
     @apply m-72 !important;
   }
+
   .ds-m-80 {
     @apply m-80 !important;
   }
+
   .ds-m-96 {
     @apply m-96 !important;
   }
+
   .ds-m-px {
     @apply m-px !important;
   }
+
   .ds-m-0\.5 {
     @apply m-0.5 !important;
   }
+
   .ds-m-1\.5 {
     @apply m-1.5 !important;
   }
+
   .ds-m-2\.5 {
     @apply m-2.5 !important;
   }
+
   .ds-m-3\.5 {
     @apply m-3.5 !important;
   }
+
   .ds-mt-0 {
     @apply mt-0 !important;
   }
+
   .ds-mt-1 {
     @apply mt-1 !important;
   }
+
   .ds-mt-2 {
     @apply mt-2 !important;
   }
+
   .ds-mt-3 {
     @apply mt-3 !important;
   }
+
   .ds-mt-4 {
     @apply mt-4 !important;
   }
+
   .ds-mt-5 {
     @apply mt-5 !important;
   }
+
   .ds-mt-6 {
     @apply mt-6 !important;
   }
+
   .ds-mt-7 {
     @apply mt-7 !important;
   }
+
   .ds-mt-8 {
     @apply mt-8 !important;
   }
+
   .ds-mt-9 {
     @apply mt-9 !important;
   }
+
   .ds-mt-10 {
     @apply mt-10 !important;
   }
+
   .ds-mt-11 {
     @apply mt-11 !important;
   }
+
   .ds-mt-12 {
     @apply mt-12 !important;
   }
+
   .ds-mt-14 {
     @apply mt-14 !important;
   }
+
   .ds-mt-16 {
     @apply mt-16 !important;
   }
+
   .ds-mt-20 {
     @apply mt-20 !important;
   }
+
   .ds-mt-24 {
     @apply mt-24 !important;
   }
+
   .ds-mt-28 {
     @apply mt-28 !important;
   }
+
   .ds-mt-32 {
     @apply mt-32 !important;
   }
+
   .ds-mt-36 {
     @apply mt-36 !important;
   }
+
   .ds-mt-40 {
     @apply mt-40 !important;
   }
+
   .ds-mt-44 {
     @apply mt-44 !important;
   }
+
   .ds-mt-48 {
     @apply mt-48 !important;
   }
+
   .ds-mt-52 {
     @apply mt-52 !important;
   }
+
   .ds-mt-56 {
     @apply mt-56 !important;
   }
+
   .ds-mt-60 {
     @apply mt-60 !important;
   }
+
   .ds-mt-64 {
     @apply mt-64 !important;
   }
+
   .ds-mt-72 {
     @apply mt-72 !important;
   }
+
   .ds-mt-80 {
     @apply mt-80 !important;
   }
+
   .ds-mt-96 {
     @apply mt-96 !important;
   }
+
   .ds-mt-px {
     @apply mt-px !important;
   }
+
   .ds-mx-0\.5 {
     @apply mx-0.5 !important;
   }
+
   .ds-mx-1\.5 {
     @apply mx-1.5 !important;
   }
+
   .ds-mx-2\.5 {
     @apply mx-2.5 !important;
   }
+
   .ds-mx-3\.5 {
     @apply mx-3.5 !important;
   }
+
   .ds-mt-0\.5 {
     @apply mt-0.5 !important;
   }
+
   .ds-mt-1\.5 {
     @apply mt-1.5 !important;
   }
+
   .ds-mt-2\.5 {
     @apply mt-2.5 !important;
   }
+
   .ds-mt-3\.5 {
     @apply mt-3.5 !important;
   }
+
   .ds-mr-0 {
     @apply mr-0 !important;
   }
+
   .ds-mr-1 {
     @apply mr-1 !important;
   }
+
   .ds-mr-2 {
     @apply mr-2 !important;
   }
+
   .ds-mr-3 {
     @apply mr-3 !important;
   }
+
   .ds-mr-4 {
     @apply mr-4 !important;
   }
+
   .ds-mr-5 {
     @apply mr-5 !important;
   }
+
   .ds-mr-6 {
     @apply mr-6 !important;
   }
+
   .ds-mr-7 {
     @apply mr-7 !important;
   }
+
   .ds-mr-8 {
     @apply mr-8 !important;
   }
+
   .ds-mr-9 {
     @apply mr-9 !important;
   }
+
   .ds-mr-10 {
     @apply mr-10 !important;
   }
+
   .ds-mr-11 {
     @apply mr-11 !important;
   }
+
   .ds-mr-12 {
     @apply mr-12 !important;
   }
+
   .ds-mr-14 {
     @apply mr-14 !important;
   }
+
   .ds-mr-16 {
     @apply mr-16 !important;
   }
+
   .ds-mr-20 {
     @apply mr-20 !important;
   }
+
   .ds-mr-24 {
     @apply mr-24 !important;
   }
+
   .ds-mr-28 {
     @apply mr-28 !important;
   }
+
   .ds-mr-32 {
     @apply mr-32 !important;
   }
+
   .ds-mr-36 {
     @apply mr-36 !important;
   }
+
   .ds-mr-40 {
     @apply mr-40 !important;
   }
+
   .ds-mr-44 {
     @apply mr-44 !important;
   }
+
   .ds-mr-48 {
     @apply mr-48 !important;
   }
+
   .ds-mr-52 {
     @apply mr-52 !important;
   }
+
   .ds-mr-56 {
     @apply mr-56 !important;
   }
+
   .ds-mr-60 {
     @apply mr-60 !important;
   }
+
   .ds-mr-64 {
     @apply mr-64 !important;
   }
+
   .ds-mr-72 {
     @apply mr-72 !important;
   }
+
   .ds-mr-80 {
     @apply mr-80 !important;
   }
+
   .ds-mr-96 {
     @apply mr-96 !important;
   }
+
   .ds-mr-px {
     @apply mr-px !important;
   }
+
   .ds-mr-0\.5 {
     @apply mr-0.5 !important;
   }
+
   .ds-mr-1\.5 {
     @apply mr-1.5 !important;
   }
+
   .ds-mr-2\.5 {
     @apply mr-2.5 !important;
   }
+
   .ds-mr-3\.5 {
     @apply mr-3.5 !important;
   }
+
   .ds-ml-0 {
     @apply ml-0 !important;
   }
+
   .ds-ml-1 {
     @apply ml-1 !important;
   }
+
   .ds-ml-2 {
     @apply ml-2 !important;
   }
+
   .ds-ml-3 {
     @apply ml-3 !important;
   }
+
   .ds-ml-4 {
     @apply ml-4 !important;
   }
+
   .ds-ml-5 {
     @apply ml-5 !important;
   }
+
   .ds-ml-6 {
     @apply ml-6 !important;
   }
+
   .ds-ml-7 {
     @apply ml-7 !important;
   }
+
   .ds-ml-8 {
     @apply ml-8 !important;
   }
+
   .ds-ml-9 {
     @apply ml-9 !important;
   }
+
   .ds-ml-10 {
     @apply ml-10 !important;
   }
+
   .ds-ml-11 {
     @apply ml-11 !important;
   }
+
   .ds-ml-12 {
     @apply ml-12 !important;
   }
+
   .ds-ml-14 {
     @apply ml-14 !important;
   }
+
   .ds-ml-16 {
     @apply ml-16 !important;
   }
+
   .ds-ml-20 {
     @apply ml-20 !important;
   }
+
   .ds-ml-24 {
     @apply ml-24 !important;
   }
+
   .ds-ml-28 {
     @apply ml-28 !important;
   }
+
   .ds-ml-32 {
     @apply ml-32 !important;
   }
+
   .ds-ml-36 {
     @apply ml-36 !important;
   }
+
   .ds-ml-40 {
     @apply ml-40 !important;
   }
+
   .ds-ml-44 {
     @apply ml-44 !important;
   }
+
   .ds-ml-48 {
     @apply ml-48 !important;
   }
+
   .ds-ml-52 {
     @apply ml-52 !important;
   }
+
   .ds-ml-56 {
     @apply ml-56 !important;
   }
+
   .ds-ml-60 {
     @apply ml-60 !important;
   }
+
   .ds-ml-64 {
     @apply ml-64 !important;
   }
+
   .ds-ml-72 {
     @apply ml-72 !important;
   }
+
   .ds-ml-80 {
     @apply ml-80 !important;
   }
+
   .ds-ml-96 {
     @apply ml-96 !important;
   }
+
   .ds-ml-px {
     @apply ml-px !important;
   }
+
   .ds-ml-0\.5 {
     @apply ml-0.5 !important;
   }
+
   .ds-ml-1\.5 {
     @apply ml-1.5 !important;
   }
+
   .ds-ml-2\.5 {
     @apply ml-2.5 !important;
   }
+
   .ds-ml-3\.5 {
     @apply ml-3.5 !important;
   }
+
   .ds-mb-0 {
     @apply mb-0 !important;
   }
+
   .ds-mb-1 {
     @apply mb-1 !important;
   }
+
   .ds-mb-2 {
     @apply mb-2 !important;
   }
+
   .ds-mb-3 {
     @apply mb-3 !important;
   }
+
   .ds-mb-4 {
     @apply mb-4 !important;
   }
+
   .ds-mb-5 {
     @apply mb-5 !important;
   }
+
   .ds-mb-6 {
     @apply mb-6 !important;
   }
+
   .ds-mb-7 {
     @apply mb-7 !important;
   }
+
   .ds-mb-8 {
     @apply mb-8 !important;
   }
+
   .ds-mb-9 {
     @apply mb-9 !important;
   }
+
   .ds-mb-10 {
     @apply mb-10 !important;
   }
+
   .ds-mb-11 {
     @apply mb-11 !important;
   }
+
   .ds-mb-12 {
     @apply mb-12 !important;
   }
+
   .ds-mb-14 {
     @apply mb-14 !important;
   }
+
   .ds-mb-16 {
     @apply mb-16 !important;
   }
+
   .ds-mb-20 {
     @apply mb-20 !important;
   }
+
   .ds-mb-24 {
     @apply mb-24 !important;
   }
+
   .ds-mb-28 {
     @apply mb-28 !important;
   }
+
   .ds-mb-32 {
     @apply mb-32 !important;
   }
+
   .ds-mb-36 {
     @apply mb-36 !important;
   }
+
   .ds-mb-40 {
     @apply mb-40 !important;
   }
+
   .ds-mb-44 {
     @apply mb-44 !important;
   }
+
   .ds-mb-48 {
     @apply mb-48 !important;
   }
+
   .ds-mb-52 {
     @apply mb-52 !important;
   }
+
   .ds-mb-56 {
     @apply mb-56 !important;
   }
+
   .ds-mb-60 {
     @apply mb-60 !important;
   }
+
   .ds-mb-64 {
     @apply mb-64 !important;
   }
+
   .ds-mb-72 {
     @apply mb-72 !important;
   }
+
   .ds-mb-80 {
     @apply mb-80 !important;
   }
+
   .ds-mb-96 {
     @apply mb-96 !important;
   }
+
   .ds-mb-px {
     @apply mb-px !important;
   }
+
   .ds-mb-0\.5 {
     @apply mb-0.5 !important;
   }
+
   .ds-mb-1\.5 {
     @apply mb-1.5 !important;
   }
+
   .ds-mb-2\.5 {
     @apply mb-2.5 !important;
   }
+
   .ds-mb-3\.5 {
     @apply mb-3.5 !important;
   }
+
   .ds-mx-0 {
     @apply mx-0 !important;
   }
+
   .ds-mx-1 {
     @apply mx-1 !important;
   }
+
   .ds-mx-2 {
     @apply mx-2 !important;
   }
+
   .ds-mx-3 {
     @apply mx-3 !important;
   }
+
   .ds-mx-4 {
     @apply mx-4 !important;
   }
+
   .ds-mx-5 {
     @apply mx-5 !important;
   }
+
   .ds-mx-6 {
     @apply mx-6 !important;
   }
+
   .ds-mx-7 {
     @apply mx-7 !important;
   }
+
   .ds-mx-8 {
     @apply mx-8 !important;
   }
+
   .ds-mx-9 {
     @apply mx-9 !important;
   }
+
   .ds-mx-10 {
     @apply mx-10 !important;
   }
+
   .ds-mx-11 {
     @apply mx-11 !important;
   }
+
   .ds-mx-12 {
     @apply mx-12 !important;
   }
+
   .ds-mx-14 {
     @apply mx-14 !important;
   }
+
   .ds-mx-16 {
     @apply mx-16 !important;
   }
+
   .ds-mx-20 {
     @apply mx-20 !important;
   }
+
   .ds-mx-24 {
     @apply mx-24 !important;
   }
+
   .ds-mx-28 {
     @apply mx-28 !important;
   }
+
   .ds-mx-32 {
     @apply mx-32 !important;
   }
+
   .ds-mx-36 {
     @apply mx-36 !important;
   }
+
   .ds-mx-40 {
     @apply mx-40 !important;
   }
+
   .ds-mx-44 {
     @apply mx-44 !important;
   }
+
   .ds-mx-48 {
     @apply mx-48 !important;
   }
+
   .ds-mx-52 {
     @apply mx-52 !important;
   }
+
   .ds-mx-56 {
     @apply mx-56 !important;
   }
+
   .ds-mx-60 {
     @apply mx-60 !important;
   }
+
   .ds-mx-64 {
     @apply mx-64 !important;
   }
+
   .ds-mx-72 {
     @apply mx-72 !important;
   }
+
   .ds-mx-80 {
     @apply mx-80 !important;
   }
+
   .ds-mx-96 {
     @apply mx-96 !important;
   }
+
   .ds-my-0 {
     @apply my-0 !important;
   }
+
   .ds-my-1 {
     @apply my-1 !important;
   }
+
   .ds-my-2 {
     @apply my-2 !important;
   }
+
   .ds-my-3 {
     @apply my-3 !important;
   }
+
   .ds-my-4 {
     @apply my-4 !important;
   }
+
   .ds-my-5 {
     @apply my-5 !important;
   }
+
   .ds-my-6 {
     @apply my-6 !important;
   }
+
   .ds-my-7 {
     @apply my-7 !important;
   }
+
   .ds-my-8 {
     @apply my-8 !important;
   }
+
   .ds-my-9 {
     @apply my-9 !important;
   }
+
   .ds-my-10 {
     @apply my-10 !important;
   }
+
   .ds-my-11 {
     @apply my-11 !important;
   }
+
   .ds-my-12 {
     @apply my-12 !important;
   }
+
   .ds-my-14 {
     @apply my-14 !important;
   }
+
   .ds-my-16 {
     @apply my-16 !important;
   }
+
   .ds-my-20 {
     @apply my-20 !important;
   }
+
   .ds-my-24 {
     @apply my-24 !important;
   }
+
   .ds-my-28 {
     @apply my-28 !important;
   }
+
   .ds-my-32 {
     @apply my-32 !important;
   }
+
   .ds-my-36 {
     @apply my-36 !important;
   }
+
   .ds-my-40 {
     @apply my-40 !important;
   }
+
   .ds-my-44 {
     @apply my-44 !important;
   }
+
   .ds-my-48 {
     @apply my-48 !important;
   }
+
   .ds-my-52 {
     @apply my-52 !important;
   }
+
   .ds-my-56 {
     @apply my-56 !important;
   }
+
   .ds-my-60 {
     @apply my-60 !important;
   }
+
   .ds-my-64 {
     @apply my-64 !important;
   }
+
   .ds-my-72 {
     @apply my-72 !important;
   }
+
   .ds-my-80 {
     @apply my-80 !important;
   }
+
   .ds-my-96 {
     @apply my-96 !important;
   }
+
   .ds-my-0\.5 {
     @apply my-0.5 !important;
   }
+
   .ds-my-1\.5 {
     @apply my-1.5 !important;
   }
+
   .ds-my-2\.5 {
     @apply my-2.5 !important;
   }
+
   .ds-my-3\.5 {
     @apply my-3.5 !important;
   }
@@ -733,928 +985,1393 @@
   .ds-p-0 {
     @apply p-0 !important;
   }
+
   .ds-p-1 {
     @apply p-1 !important;
   }
+
   .ds-p-2 {
     @apply p-2 !important;
   }
+
   .ds-p-3 {
     @apply p-3 !important;
   }
+
   .ds-p-4 {
     @apply p-4 !important;
   }
+
   .ds-p-5 {
     @apply p-5 !important;
   }
+
   .ds-p-6 {
     @apply p-6 !important;
   }
+
   .ds-p-7 {
     @apply p-7 !important;
   }
+
   .ds-p-8 {
     @apply p-8 !important;
   }
+
   .ds-p-9 {
     @apply p-9 !important;
   }
+
   .ds-p-10 {
     @apply p-10 !important;
   }
+
   .ds-p-11 {
     @apply p-11 !important;
   }
+
   .ds-p-12 {
     @apply p-12 !important;
   }
+
   .ds-p-14 {
     @apply p-14 !important;
   }
+
   .ds-p-16 {
     @apply p-16 !important;
   }
+
   .ds-p-20 {
     @apply p-20 !important;
   }
+
   .ds-p-24 {
     @apply p-24 !important;
   }
+
   .ds-p-28 {
     @apply p-28 !important;
   }
+
   .ds-p-32 {
     @apply p-32 !important;
   }
+
   .ds-p-36 {
     @apply p-36 !important;
   }
+
   .ds-p-40 {
     @apply p-40 !important;
   }
+
   .ds-p-44 {
     @apply p-44 !important;
   }
+
   .ds-p-48 {
     @apply p-48 !important;
   }
+
   .ds-p-52 {
     @apply p-52 !important;
   }
+
   .ds-p-56 {
     @apply p-56 !important;
   }
+
   .ds-p-60 {
     @apply p-60 !important;
   }
+
   .ds-p-64 {
     @apply p-64 !important;
   }
+
   .ds-p-72 {
     @apply p-72 !important;
   }
+
   .ds-p-80 {
     @apply p-80 !important;
   }
+
   .ds-p-96 {
     @apply p-96 !important;
   }
+
   .ds-p-px {
     @apply p-px !important;
   }
+
   .ds-p-0\.5 {
     @apply p-0.5 !important;
   }
+
   .ds-p-1\.5 {
     @apply p-1.5 !important;
   }
+
   .ds-p-2\.5 {
     @apply p-2.5 !important;
   }
+
   .ds-p-3\.5 {
     @apply p-3.5 !important;
   }
+
   .ds-pt-0 {
     @apply pt-0 !important;
   }
+
   .ds-pt-1 {
     @apply pt-1 !important;
   }
+
   .ds-pt-2 {
     @apply pt-2 !important;
   }
+
   .ds-pt-3 {
     @apply pt-3 !important;
   }
+
   .ds-pt-4 {
     @apply pt-4 !important;
   }
+
   .ds-pt-5 {
     @apply pt-5 !important;
   }
+
   .ds-pt-6 {
     @apply pt-6 !important;
   }
+
   .ds-pt-7 {
     @apply pt-7 !important;
   }
+
   .ds-pt-8 {
     @apply pt-8 !important;
   }
+
   .ds-pt-9 {
     @apply pt-9 !important;
   }
+
   .ds-pt-10 {
     @apply pt-10 !important;
   }
+
   .ds-pt-11 {
     @apply pt-11 !important;
   }
+
   .ds-pt-12 {
     @apply pt-12 !important;
   }
+
   .ds-pt-14 {
     @apply pt-14 !important;
   }
+
   .ds-pt-16 {
     @apply pt-16 !important;
   }
+
   .ds-pt-20 {
     @apply pt-20 !important;
   }
+
   .ds-pt-24 {
     @apply pt-24 !important;
   }
+
   .ds-pt-28 {
     @apply pt-28 !important;
   }
+
   .ds-pt-32 {
     @apply pt-32 !important;
   }
+
   .ds-pt-36 {
     @apply pt-36 !important;
   }
+
   .ds-pt-40 {
     @apply pt-40 !important;
   }
+
   .ds-pt-44 {
     @apply pt-44 !important;
   }
+
   .ds-pt-48 {
     @apply pt-48 !important;
   }
+
   .ds-pt-52 {
     @apply pt-52 !important;
   }
+
   .ds-pt-56 {
     @apply pt-56 !important;
   }
+
   .ds-pt-60 {
     @apply pt-60 !important;
   }
+
   .ds-pt-64 {
     @apply pt-64 !important;
   }
+
   .ds-pt-72 {
     @apply pt-72 !important;
   }
+
   .ds-pt-80 {
     @apply pt-80 !important;
   }
+
   .ds-pt-96 {
     @apply pt-96 !important;
   }
+
   .ds-pt-px {
     @apply pt-px !important;
   }
+
   .ds-pt-0\.5 {
     @apply pt-0.5 !important;
   }
+
   .ds-pt-1\.5 {
     @apply pt-1.5 !important;
   }
+
   .ds-pt-2\.5 {
     @apply pt-2.5 !important;
   }
+
   .ds-pt-3\.5 {
     @apply pt-3.5 !important;
   }
+
   .ds-pr-0 {
     @apply pr-0 !important;
   }
+
   .ds-pr-1 {
     @apply pr-1 !important;
   }
+
   .ds-pr-2 {
     @apply pr-2 !important;
   }
+
   .ds-pr-3 {
     @apply pr-3 !important;
   }
+
   .ds-pr-4 {
     @apply pr-4 !important;
   }
+
   .ds-pr-5 {
     @apply pr-5 !important;
   }
+
   .ds-pr-6 {
     @apply pr-6 !important;
   }
+
   .ds-pr-7 {
     @apply pr-7 !important;
   }
+
   .ds-pr-8 {
     @apply pr-8 !important;
   }
+
   .ds-pr-9 {
     @apply pr-9 !important;
   }
+
   .ds-pr-10 {
     @apply pr-10 !important;
   }
+
   .ds-pr-11 {
     @apply pr-11 !important;
   }
+
   .ds-pr-12 {
     @apply pr-12 !important;
   }
+
   .ds-pr-14 {
     @apply pr-14 !important;
   }
+
   .ds-pr-16 {
     @apply pr-16 !important;
   }
+
   .ds-pr-20 {
     @apply pr-20 !important;
   }
+
   .ds-pr-24 {
     @apply pr-24 !important;
   }
+
   .ds-pr-28 {
     @apply pr-28 !important;
   }
+
   .ds-pr-32 {
     @apply pr-32 !important;
   }
+
   .ds-pr-36 {
     @apply pr-36 !important;
   }
+
   .ds-pr-40 {
     @apply pr-40 !important;
   }
+
   .ds-pr-44 {
     @apply pr-44 !important;
   }
+
   .ds-pr-48 {
     @apply pr-48 !important;
   }
+
   .ds-pr-52 {
     @apply pr-52 !important;
   }
+
   .ds-pr-56 {
     @apply pr-56 !important;
   }
+
   .ds-pr-60 {
     @apply pr-60 !important;
   }
+
   .ds-pr-64 {
     @apply pr-64 !important;
   }
+
   .ds-pr-72 {
     @apply pr-72 !important;
   }
+
   .ds-pr-80 {
     @apply pr-80 !important;
   }
+
   .ds-pr-96 {
     @apply pr-96 !important;
   }
+
   .ds-pr-px {
     @apply pr-px !important;
   }
+
   .ds-pr-0\.5 {
     @apply pr-0.5 !important;
   }
+
   .ds-pr-1\.5 {
     @apply pr-1.5 !important;
   }
+
   .ds-pr-2\.5 {
     @apply pr-2.5 !important;
   }
+
   .ds-pr-3\.5 {
     @apply pr-3.5 !important;
   }
+
   .ds-pl-0 {
     @apply pl-0 !important;
   }
+
   .ds-pl-1 {
     @apply pl-1 !important;
   }
+
   .ds-pl-2 {
     @apply pl-2 !important;
   }
+
   .ds-pl-3 {
     @apply pl-3 !important;
   }
+
   .ds-pl-4 {
     @apply pl-4 !important;
   }
+
   .ds-pl-5 {
     @apply pl-5 !important;
   }
+
   .ds-pl-6 {
     @apply pl-6 !important;
   }
+
   .ds-pl-7 {
     @apply pl-7 !important;
   }
+
   .ds-pl-8 {
     @apply pl-8 !important;
   }
+
   .ds-pl-9 {
     @apply pl-9 !important;
   }
+
   .ds-pl-10 {
     @apply pl-10 !important;
   }
+
   .ds-pl-11 {
     @apply pl-11 !important;
   }
+
   .ds-pl-12 {
     @apply pl-12 !important;
   }
+
   .ds-pl-14 {
     @apply pl-14 !important;
   }
+
   .ds-pl-16 {
     @apply pl-16 !important;
   }
+
   .ds-pl-20 {
     @apply pl-20 !important;
   }
+
   .ds-pl-24 {
     @apply pl-24 !important;
   }
+
   .ds-pl-28 {
     @apply pl-28 !important;
   }
+
   .ds-pl-32 {
     @apply pl-32 !important;
   }
+
   .ds-pl-36 {
     @apply pl-36 !important;
   }
+
   .ds-pl-40 {
     @apply pl-40 !important;
   }
+
   .ds-pl-44 {
     @apply pl-44 !important;
   }
+
   .ds-pl-48 {
     @apply pl-48 !important;
   }
+
   .ds-pl-52 {
     @apply pl-52 !important;
   }
+
   .ds-pl-56 {
     @apply pl-56 !important;
   }
+
   .ds-pl-60 {
     @apply pl-60 !important;
   }
+
   .ds-pl-64 {
     @apply pl-64 !important;
   }
+
   .ds-pl-72 {
     @apply pl-72 !important;
   }
+
   .ds-pl-80 {
     @apply pl-80 !important;
   }
+
   .ds-pl-96 {
     @apply pl-96 !important;
   }
+
   .ds-pl-px {
     @apply pl-px !important;
   }
+
   .ds-pl-0\.5 {
     @apply pl-0.5 !important;
   }
+
   .ds-pl-1\.5 {
     @apply pl-1.5 !important;
   }
+
   .ds-pl-2\.5 {
     @apply pl-2.5 !important;
   }
+
   .ds-pl-3\.5 {
     @apply pl-3.5 !important;
   }
+
   .ds-pb-0 {
     @apply pb-0 !important;
   }
+
   .ds-pb-1 {
     @apply pb-1 !important;
   }
+
   .ds-pb-2 {
     @apply pb-2 !important;
   }
+
   .ds-pb-3 {
     @apply pb-3 !important;
   }
+
   .ds-pb-4 {
     @apply pb-4 !important;
   }
+
   .ds-pb-5 {
     @apply pb-5 !important;
   }
+
   .ds-pb-6 {
     @apply pb-6 !important;
   }
+
   .ds-pb-7 {
     @apply pb-7 !important;
   }
+
   .ds-pb-8 {
     @apply pb-8 !important;
   }
+
   .ds-pb-9 {
     @apply pb-9 !important;
   }
+
   .ds-pb-10 {
     @apply pb-10 !important;
   }
+
   .ds-pb-11 {
     @apply pb-11 !important;
   }
+
   .ds-pb-12 {
     @apply pb-12 !important;
   }
+
   .ds-pb-14 {
     @apply pb-14 !important;
   }
+
   .ds-pb-16 {
     @apply pb-16 !important;
   }
+
   .ds-pb-20 {
     @apply pb-20 !important;
   }
+
   .ds-pb-24 {
     @apply pb-24 !important;
   }
+
   .ds-pb-28 {
     @apply pb-28 !important;
   }
+
   .ds-pb-32 {
     @apply pb-32 !important;
   }
+
   .ds-pb-36 {
     @apply pb-36 !important;
   }
+
   .ds-pb-40 {
     @apply pb-40 !important;
   }
+
   .ds-pb-44 {
     @apply pb-44 !important;
   }
+
   .ds-pb-48 {
     @apply pb-48 !important;
   }
+
   .ds-pb-52 {
     @apply pb-52 !important;
   }
+
   .ds-pb-56 {
     @apply pb-56 !important;
   }
+
   .ds-pb-60 {
     @apply pb-60 !important;
   }
+
   .ds-pb-64 {
     @apply pb-64 !important;
   }
+
   .ds-pb-72 {
     @apply pb-72 !important;
   }
+
   .ds-pb-80 {
     @apply pb-80 !important;
   }
+
   .ds-pb-96 {
     @apply pb-96 !important;
   }
+
   .ds-pb-px {
     @apply pb-px !important;
   }
+
   .ds-pb-0\.5 {
     @apply pb-0.5 !important;
   }
+
   .ds-pb-1\.5 {
     @apply pb-1.5 !important;
   }
+
   .ds-pb-2\.5 {
     @apply pb-2.5 !important;
   }
+
   .ds-pb-3\.5 {
     @apply pb-3.5 !important;
   }
+
   .ds-px-0 {
     @apply px-0 !important;
   }
+
   .ds-px-1 {
     @apply px-1 !important;
   }
+
   .ds-px-2 {
     @apply px-2 !important;
   }
+
   .ds-px-3 {
     @apply px-3 !important;
   }
+
   .ds-px-4 {
     @apply px-4 !important;
   }
+
   .ds-px-5 {
     @apply px-5 !important;
   }
+
   .ds-px-6 {
     @apply px-6 !important;
   }
+
   .ds-px-7 {
     @apply px-7 !important;
   }
+
   .ds-px-8 {
     @apply px-8 !important;
   }
+
   .ds-px-9 {
     @apply px-9 !important;
   }
+
   .ds-px-10 {
     @apply px-10 !important;
   }
+
   .ds-px-11 {
     @apply px-11 !important;
   }
+
   .ds-px-12 {
     @apply px-12 !important;
   }
+
   .ds-px-14 {
     @apply px-14 !important;
   }
+
   .ds-px-16 {
     @apply px-16 !important;
   }
+
   .ds-px-20 {
     @apply px-20 !important;
   }
+
   .ds-px-24 {
     @apply px-24 !important;
   }
+
   .ds-px-28 {
     @apply px-28 !important;
   }
+
   .ds-px-32 {
     @apply px-32 !important;
   }
+
   .ds-px-36 {
     @apply px-36 !important;
   }
+
   .ds-px-40 {
     @apply px-40 !important;
   }
+
   .ds-px-44 {
     @apply px-44 !important;
   }
+
   .ds-px-48 {
     @apply px-48 !important;
   }
+
   .ds-px-52 {
     @apply px-52 !important;
   }
+
   .ds-px-56 {
     @apply px-56 !important;
   }
+
   .ds-px-60 {
     @apply px-60 !important;
   }
+
   .ds-px-64 {
     @apply px-64 !important;
   }
+
   .ds-px-72 {
     @apply px-72 !important;
   }
+
   .ds-px-80 {
     @apply px-80 !important;
   }
+
   .ds-px-96 {
     @apply px-96 !important;
   }
+
   .ds-px-0\.5 {
     @apply px-0.5 !important;
   }
+
   .ds-px-1\.5 {
     @apply px-1.5 !important;
   }
+
   .ds-px-2\.5 {
     @apply px-2.5 !important;
   }
+
   .ds-px-3\.5 {
     @apply px-3.5 !important;
   }
+
   .ds-py-0 {
     @apply py-0 !important;
   }
+
   .ds-py-1 {
     @apply py-1 !important;
   }
+
   .ds-py-2 {
     @apply py-2 !important;
   }
+
   .ds-py-3 {
     @apply py-3 !important;
   }
+
   .ds-py-4 {
     @apply py-4 !important;
   }
+
   .ds-py-5 {
     @apply py-5 !important;
   }
+
   .ds-py-6 {
     @apply py-6 !important;
   }
+
   .ds-py-7 {
     @apply py-7 !important;
   }
+
   .ds-py-8 {
     @apply py-8 !important;
   }
+
   .ds-py-9 {
     @apply py-9 !important;
   }
+
   .ds-py-10 {
     @apply py-10 !important;
   }
+
   .ds-py-11 {
     @apply py-11 !important;
   }
+
   .ds-py-12 {
     @apply py-12 !important;
   }
+
   .ds-py-14 {
     @apply py-14 !important;
   }
+
   .ds-py-16 {
     @apply py-16 !important;
   }
+
   .ds-py-20 {
     @apply py-20 !important;
   }
+
   .ds-py-24 {
     @apply py-24 !important;
   }
+
   .ds-py-28 {
     @apply py-28 !important;
   }
+
   .ds-py-32 {
     @apply py-32 !important;
   }
+
   .ds-py-36 {
     @apply py-36 !important;
   }
+
   .ds-py-40 {
     @apply py-40 !important;
   }
+
   .ds-py-44 {
     @apply py-44 !important;
   }
+
   .ds-py-48 {
     @apply py-48 !important;
   }
+
   .ds-py-52 {
     @apply py-52 !important;
   }
+
   .ds-py-56 {
     @apply py-56 !important;
   }
+
   .ds-py-60 {
     @apply py-60 !important;
   }
+
   .ds-py-64 {
     @apply py-64 !important;
   }
+
   .ds-py-72 {
     @apply py-72 !important;
   }
+
   .ds-py-80 {
     @apply py-80 !important;
   }
+
   .ds-py-96 {
     @apply py-96 !important;
   }
+
   .ds-py-0\.5 {
     @apply py-0.5 !important;
   }
+
   .ds-py-1\.5 {
     @apply py-1.5 !important;
   }
+
   .ds-py-2\.5 {
     @apply py-2.5 !important;
   }
+
   .ds-py-3\.5 {
     @apply py-3.5 !important;
   }
 
-  .ds-grid-inline {
-    @apply inline-grid;
-  }
   .ds-grid {
     @apply grid grid-cols-12;
   }
+
+  .ds-grid-inline {
+    @apply inline-grid;
+  }
+
   .ds-grid__col-auto {
     @apply col-auto;
   }
+
+  .xs\:ds-grid__col-span-1,
   .ds-grid__col-span-1 {
     @apply col-span-1;
   }
+
+  .xs\:ds-grid__col-span-2,
   .ds-grid__col-span-2 {
     @apply col-span-2;
   }
+
+  .xs\:ds-grid__col-span-3,
   .ds-grid__col-span-3 {
     @apply col-span-3;
   }
+
+  .xs\:ds-grid__col-span-4,
   .ds-grid__col-span-4 {
     @apply col-span-4;
   }
+
+  .xs\:ds-grid__col-span-5,
   .ds-grid__col-span-5 {
     @apply col-span-5;
   }
+
+  .xs\:ds-grid__col-span-6,
   .ds-grid__col-span-6 {
     @apply col-span-6;
   }
+
+  .xs\:ds-grid__col-span-7,
   .ds-grid__col-span-7 {
     @apply col-span-7;
   }
+
+  .xs\:ds-grid__col-span-8,
   .ds-grid__col-span-8 {
     @apply col-span-8;
   }
+
+  .xs\:ds-grid__col-span-9,
   .ds-grid__col-span-9 {
     @apply col-span-9;
   }
+
+  .xs\:ds-grid__col-span-10,
   .ds-grid__col-span-10 {
     @apply col-span-10;
   }
+
+  .xs\:ds-grid__col-span-11,
   .ds-grid__col-span-11 {
     @apply col-span-11;
   }
+
+  .xs\:ds-grid__col-span-12,
   .ds-grid__col-span-12 {
     @apply col-span-12;
   }
+
+  @media (min-width: 640px) {
+    .sm\:ds-grid__col-span-1 {
+      @apply col-span-1;
+    }
+
+    .sm\:ds-grid__col-span-2 {
+      @apply col-span-2;
+    }
+
+    .sm\:ds-grid__col-span-3 {
+      @apply col-span-3;
+    }
+
+    .sm\:ds-grid__col-span-4 {
+      @apply col-span-4;
+    }
+
+    .sm\:ds-grid__col-span-5 {
+      @apply col-span-5;
+    }
+
+    .sm\:ds-grid__col-span-6 {
+      @apply col-span-6;
+    }
+
+    .sm\:ds-grid__col-span-7 {
+      @apply col-span-7;
+    }
+
+    .sm\:ds-grid__col-span-8 {
+      @apply col-span-8;
+    }
+
+    .sm\:ds-grid__col-span-9 {
+      @apply col-span-9;
+    }
+
+    .sm\:ds-grid__col-span-10 {
+      @apply col-span-10;
+    }
+
+    .sm\:ds-grid__col-span-11 {
+      @apply col-span-11;
+    }
+
+    .sm\:ds-grid__col-span-12 {
+      @apply col-span-12;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .md\:ds-grid__col-span-1 {
+      @apply col-span-1;
+    }
+
+    .md\:ds-grid__col-span-2 {
+      @apply col-span-2;
+    }
+
+    .md\:ds-grid__col-span-3 {
+      @apply col-span-3;
+    }
+
+    .md\:ds-grid__col-span-4 {
+      @apply col-span-4;
+    }
+
+    .md\:ds-grid__col-span-5 {
+      @apply col-span-5;
+    }
+
+    .md\:ds-grid__col-span-6 {
+      @apply col-span-6;
+    }
+
+    .md\:ds-grid__col-span-7 {
+      @apply col-span-7;
+    }
+
+    .md\:ds-grid__col-span-8 {
+      @apply col-span-8;
+    }
+
+    .md\:ds-grid__col-span-9 {
+      @apply col-span-9;
+    }
+
+    .md\:ds-grid__col-span-10 {
+      @apply col-span-10;
+    }
+
+    .md\:ds-grid__col-span-11 {
+      @apply col-span-11;
+    }
+
+    .md\:ds-grid__col-span-12 {
+      @apply col-span-12;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .lg\:ds-grid__col-span-1 {
+      @apply col-span-1;
+    }
+
+    .lg\:ds-grid__col-span-2 {
+      @apply col-span-2;
+    }
+
+    .lg\:ds-grid__col-span-3 {
+      @apply col-span-3;
+    }
+
+    .lg\:ds-grid__col-span-4 {
+      @apply col-span-4;
+    }
+
+    .lg\:ds-grid__col-span-5 {
+      @apply col-span-5;
+    }
+
+    .lg\:ds-grid__col-span-6 {
+      @apply col-span-6;
+    }
+
+    .lg\:ds-grid__col-span-7 {
+      @apply col-span-7;
+    }
+
+    .lg\:ds-grid__col-span-8 {
+      @apply col-span-8;
+    }
+
+    .lg\:ds-grid__col-span-9 {
+      @apply col-span-9;
+    }
+
+    .lg\:ds-grid__col-span-10 {
+      @apply col-span-10;
+    }
+
+    .lg\:ds-grid__col-span-11 {
+      @apply col-span-11;
+    }
+
+    .lg\:ds-grid__col-span-12 {
+      @apply col-span-12;
+    }
+  }
+
   .ds-print-hidden {
     @apply print:hidden !important;
   }
+
   .ds-print-visible-block {
     @apply print:block !important;
   }
+
   .ds-print-visible-inline {
     @apply print:inline !important;
   }
+
   .ds-gap-1 {
     @apply gap-1;
   }
+
   .ds-gap-2 {
     @apply gap-2;
   }
+
   .ds-gap-4 {
     @apply gap-4;
   }
-  .ds-gap-5 {
-    @apply gap-5;
-  }
+
   .ds-gap-6 {
     @apply gap-6;
   }
+
   .ds-gap-8 {
     @apply gap-8;
   }
+
   .ds-gap-10 {
     @apply gap-10;
   }
+
   .ds-gap-12 {
     @apply gap-12;
   }
+
   .ds-gap-xs-1 {
     @apply gap-1;
   }
+
   .ds-gap-xs-2 {
     @apply gap-2;
   }
+
   .ds-gap-xs-4 {
     @apply gap-4;
   }
+
   .ds-gap-xs-5 {
     @apply gap-5;
   }
+
   .ds-gap-xs-6 {
     @apply gap-6;
   }
+
   .ds-gap-xs-8 {
     @apply gap-8;
   }
+
   .ds-gap-xs-10 {
     @apply gap-10;
   }
+
   .ds-gap-xs-12 {
     @apply gap-12;
   }
+
   .ds-gap-sm-1 {
     @apply sm:gap-1;
   }
+
   .ds-gap-sm-2 {
     @apply sm:gap-2;
   }
+
   .ds-gap-sm-4 {
     @apply sm:gap-4;
   }
+
   .ds-gap-sm-5 {
     @apply sm:gap-5;
   }
+
   .ds-gap-sm-6 {
     @apply sm:gap-6;
   }
+
   .ds-gap-sm-8 {
     @apply sm:gap-8;
   }
+
   .ds-gap-sm-10 {
     @apply sm:gap-10;
   }
+
   .ds-gap-sm-12 {
     @apply sm:gap-12;
   }
+
   .ds-gap-md-1 {
     @apply md:gap-1;
   }
+
   .ds-gap-md-2 {
     @apply md:gap-2;
   }
+
   .ds-gap-md-4 {
     @apply md:gap-4;
   }
+
   .ds-gap-md-5 {
     @apply md:gap-5;
   }
+
   .ds-gap-md-6 {
     @apply md:gap-6;
   }
+
   .ds-gap-md-8 {
     @apply md:gap-8;
   }
+
   .ds-gap-md-10 {
     @apply md:gap-10;
   }
+
   .ds-gap-md-12 {
     @apply md:gap-12;
   }
+
   .ds-gap-lg-1 {
     @apply lg:gap-1;
   }
+
   .ds-gap-lg-2 {
     @apply lg:gap-2;
   }
+
   .ds-gap-lg-4 {
     @apply lg:gap-4;
   }
+
   .ds-gap-lg-5 {
     @apply lg:gap-5;
   }
+
   .ds-gap-lg-6 {
     @apply lg:gap-6;
   }
+
   .ds-gap-lg-8 {
     @apply lg:gap-8;
   }
+
   .ds-gap-lg-10 {
     @apply lg:gap-10;
   }
+
   .ds-gap-lg-12 {
     @apply lg:gap-12;
   }
+
   .ds-gap-xl-1 {
     @apply xl:gap-1;
   }
+
   .ds-gap-xl-2 {
     @apply xl:gap-2;
   }
+
   .ds-gap-xl-4 {
     @apply xl:gap-4;
   }
+
   .ds-gap-xl-5 {
     @apply xl:gap-5;
   }
+
   .ds-gap-xl-6 {
     @apply xl:gap-6;
   }
+
   .ds-gap-xl-8 {
     @apply xl:gap-8;
   }
+
   .ds-gap-xl-10 {
     @apply xl:gap-10;
   }
+
   .ds-gap-xl-12 {
     @apply xl:gap-12;
   }