@unifiedsoftware/styles 2.0.0-alpha.4 → 2.0.0-alpha.6

package/css/styles.css

@@ -1742,15 +1742,26 @@
   column-gap: var(--us-descriptions-gap-y);
 }
 
+.us-description {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  row-gap: var(--us-description-gap-x);
+  column-gap: var(--us-description-gap-y);
+}
+.us-descriptions--row .us-description__label {
+  grid-column: span 6/span 6;
+}
+.us-descriptions--row .us-description__content {
+  grid-column: span 6/span 6;
+}
+.us-descriptions--col .us-description__label, .us-descriptions--col .us-description__content {
+  grid-column: span 12/span 12;
+}
 .us-description__label {
   font-size: var(--us-description-label-font-size);
-  font-weight: var(--us-description-text-font-weight);
+  font-weight: var(--us-description-label-font-weight);
   color: var(--us-description-label-color);
   opacity: var(--us-description-label-opacity);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: block;
 }
 .us-description__content {
   overflow: hidden;
@@ -2257,198 +2268,6 @@
   row-gap: 2rem;
 }
 
-.us-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-
-.us-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.us-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.us-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.us-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.us-cols-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.us-cols-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.us-cols-8 {
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.us-cols-9 {
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.us-cols-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.us-cols-11 {
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.us-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-.us-col-1 {
-  grid-column: span 1/span 1;
-}
-
-.us-col-2 {
-  grid-column: span 2/span 2;
-}
-
-.us-col-3 {
-  grid-column: span 3/span 3;
-}
-
-.us-col-4 {
-  grid-column: span 4/span 4;
-}
-
-.us-col-5 {
-  grid-column: span 5/span 5;
-}
-
-.us-col-6 {
-  grid-column: span 6/span 6;
-}
-
-.us-col-7 {
-  grid-column: span 7/span 7;
-}
-
-.us-col-8 {
-  grid-column: span 8/span 8;
-}
-
-.us-col-9 {
-  grid-column: span 9/span 9;
-}
-
-.us-col-10 {
-  grid-column: span 10/span 10;
-}
-
-.us-col-11 {
-  grid-column: span 11/span 11;
-}
-
-.us-col-12 {
-  grid-column: span 12/span 12;
-}
-
-.us-col-s-1 {
-  grid-column-start: 1;
-}
-
-.us-col-s-2 {
-  grid-column-start: 2;
-}
-
-.us-col-s-3 {
-  grid-column-start: 3;
-}
-
-.us-col-s-4 {
-  grid-column-start: 4;
-}
-
-.us-col-s-5 {
-  grid-column-start: 5;
-}
-
-.us-col-s-6 {
-  grid-column-start: 6;
-}
-
-.us-col-s-7 {
-  grid-column-start: 7;
-}
-
-.us-col-s-8 {
-  grid-column-start: 8;
-}
-
-.us-col-s-9 {
-  grid-column-start: 9;
-}
-
-.us-col-s-10 {
-  grid-column-start: 10;
-}
-
-.us-col-s-11 {
-  grid-column-start: 11;
-}
-
-.us-col-s-12 {
-  grid-column-start: 12;
-}
-
-.us-col-e-1 {
-  grid-column: 1;
-}
-
-.us-col-e-2 {
-  grid-column: 2;
-}
-
-.us-col-e-3 {
-  grid-column: 3;
-}
-
-.us-col-e-4 {
-  grid-column: 4;
-}
-
-.us-col-e-5 {
-  grid-column: 5;
-}
-
-.us-col-e-6 {
-  grid-column: 6;
-}
-
-.us-col-e-7 {
-  grid-column: 7;
-}
-
-.us-col-e-8 {
-  grid-column: 8;
-}
-
-.us-col-e-9 {
-  grid-column: 9;
-}
-
-.us-col-e-10 {
-  grid-column: 10;
-}
-
-.us-col-e-11 {
-  grid-column: 11;
-}
-
-.us-col-e-12 {
-  grid-column: 12;
-}
-
 @media screen and (min-width: 0px) {
   .xs\:us-h-full {
     height: 100%;
@@ -2654,150 +2473,6 @@
   .xs\:us-gy-8 {
     row-gap: 2rem;
   }
-  .xs\:us-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .xs\:us-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .xs\:us-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .xs\:us-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .xs\:us-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .xs\:us-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .xs\:us-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .xs\:us-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .xs\:us-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .xs\:us-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .xs\:us-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .xs\:us-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  .xs\:us-col-1 {
-    grid-column: span 1/span 1;
-  }
-  .xs\:us-col-2 {
-    grid-column: span 2/span 2;
-  }
-  .xs\:us-col-3 {
-    grid-column: span 3/span 3;
-  }
-  .xs\:us-col-4 {
-    grid-column: span 4/span 4;
-  }
-  .xs\:us-col-5 {
-    grid-column: span 5/span 5;
-  }
-  .xs\:us-col-6 {
-    grid-column: span 6/span 6;
-  }
-  .xs\:us-col-7 {
-    grid-column: span 7/span 7;
-  }
-  .xs\:us-col-8 {
-    grid-column: span 8/span 8;
-  }
-  .xs\:us-col-9 {
-    grid-column: span 9/span 9;
-  }
-  .xs\:us-col-10 {
-    grid-column: span 10/span 10;
-  }
-  .xs\:us-col-11 {
-    grid-column: span 11/span 11;
-  }
-  .xs\:us-col-12 {
-    grid-column: span 12/span 12;
-  }
-  .xs\:us-col-s-1 {
-    grid-column-start: 1;
-  }
-  .xs\:us-col-s-2 {
-    grid-column-start: 2;
-  }
-  .xs\:us-col-s-3 {
-    grid-column-start: 3;
-  }
-  .xs\:us-col-s-4 {
-    grid-column-start: 4;
-  }
-  .xs\:us-col-s-5 {
-    grid-column-start: 5;
-  }
-  .xs\:us-col-s-6 {
-    grid-column-start: 6;
-  }
-  .xs\:us-col-s-7 {
-    grid-column-start: 7;
-  }
-  .xs\:us-col-s-8 {
-    grid-column-start: 8;
-  }
-  .xs\:us-col-s-9 {
-    grid-column-start: 9;
-  }
-  .xs\:us-col-s-10 {
-    grid-column-start: 10;
-  }
-  .xs\:us-col-s-11 {
-    grid-column-start: 11;
-  }
-  .xs\:us-col-s-12 {
-    grid-column-start: 12;
-  }
-  .xs\:us-col-e-1 {
-    grid-column: 1;
-  }
-  .xs\:us-col-e-2 {
-    grid-column: 2;
-  }
-  .xs\:us-col-e-3 {
-    grid-column: 3;
-  }
-  .xs\:us-col-e-4 {
-    grid-column: 4;
-  }
-  .xs\:us-col-e-5 {
-    grid-column: 5;
-  }
-  .xs\:us-col-e-6 {
-    grid-column: 6;
-  }
-  .xs\:us-col-e-7 {
-    grid-column: 7;
-  }
-  .xs\:us-col-e-8 {
-    grid-column: 8;
-  }
-  .xs\:us-col-e-9 {
-    grid-column: 9;
-  }
-  .xs\:us-col-e-10 {
-    grid-column: 10;
-  }
-  .xs\:us-col-e-11 {
-    grid-column: 11;
-  }
-  .xs\:us-col-e-12 {
-    grid-column: 12;
-  }
 }
 @media screen and (min-width: 640px) {
   .sm\:us-h-full {
@@ -3004,150 +2679,6 @@
   .sm\:us-gy-8 {
     row-gap: 2rem;
   }
-  .sm\:us-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .sm\:us-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .sm\:us-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .sm\:us-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .sm\:us-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .sm\:us-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .sm\:us-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .sm\:us-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .sm\:us-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .sm\:us-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .sm\:us-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .sm\:us-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  .sm\:us-col-1 {
-    grid-column: span 1/span 1;
-  }
-  .sm\:us-col-2 {
-    grid-column: span 2/span 2;
-  }
-  .sm\:us-col-3 {
-    grid-column: span 3/span 3;
-  }
-  .sm\:us-col-4 {
-    grid-column: span 4/span 4;
-  }
-  .sm\:us-col-5 {
-    grid-column: span 5/span 5;
-  }
-  .sm\:us-col-6 {
-    grid-column: span 6/span 6;
-  }
-  .sm\:us-col-7 {
-    grid-column: span 7/span 7;
-  }
-  .sm\:us-col-8 {
-    grid-column: span 8/span 8;
-  }
-  .sm\:us-col-9 {
-    grid-column: span 9/span 9;
-  }
-  .sm\:us-col-10 {
-    grid-column: span 10/span 10;
-  }
-  .sm\:us-col-11 {
-    grid-column: span 11/span 11;
-  }
-  .sm\:us-col-12 {
-    grid-column: span 12/span 12;
-  }
-  .sm\:us-col-s-1 {
-    grid-column-start: 1;
-  }
-  .sm\:us-col-s-2 {
-    grid-column-start: 2;
-  }
-  .sm\:us-col-s-3 {
-    grid-column-start: 3;
-  }
-  .sm\:us-col-s-4 {
-    grid-column-start: 4;
-  }
-  .sm\:us-col-s-5 {
-    grid-column-start: 5;
-  }
-  .sm\:us-col-s-6 {
-    grid-column-start: 6;
-  }
-  .sm\:us-col-s-7 {
-    grid-column-start: 7;
-  }
-  .sm\:us-col-s-8 {
-    grid-column-start: 8;
-  }
-  .sm\:us-col-s-9 {
-    grid-column-start: 9;
-  }
-  .sm\:us-col-s-10 {
-    grid-column-start: 10;
-  }
-  .sm\:us-col-s-11 {
-    grid-column-start: 11;
-  }
-  .sm\:us-col-s-12 {
-    grid-column-start: 12;
-  }
-  .sm\:us-col-e-1 {
-    grid-column: 1;
-  }
-  .sm\:us-col-e-2 {
-    grid-column: 2;
-  }
-  .sm\:us-col-e-3 {
-    grid-column: 3;
-  }
-  .sm\:us-col-e-4 {
-    grid-column: 4;
-  }
-  .sm\:us-col-e-5 {
-    grid-column: 5;
-  }
-  .sm\:us-col-e-6 {
-    grid-column: 6;
-  }
-  .sm\:us-col-e-7 {
-    grid-column: 7;
-  }
-  .sm\:us-col-e-8 {
-    grid-column: 8;
-  }
-  .sm\:us-col-e-9 {
-    grid-column: 9;
-  }
-  .sm\:us-col-e-10 {
-    grid-column: 10;
-  }
-  .sm\:us-col-e-11 {
-    grid-column: 11;
-  }
-  .sm\:us-col-e-12 {
-    grid-column: 12;
-  }
 }
 @media screen and (min-width: 960px) {
   .md\:us-h-full {
@@ -3354,150 +2885,6 @@
   .md\:us-gy-8 {
     row-gap: 2rem;
   }
-  .md\:us-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .md\:us-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .md\:us-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .md\:us-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .md\:us-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .md\:us-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .md\:us-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .md\:us-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .md\:us-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .md\:us-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .md\:us-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .md\:us-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  .md\:us-col-1 {
-    grid-column: span 1/span 1;
-  }
-  .md\:us-col-2 {
-    grid-column: span 2/span 2;
-  }
-  .md\:us-col-3 {
-    grid-column: span 3/span 3;
-  }
-  .md\:us-col-4 {
-    grid-column: span 4/span 4;
-  }
-  .md\:us-col-5 {
-    grid-column: span 5/span 5;
-  }
-  .md\:us-col-6 {
-    grid-column: span 6/span 6;
-  }
-  .md\:us-col-7 {
-    grid-column: span 7/span 7;
-  }
-  .md\:us-col-8 {
-    grid-column: span 8/span 8;
-  }
-  .md\:us-col-9 {
-    grid-column: span 9/span 9;
-  }
-  .md\:us-col-10 {
-    grid-column: span 10/span 10;
-  }
-  .md\:us-col-11 {
-    grid-column: span 11/span 11;
-  }
-  .md\:us-col-12 {
-    grid-column: span 12/span 12;
-  }
-  .md\:us-col-s-1 {
-    grid-column-start: 1;
-  }
-  .md\:us-col-s-2 {
-    grid-column-start: 2;
-  }
-  .md\:us-col-s-3 {
-    grid-column-start: 3;
-  }
-  .md\:us-col-s-4 {
-    grid-column-start: 4;
-  }
-  .md\:us-col-s-5 {
-    grid-column-start: 5;
-  }
-  .md\:us-col-s-6 {
-    grid-column-start: 6;
-  }
-  .md\:us-col-s-7 {
-    grid-column-start: 7;
-  }
-  .md\:us-col-s-8 {
-    grid-column-start: 8;
-  }
-  .md\:us-col-s-9 {
-    grid-column-start: 9;
-  }
-  .md\:us-col-s-10 {
-    grid-column-start: 10;
-  }
-  .md\:us-col-s-11 {
-    grid-column-start: 11;
-  }
-  .md\:us-col-s-12 {
-    grid-column-start: 12;
-  }
-  .md\:us-col-e-1 {
-    grid-column: 1;
-  }
-  .md\:us-col-e-2 {
-    grid-column: 2;
-  }
-  .md\:us-col-e-3 {
-    grid-column: 3;
-  }
-  .md\:us-col-e-4 {
-    grid-column: 4;
-  }
-  .md\:us-col-e-5 {
-    grid-column: 5;
-  }
-  .md\:us-col-e-6 {
-    grid-column: 6;
-  }
-  .md\:us-col-e-7 {
-    grid-column: 7;
-  }
-  .md\:us-col-e-8 {
-    grid-column: 8;
-  }
-  .md\:us-col-e-9 {
-    grid-column: 9;
-  }
-  .md\:us-col-e-10 {
-    grid-column: 10;
-  }
-  .md\:us-col-e-11 {
-    grid-column: 11;
-  }
-  .md\:us-col-e-12 {
-    grid-column: 12;
-  }
 }
 @media screen and (min-width: 1024px) {
   .lg\:us-h-full {
@@ -3704,150 +3091,6 @@
   .lg\:us-gy-8 {
     row-gap: 2rem;
   }
-  .lg\:us-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .lg\:us-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .lg\:us-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .lg\:us-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .lg\:us-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .lg\:us-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .lg\:us-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .lg\:us-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .lg\:us-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .lg\:us-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .lg\:us-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .lg\:us-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  .lg\:us-col-1 {
-    grid-column: span 1/span 1;
-  }
-  .lg\:us-col-2 {
-    grid-column: span 2/span 2;
-  }
-  .lg\:us-col-3 {
-    grid-column: span 3/span 3;
-  }
-  .lg\:us-col-4 {
-    grid-column: span 4/span 4;
-  }
-  .lg\:us-col-5 {
-    grid-column: span 5/span 5;
-  }
-  .lg\:us-col-6 {
-    grid-column: span 6/span 6;
-  }
-  .lg\:us-col-7 {
-    grid-column: span 7/span 7;
-  }
-  .lg\:us-col-8 {
-    grid-column: span 8/span 8;
-  }
-  .lg\:us-col-9 {
-    grid-column: span 9/span 9;
-  }
-  .lg\:us-col-10 {
-    grid-column: span 10/span 10;
-  }
-  .lg\:us-col-11 {
-    grid-column: span 11/span 11;
-  }
-  .lg\:us-col-12 {
-    grid-column: span 12/span 12;
-  }
-  .lg\:us-col-s-1 {
-    grid-column-start: 1;
-  }
-  .lg\:us-col-s-2 {
-    grid-column-start: 2;
-  }
-  .lg\:us-col-s-3 {
-    grid-column-start: 3;
-  }
-  .lg\:us-col-s-4 {
-    grid-column-start: 4;
-  }
-  .lg\:us-col-s-5 {
-    grid-column-start: 5;
-  }
-  .lg\:us-col-s-6 {
-    grid-column-start: 6;
-  }
-  .lg\:us-col-s-7 {
-    grid-column-start: 7;
-  }
-  .lg\:us-col-s-8 {
-    grid-column-start: 8;
-  }
-  .lg\:us-col-s-9 {
-    grid-column-start: 9;
-  }
-  .lg\:us-col-s-10 {
-    grid-column-start: 10;
-  }
-  .lg\:us-col-s-11 {
-    grid-column-start: 11;
-  }
-  .lg\:us-col-s-12 {
-    grid-column-start: 12;
-  }
-  .lg\:us-col-e-1 {
-    grid-column: 1;
-  }
-  .lg\:us-col-e-2 {
-    grid-column: 2;
-  }
-  .lg\:us-col-e-3 {
-    grid-column: 3;
-  }
-  .lg\:us-col-e-4 {
-    grid-column: 4;
-  }
-  .lg\:us-col-e-5 {
-    grid-column: 5;
-  }
-  .lg\:us-col-e-6 {
-    grid-column: 6;
-  }
-  .lg\:us-col-e-7 {
-    grid-column: 7;
-  }
-  .lg\:us-col-e-8 {
-    grid-column: 8;
-  }
-  .lg\:us-col-e-9 {
-    grid-column: 9;
-  }
-  .lg\:us-col-e-10 {
-    grid-column: 10;
-  }
-  .lg\:us-col-e-11 {
-    grid-column: 11;
-  }
-  .lg\:us-col-e-12 {
-    grid-column: 12;
-  }
 }
 @media screen and (min-width: 1280px) {
   .xl\:us-h-full {
@@ -4054,150 +3297,6 @@
   .xl\:us-gy-8 {
     row-gap: 2rem;
   }
-  .xl\:us-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .xl\:us-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .xl\:us-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .xl\:us-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .xl\:us-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .xl\:us-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .xl\:us-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .xl\:us-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .xl\:us-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .xl\:us-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .xl\:us-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .xl\:us-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  .xl\:us-col-1 {
-    grid-column: span 1/span 1;
-  }
-  .xl\:us-col-2 {
-    grid-column: span 2/span 2;
-  }
-  .xl\:us-col-3 {
-    grid-column: span 3/span 3;
-  }
-  .xl\:us-col-4 {
-    grid-column: span 4/span 4;
-  }
-  .xl\:us-col-5 {
-    grid-column: span 5/span 5;
-  }
-  .xl\:us-col-6 {
-    grid-column: span 6/span 6;
-  }
-  .xl\:us-col-7 {
-    grid-column: span 7/span 7;
-  }
-  .xl\:us-col-8 {
-    grid-column: span 8/span 8;
-  }
-  .xl\:us-col-9 {
-    grid-column: span 9/span 9;
-  }
-  .xl\:us-col-10 {
-    grid-column: span 10/span 10;
-  }
-  .xl\:us-col-11 {
-    grid-column: span 11/span 11;
-  }
-  .xl\:us-col-12 {
-    grid-column: span 12/span 12;
-  }
-  .xl\:us-col-s-1 {
-    grid-column-start: 1;
-  }
-  .xl\:us-col-s-2 {
-    grid-column-start: 2;
-  }
-  .xl\:us-col-s-3 {
-    grid-column-start: 3;
-  }
-  .xl\:us-col-s-4 {
-    grid-column-start: 4;
-  }
-  .xl\:us-col-s-5 {
-    grid-column-start: 5;
-  }
-  .xl\:us-col-s-6 {
-    grid-column-start: 6;
-  }
-  .xl\:us-col-s-7 {
-    grid-column-start: 7;
-  }
-  .xl\:us-col-s-8 {
-    grid-column-start: 8;
-  }
-  .xl\:us-col-s-9 {
-    grid-column-start: 9;
-  }
-  .xl\:us-col-s-10 {
-    grid-column-start: 10;
-  }
-  .xl\:us-col-s-11 {
-    grid-column-start: 11;
-  }
-  .xl\:us-col-s-12 {
-    grid-column-start: 12;
-  }
-  .xl\:us-col-e-1 {
-    grid-column: 1;
-  }
-  .xl\:us-col-e-2 {
-    grid-column: 2;
-  }
-  .xl\:us-col-e-3 {
-    grid-column: 3;
-  }
-  .xl\:us-col-e-4 {
-    grid-column: 4;
-  }
-  .xl\:us-col-e-5 {
-    grid-column: 5;
-  }
-  .xl\:us-col-e-6 {
-    grid-column: 6;
-  }
-  .xl\:us-col-e-7 {
-    grid-column: 7;
-  }
-  .xl\:us-col-e-8 {
-    grid-column: 8;
-  }
-  .xl\:us-col-e-9 {
-    grid-column: 9;
-  }
-  .xl\:us-col-e-10 {
-    grid-column: 10;
-  }
-  .xl\:us-col-e-11 {
-    grid-column: 11;
-  }
-  .xl\:us-col-e-12 {
-    grid-column: 12;
-  }
 }
 .us-clamp-1 {
   overflow: hidden;