@oslokommune/punkt-css 17.1.2 → 17.1.3

package/dist/css/pkt-grid.css

@@ -62,7 +62,7 @@
 }
 
 /*
- * CSS Grid layouts
+ * CSS Grid
  */
 .pkt-grid {
   display: grid;
@@ -276,6 +276,15 @@
 .pkt-grid--rowgap-size-88 {
   row-gap: 5.5rem;
 }
+.pkt-grid--gap-size-96 {
+  gap: 6rem;
+}
+.pkt-grid--colgap-size-96 {
+  column-gap: 6rem;
+}
+.pkt-grid--rowgap-size-96 {
+  row-gap: 6rem;
+}
 .pkt-grid--gap-size-104 {
   gap: 6.5rem;
 }
@@ -294,24 +303,6 @@
 .pkt-grid--rowgap-size-128 {
   row-gap: 8rem;
 }
-.pkt-grid--gap-size-148 {
-  gap: 9.25rem;
-}
-.pkt-grid--colgap-size-148 {
-  column-gap: 9.25rem;
-}
-.pkt-grid--rowgap-size-148 {
-  row-gap: 9.25rem;
-}
-.pkt-grid--gap-size-5 {
-  gap: 0.3125rem;
-}
-.pkt-grid--colgap-size-5 {
-  column-gap: 0.3125rem;
-}
-.pkt-grid--rowgap-size-5 {
-  row-gap: 0.3125rem;
-}
 .pkt-grid--gap-size-10 {
   gap: 0.625rem;
 }
@@ -321,15 +312,6 @@
 .pkt-grid--rowgap-size-10 {
   row-gap: 0.625rem;
 }
-.pkt-grid--gap-size-15 {
-  gap: 0.9375rem;
-}
-.pkt-grid--colgap-size-15 {
-  column-gap: 0.9375rem;
-}
-.pkt-grid--rowgap-size-15 {
-  row-gap: 0.9375rem;
-}
 .pkt-grid--gap-size-20 {
   gap: 1.25rem;
 }
@@ -348,15 +330,6 @@
 .pkt-grid--rowgap-size-30 {
   row-gap: 1.875rem;
 }
-.pkt-grid--gap-size-50 {
-  gap: 3.125rem;
-}
-.pkt-grid--colgap-size-50 {
-  column-gap: 3.125rem;
-}
-.pkt-grid--rowgap-size-50 {
-  row-gap: 3.125rem;
-}
 .pkt-grid--gap-size-60 {
   gap: 3.75rem;
 }
@@ -366,6 +339,33 @@
 .pkt-grid--rowgap-size-60 {
   row-gap: 3.75rem;
 }
+.pkt-grid--gap-size-5 {
+  gap: 0.3125rem;
+}
+.pkt-grid--colgap-size-5 {
+  column-gap: 0.3125rem;
+}
+.pkt-grid--rowgap-size-5 {
+  row-gap: 0.3125rem;
+}
+.pkt-grid--gap-size-15 {
+  gap: 0.9375rem;
+}
+.pkt-grid--colgap-size-15 {
+  column-gap: 0.9375rem;
+}
+.pkt-grid--rowgap-size-15 {
+  row-gap: 0.9375rem;
+}
+.pkt-grid--gap-size-50 {
+  gap: 3.125rem;
+}
+.pkt-grid--colgap-size-50 {
+  column-gap: 3.125rem;
+}
+.pkt-grid--rowgap-size-50 {
+  row-gap: 3.125rem;
+}
 .pkt-grid--gap-size-75 {
   gap: 4.6875rem;
 }
@@ -384,1589 +384,11 @@
 .pkt-grid--rowgap-size-100 {
   row-gap: 6.25rem;
 }
-@media screen {
-  .pkt-grid--gap-size-0-mobile-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-mobile-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-mobile-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-mobile-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-mobile-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-mobile-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-mobile-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-mobile-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-mobile-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-mobile-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-mobile-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-mobile-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-mobile-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-mobile-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-mobile-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-mobile-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-mobile-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-mobile-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-mobile-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-mobile-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-mobile-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-mobile-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-mobile-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-mobile-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-mobile-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-mobile-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-mobile-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-mobile-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-mobile-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-mobile-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-mobile-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-mobile-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-mobile-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-mobile-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-mobile-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-mobile-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-mobile-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-mobile-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-mobile-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-mobile-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-mobile-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-mobile-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-mobile-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-mobile-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-mobile-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-mobile-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-mobile-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-mobile-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-mobile-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-mobile-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-mobile-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-mobile-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-mobile-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-mobile-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-mobile-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-mobile-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-mobile-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-mobile-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-mobile-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-mobile-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-mobile-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-mobile-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-mobile-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-mobile-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-mobile-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-mobile-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-mobile-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-mobile-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-mobile-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-mobile-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-mobile-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-mobile-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-mobile-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-mobile-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-mobile-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-mobile-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-mobile-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-mobile-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-mobile-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-mobile-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-mobile-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-mobile-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-mobile-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-mobile-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-mobile-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-mobile-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-mobile-up {
-    row-gap: 6.25rem;
-  }
+.pkt-grid > .pkt-cell--left, .pkt-grid > * > .pkt-cell--left {
+  justify-self: start;
 }
-@media screen and (min-width: 36rem) {
-  .pkt-grid--gap-size-0-phablet-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-phablet-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-phablet-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-phablet-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-phablet-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-phablet-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-phablet-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-phablet-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-phablet-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-phablet-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-phablet-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-phablet-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-phablet-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-phablet-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-phablet-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-phablet-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-phablet-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-phablet-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-phablet-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-phablet-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-phablet-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-phablet-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-phablet-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-phablet-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-phablet-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-phablet-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-phablet-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-phablet-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-phablet-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-phablet-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-phablet-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-phablet-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-phablet-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-phablet-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-phablet-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-phablet-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-phablet-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-phablet-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-phablet-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-phablet-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-phablet-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-phablet-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-phablet-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-phablet-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-phablet-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-phablet-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-phablet-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-phablet-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-phablet-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-phablet-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-phablet-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-phablet-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-phablet-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-phablet-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-phablet-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-phablet-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-phablet-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-phablet-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-phablet-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-phablet-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-phablet-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-phablet-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-phablet-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-phablet-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-phablet-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-phablet-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-phablet-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-phablet-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-phablet-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-phablet-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-phablet-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-phablet-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-phablet-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-phablet-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-phablet-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-phablet-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-phablet-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-phablet-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-phablet-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-phablet-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-phablet-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-phablet-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-phablet-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-phablet-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-phablet-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-phablet-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-phablet-up {
-    row-gap: 6.25rem;
-  }
-}
-@media screen and (min-width: 48rem) {
-  .pkt-grid--gap-size-0-tablet-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-tablet-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-tablet-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-tablet-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-tablet-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-tablet-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-tablet-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-tablet-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-tablet-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-tablet-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-tablet-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-tablet-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-tablet-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-tablet-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-tablet-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-tablet-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-tablet-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-tablet-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-tablet-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-tablet-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-tablet-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-tablet-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-tablet-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-tablet-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-tablet-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-tablet-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-tablet-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-tablet-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-tablet-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-tablet-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-tablet-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-tablet-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-tablet-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-tablet-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-tablet-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-tablet-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-tablet-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-tablet-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-tablet-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-tablet-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-tablet-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-tablet-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-tablet-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-tablet-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-tablet-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-tablet-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-tablet-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-tablet-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-tablet-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-tablet-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-tablet-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-tablet-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-tablet-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-tablet-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-tablet-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-tablet-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-tablet-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-tablet-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-tablet-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-tablet-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-tablet-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-tablet-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-tablet-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-tablet-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-tablet-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-tablet-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-tablet-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-tablet-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-tablet-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-tablet-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-tablet-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-tablet-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-tablet-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-tablet-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-tablet-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-tablet-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-tablet-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-tablet-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-tablet-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-tablet-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-tablet-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-tablet-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-tablet-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-tablet-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-tablet-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-tablet-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-tablet-up {
-    row-gap: 6.25rem;
-  }
-}
-@media screen and (min-width: 64rem) {
-  .pkt-grid--gap-size-0-tablet-big-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-tablet-big-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-tablet-big-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-tablet-big-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-tablet-big-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-tablet-big-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-tablet-big-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-tablet-big-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-tablet-big-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-tablet-big-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-tablet-big-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-tablet-big-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-tablet-big-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-tablet-big-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-tablet-big-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-tablet-big-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-tablet-big-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-tablet-big-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-tablet-big-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-tablet-big-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-tablet-big-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-tablet-big-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-tablet-big-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-tablet-big-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-tablet-big-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-tablet-big-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-tablet-big-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-tablet-big-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-tablet-big-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-tablet-big-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-tablet-big-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-tablet-big-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-tablet-big-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-tablet-big-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-tablet-big-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-tablet-big-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-tablet-big-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-tablet-big-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-tablet-big-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-tablet-big-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-tablet-big-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-tablet-big-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-tablet-big-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-tablet-big-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-tablet-big-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-tablet-big-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-tablet-big-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-tablet-big-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-tablet-big-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-tablet-big-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-tablet-big-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-tablet-big-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-tablet-big-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-tablet-big-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-tablet-big-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-tablet-big-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-tablet-big-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-tablet-big-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-tablet-big-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-tablet-big-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-tablet-big-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-tablet-big-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-tablet-big-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-tablet-big-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-tablet-big-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-tablet-big-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-tablet-big-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-tablet-big-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-tablet-big-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-tablet-big-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-tablet-big-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-tablet-big-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-tablet-big-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-tablet-big-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-tablet-big-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-tablet-big-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-tablet-big-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-tablet-big-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-tablet-big-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-tablet-big-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-tablet-big-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-tablet-big-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-tablet-big-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-tablet-big-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-tablet-big-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-tablet-big-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-tablet-big-up {
-    row-gap: 6.25rem;
-  }
-}
-@media screen and (min-width: 80rem) {
-  .pkt-grid--gap-size-0-laptop-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-laptop-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-laptop-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-laptop-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-laptop-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-laptop-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-laptop-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-laptop-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-laptop-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-laptop-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-laptop-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-laptop-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-laptop-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-laptop-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-laptop-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-laptop-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-laptop-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-laptop-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-laptop-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-laptop-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-laptop-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-laptop-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-laptop-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-laptop-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-laptop-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-laptop-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-laptop-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-laptop-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-laptop-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-laptop-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-laptop-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-laptop-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-laptop-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-laptop-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-laptop-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-laptop-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-laptop-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-laptop-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-laptop-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-laptop-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-laptop-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-laptop-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-laptop-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-laptop-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-laptop-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-laptop-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-laptop-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-laptop-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-laptop-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-laptop-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-laptop-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-laptop-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-laptop-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-laptop-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-laptop-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-laptop-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-laptop-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-laptop-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-laptop-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-laptop-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-laptop-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-laptop-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-laptop-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-laptop-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-laptop-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-laptop-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-laptop-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-laptop-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-laptop-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-laptop-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-laptop-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-laptop-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-laptop-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-laptop-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-laptop-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-laptop-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-laptop-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-laptop-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-laptop-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-laptop-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-laptop-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-laptop-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-laptop-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-laptop-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-laptop-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-laptop-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-laptop-up {
-    row-gap: 6.25rem;
-  }
-}
-@media screen and (min-width: 100rem) {
-  .pkt-grid--gap-size-0-desktop-up {
-    gap: 0rem;
-  }
-  .pkt-grid--colgap-size-0-desktop-up {
-    column-gap: 0rem;
-  }
-  .pkt-grid--rowgap-size-0-desktop-up {
-    row-gap: 0rem;
-  }
-  .pkt-grid--gap-size-2-desktop-up {
-    gap: 0.125rem;
-  }
-  .pkt-grid--colgap-size-2-desktop-up {
-    column-gap: 0.125rem;
-  }
-  .pkt-grid--rowgap-size-2-desktop-up {
-    row-gap: 0.125rem;
-  }
-  .pkt-grid--gap-size-4-desktop-up {
-    gap: 0.25rem;
-  }
-  .pkt-grid--colgap-size-4-desktop-up {
-    column-gap: 0.25rem;
-  }
-  .pkt-grid--rowgap-size-4-desktop-up {
-    row-gap: 0.25rem;
-  }
-  .pkt-grid--gap-size-6-desktop-up {
-    gap: 0.375rem;
-  }
-  .pkt-grid--colgap-size-6-desktop-up {
-    column-gap: 0.375rem;
-  }
-  .pkt-grid--rowgap-size-6-desktop-up {
-    row-gap: 0.375rem;
-  }
-  .pkt-grid--gap-size-8-desktop-up {
-    gap: 0.5rem;
-  }
-  .pkt-grid--colgap-size-8-desktop-up {
-    column-gap: 0.5rem;
-  }
-  .pkt-grid--rowgap-size-8-desktop-up {
-    row-gap: 0.5rem;
-  }
-  .pkt-grid--gap-size-12-desktop-up {
-    gap: 0.75rem;
-  }
-  .pkt-grid--colgap-size-12-desktop-up {
-    column-gap: 0.75rem;
-  }
-  .pkt-grid--rowgap-size-12-desktop-up {
-    row-gap: 0.75rem;
-  }
-  .pkt-grid--gap-size-16-desktop-up {
-    gap: 1rem;
-  }
-  .pkt-grid--colgap-size-16-desktop-up {
-    column-gap: 1rem;
-  }
-  .pkt-grid--rowgap-size-16-desktop-up {
-    row-gap: 1rem;
-  }
-  .pkt-grid--gap-size-24-desktop-up {
-    gap: 1.5rem;
-  }
-  .pkt-grid--colgap-size-24-desktop-up {
-    column-gap: 1.5rem;
-  }
-  .pkt-grid--rowgap-size-24-desktop-up {
-    row-gap: 1.5rem;
-  }
-  .pkt-grid--gap-size-32-desktop-up {
-    gap: 2rem;
-  }
-  .pkt-grid--colgap-size-32-desktop-up {
-    column-gap: 2rem;
-  }
-  .pkt-grid--rowgap-size-32-desktop-up {
-    row-gap: 2rem;
-  }
-  .pkt-grid--gap-size-40-desktop-up {
-    gap: 2.5rem;
-  }
-  .pkt-grid--colgap-size-40-desktop-up {
-    column-gap: 2.5rem;
-  }
-  .pkt-grid--rowgap-size-40-desktop-up {
-    row-gap: 2.5rem;
-  }
-  .pkt-grid--gap-size-48-desktop-up {
-    gap: 3rem;
-  }
-  .pkt-grid--colgap-size-48-desktop-up {
-    column-gap: 3rem;
-  }
-  .pkt-grid--rowgap-size-48-desktop-up {
-    row-gap: 3rem;
-  }
-  .pkt-grid--gap-size-52-desktop-up {
-    gap: 3.25rem;
-  }
-  .pkt-grid--colgap-size-52-desktop-up {
-    column-gap: 3.25rem;
-  }
-  .pkt-grid--rowgap-size-52-desktop-up {
-    row-gap: 3.25rem;
-  }
-  .pkt-grid--gap-size-56-desktop-up {
-    gap: 3.5rem;
-  }
-  .pkt-grid--colgap-size-56-desktop-up {
-    column-gap: 3.5rem;
-  }
-  .pkt-grid--rowgap-size-56-desktop-up {
-    row-gap: 3.5rem;
-  }
-  .pkt-grid--gap-size-64-desktop-up {
-    gap: 4rem;
-  }
-  .pkt-grid--colgap-size-64-desktop-up {
-    column-gap: 4rem;
-  }
-  .pkt-grid--rowgap-size-64-desktop-up {
-    row-gap: 4rem;
-  }
-  .pkt-grid--gap-size-72-desktop-up {
-    gap: 4.5rem;
-  }
-  .pkt-grid--colgap-size-72-desktop-up {
-    column-gap: 4.5rem;
-  }
-  .pkt-grid--rowgap-size-72-desktop-up {
-    row-gap: 4.5rem;
-  }
-  .pkt-grid--gap-size-80-desktop-up {
-    gap: 5rem;
-  }
-  .pkt-grid--colgap-size-80-desktop-up {
-    column-gap: 5rem;
-  }
-  .pkt-grid--rowgap-size-80-desktop-up {
-    row-gap: 5rem;
-  }
-  .pkt-grid--gap-size-88-desktop-up {
-    gap: 5.5rem;
-  }
-  .pkt-grid--colgap-size-88-desktop-up {
-    column-gap: 5.5rem;
-  }
-  .pkt-grid--rowgap-size-88-desktop-up {
-    row-gap: 5.5rem;
-  }
-  .pkt-grid--gap-size-104-desktop-up {
-    gap: 6.5rem;
-  }
-  .pkt-grid--colgap-size-104-desktop-up {
-    column-gap: 6.5rem;
-  }
-  .pkt-grid--rowgap-size-104-desktop-up {
-    row-gap: 6.5rem;
-  }
-  .pkt-grid--gap-size-128-desktop-up {
-    gap: 8rem;
-  }
-  .pkt-grid--colgap-size-128-desktop-up {
-    column-gap: 8rem;
-  }
-  .pkt-grid--rowgap-size-128-desktop-up {
-    row-gap: 8rem;
-  }
-  .pkt-grid--gap-size-148-desktop-up {
-    gap: 9.25rem;
-  }
-  .pkt-grid--colgap-size-148-desktop-up {
-    column-gap: 9.25rem;
-  }
-  .pkt-grid--rowgap-size-148-desktop-up {
-    row-gap: 9.25rem;
-  }
-  .pkt-grid--gap-size-5-desktop-up {
-    gap: 0.3125rem;
-  }
-  .pkt-grid--colgap-size-5-desktop-up {
-    column-gap: 0.3125rem;
-  }
-  .pkt-grid--rowgap-size-5-desktop-up {
-    row-gap: 0.3125rem;
-  }
-  .pkt-grid--gap-size-10-desktop-up {
-    gap: 0.625rem;
-  }
-  .pkt-grid--colgap-size-10-desktop-up {
-    column-gap: 0.625rem;
-  }
-  .pkt-grid--rowgap-size-10-desktop-up {
-    row-gap: 0.625rem;
-  }
-  .pkt-grid--gap-size-15-desktop-up {
-    gap: 0.9375rem;
-  }
-  .pkt-grid--colgap-size-15-desktop-up {
-    column-gap: 0.9375rem;
-  }
-  .pkt-grid--rowgap-size-15-desktop-up {
-    row-gap: 0.9375rem;
-  }
-  .pkt-grid--gap-size-20-desktop-up {
-    gap: 1.25rem;
-  }
-  .pkt-grid--colgap-size-20-desktop-up {
-    column-gap: 1.25rem;
-  }
-  .pkt-grid--rowgap-size-20-desktop-up {
-    row-gap: 1.25rem;
-  }
-  .pkt-grid--gap-size-30-desktop-up {
-    gap: 1.875rem;
-  }
-  .pkt-grid--colgap-size-30-desktop-up {
-    column-gap: 1.875rem;
-  }
-  .pkt-grid--rowgap-size-30-desktop-up {
-    row-gap: 1.875rem;
-  }
-  .pkt-grid--gap-size-50-desktop-up {
-    gap: 3.125rem;
-  }
-  .pkt-grid--colgap-size-50-desktop-up {
-    column-gap: 3.125rem;
-  }
-  .pkt-grid--rowgap-size-50-desktop-up {
-    row-gap: 3.125rem;
-  }
-  .pkt-grid--gap-size-60-desktop-up {
-    gap: 3.75rem;
-  }
-  .pkt-grid--colgap-size-60-desktop-up {
-    column-gap: 3.75rem;
-  }
-  .pkt-grid--rowgap-size-60-desktop-up {
-    row-gap: 3.75rem;
-  }
-  .pkt-grid--gap-size-75-desktop-up {
-    gap: 4.6875rem;
-  }
-  .pkt-grid--colgap-size-75-desktop-up {
-    column-gap: 4.6875rem;
-  }
-  .pkt-grid--rowgap-size-75-desktop-up {
-    row-gap: 4.6875rem;
-  }
-  .pkt-grid--gap-size-100-desktop-up {
-    gap: 6.25rem;
-  }
-  .pkt-grid--colgap-size-100-desktop-up {
-    column-gap: 6.25rem;
-  }
-  .pkt-grid--rowgap-size-100-desktop-up {
-    row-gap: 6.25rem;
-  }
-}
-.pkt-grid > .pkt-cell--left, .pkt-grid > * > .pkt-cell--left {
-  justify-self: start;
-}
-.pkt-grid > .pkt-cell--center, .pkt-grid > * > .pkt-cell--center {
-  justify-self: center;
+.pkt-grid > .pkt-cell--center, .pkt-grid > * > .pkt-cell--center {
+  justify-self: center;
 }
 .pkt-grid > .pkt-cell--right, .pkt-grid > * > .pkt-cell--right {
   justify-self: end;
@@ -2013,216 +435,6 @@
 .pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
   grid-column-end: span 12;
 }
-@media screen {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-mobile-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-mobile-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-mobile-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-mobile-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-mobile-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-mobile-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-mobile-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-mobile-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-mobile-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
-    grid-column-end: span 12;
-  }
-}
-@media screen and (min-width: 36rem) {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-phablet-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-phablet-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-phablet-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-phablet-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-phablet-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-phablet-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-phablet-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-phablet-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-phablet-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
-    grid-column-end: span 12;
-  }
-}
-@media screen and (min-width: 48rem) {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
-    grid-column-end: span 12;
-  }
-}
-@media screen and (min-width: 64rem) {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-big-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-big-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-big-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-big-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-big-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-big-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-big-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-big-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-big-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
-    grid-column-end: span 12;
-  }
-}
-@media screen and (min-width: 80rem) {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-laptop-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-laptop-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-laptop-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-laptop-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-laptop-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-laptop-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-laptop-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-laptop-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-laptop-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
-    grid-column-end: span 12;
-  }
-}
-@media screen and (min-width: 100rem) {
-  .pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
-    grid-column-end: span 2;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-desktop-up {
-    grid-column-end: span 3;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-desktop-up {
-    grid-column-end: span 4;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-desktop-up {
-    grid-column-end: span 5;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-desktop-up {
-    grid-column-end: span 6;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-desktop-up {
-    grid-column-end: span 7;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-desktop-up {
-    grid-column-end: span 8;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-desktop-up {
-    grid-column-end: span 9;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-desktop-up {
-    grid-column-end: span 10;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-desktop-up {
-    grid-column-end: span 11;
-  }
-  .pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
-    grid-column-end: span 12;
-  }
-}
 
 .pkt-layout {
   display: grid;