@oslokommune/punkt-css 12.4.3 → 12.5.0

package/dist/css/pkt.css

@@ -1650,6 +1650,10 @@ body {
   padding-bottom: 0rem !important;
 }
 
+.gap-size-0 {
+  gap: 0rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-0--mobile-up {
     margin: 0rem !important;
@@ -1697,6 +1701,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--mobile-up {
+    gap: 0rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-0--phablet-up {
@@ -1745,6 +1752,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--phablet-up {
+    gap: 0rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-0--tablet-up {
@@ -1793,6 +1803,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--tablet-up {
+    gap: 0rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-0--tablet-big-up {
@@ -1841,6 +1854,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--tablet-big-up {
+    gap: 0rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-0--laptop-up {
@@ -1889,6 +1905,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--laptop-up {
+    gap: 0rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-0--desktop-up {
@@ -1937,6 +1956,9 @@ body {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }
+  .gap-size-0--desktop-up {
+    gap: 0rem !important;
+  }
 }
 .m-size-2 {
   margin: 0.125rem !important;
@@ -1998,6 +2020,10 @@ body {
   padding-bottom: 0.125rem !important;
 }
 
+.gap-size-2 {
+  gap: 0.125rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-2--mobile-up {
     margin: 0.125rem !important;
@@ -2045,6 +2071,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--mobile-up {
+    gap: 0.125rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-2--phablet-up {
@@ -2093,6 +2122,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--phablet-up {
+    gap: 0.125rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-2--tablet-up {
@@ -2141,6 +2173,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--tablet-up {
+    gap: 0.125rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-2--tablet-big-up {
@@ -2189,6 +2224,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--tablet-big-up {
+    gap: 0.125rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-2--laptop-up {
@@ -2237,6 +2275,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--laptop-up {
+    gap: 0.125rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-2--desktop-up {
@@ -2285,6 +2326,9 @@ body {
     padding-top: 0.125rem !important;
     padding-bottom: 0.125rem !important;
   }
+  .gap-size-2--desktop-up {
+    gap: 0.125rem !important;
+  }
 }
 .m-size-4 {
   margin: 0.25rem !important;
@@ -2346,6 +2390,10 @@ body {
   padding-bottom: 0.25rem !important;
 }
 
+.gap-size-4 {
+  gap: 0.25rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-4--mobile-up {
     margin: 0.25rem !important;
@@ -2393,6 +2441,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--mobile-up {
+    gap: 0.25rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-4--phablet-up {
@@ -2441,6 +2492,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--phablet-up {
+    gap: 0.25rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-4--tablet-up {
@@ -2489,6 +2543,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--tablet-up {
+    gap: 0.25rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-4--tablet-big-up {
@@ -2537,6 +2594,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--tablet-big-up {
+    gap: 0.25rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-4--laptop-up {
@@ -2585,6 +2645,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--laptop-up {
+    gap: 0.25rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-4--desktop-up {
@@ -2633,6 +2696,9 @@ body {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
+  .gap-size-4--desktop-up {
+    gap: 0.25rem !important;
+  }
 }
 .m-size-6 {
   margin: 0.375rem !important;
@@ -2694,6 +2760,10 @@ body {
   padding-bottom: 0.375rem !important;
 }
 
+.gap-size-6 {
+  gap: 0.375rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-6--mobile-up {
     margin: 0.375rem !important;
@@ -2741,6 +2811,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--mobile-up {
+    gap: 0.375rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-6--phablet-up {
@@ -2789,6 +2862,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--phablet-up {
+    gap: 0.375rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-6--tablet-up {
@@ -2837,6 +2913,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--tablet-up {
+    gap: 0.375rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-6--tablet-big-up {
@@ -2885,6 +2964,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--tablet-big-up {
+    gap: 0.375rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-6--laptop-up {
@@ -2933,6 +3015,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--laptop-up {
+    gap: 0.375rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-6--desktop-up {
@@ -2981,6 +3066,9 @@ body {
     padding-top: 0.375rem !important;
     padding-bottom: 0.375rem !important;
   }
+  .gap-size-6--desktop-up {
+    gap: 0.375rem !important;
+  }
 }
 .m-size-8 {
   margin: 0.5rem !important;
@@ -3042,6 +3130,10 @@ body {
   padding-bottom: 0.5rem !important;
 }
 
+.gap-size-8 {
+  gap: 0.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-8--mobile-up {
     margin: 0.5rem !important;
@@ -3089,6 +3181,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--mobile-up {
+    gap: 0.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-8--phablet-up {
@@ -3137,6 +3232,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--phablet-up {
+    gap: 0.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-8--tablet-up {
@@ -3185,6 +3283,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--tablet-up {
+    gap: 0.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-8--tablet-big-up {
@@ -3233,6 +3334,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--tablet-big-up {
+    gap: 0.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-8--laptop-up {
@@ -3281,6 +3385,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--laptop-up {
+    gap: 0.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-8--desktop-up {
@@ -3329,6 +3436,9 @@ body {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
+  .gap-size-8--desktop-up {
+    gap: 0.5rem !important;
+  }
 }
 .m-size-12 {
   margin: 0.75rem !important;
@@ -3390,6 +3500,10 @@ body {
   padding-bottom: 0.75rem !important;
 }
 
+.gap-size-12 {
+  gap: 0.75rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-12--mobile-up {
     margin: 0.75rem !important;
@@ -3437,6 +3551,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--mobile-up {
+    gap: 0.75rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-12--phablet-up {
@@ -3485,6 +3602,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--phablet-up {
+    gap: 0.75rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-12--tablet-up {
@@ -3533,6 +3653,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--tablet-up {
+    gap: 0.75rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-12--tablet-big-up {
@@ -3581,6 +3704,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--tablet-big-up {
+    gap: 0.75rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-12--laptop-up {
@@ -3629,6 +3755,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--laptop-up {
+    gap: 0.75rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-12--desktop-up {
@@ -3677,6 +3806,9 @@ body {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }
+  .gap-size-12--desktop-up {
+    gap: 0.75rem !important;
+  }
 }
 .m-size-16 {
   margin: 1rem !important;
@@ -3738,6 +3870,10 @@ body {
   padding-bottom: 1rem !important;
 }
 
+.gap-size-16 {
+  gap: 1rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-16--mobile-up {
     margin: 1rem !important;
@@ -3785,6 +3921,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--mobile-up {
+    gap: 1rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-16--phablet-up {
@@ -3833,6 +3972,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--phablet-up {
+    gap: 1rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-16--tablet-up {
@@ -3881,6 +4023,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--tablet-up {
+    gap: 1rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-16--tablet-big-up {
@@ -3929,6 +4074,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--tablet-big-up {
+    gap: 1rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-16--laptop-up {
@@ -3977,6 +4125,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--laptop-up {
+    gap: 1rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-16--desktop-up {
@@ -4025,6 +4176,9 @@ body {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
+  .gap-size-16--desktop-up {
+    gap: 1rem !important;
+  }
 }
 .m-size-24 {
   margin: 1.5rem !important;
@@ -4086,6 +4240,10 @@ body {
   padding-bottom: 1.5rem !important;
 }
 
+.gap-size-24 {
+  gap: 1.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-24--mobile-up {
     margin: 1.5rem !important;
@@ -4133,6 +4291,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--mobile-up {
+    gap: 1.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-24--phablet-up {
@@ -4181,6 +4342,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--phablet-up {
+    gap: 1.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-24--tablet-up {
@@ -4229,6 +4393,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--tablet-up {
+    gap: 1.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-24--tablet-big-up {
@@ -4277,6 +4444,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--tablet-big-up {
+    gap: 1.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-24--laptop-up {
@@ -4325,6 +4495,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--laptop-up {
+    gap: 1.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-24--desktop-up {
@@ -4373,6 +4546,9 @@ body {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
+  .gap-size-24--desktop-up {
+    gap: 1.5rem !important;
+  }
 }
 .m-size-32 {
   margin: 2rem !important;
@@ -4434,6 +4610,10 @@ body {
   padding-bottom: 2rem !important;
 }
 
+.gap-size-32 {
+  gap: 2rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-32--mobile-up {
     margin: 2rem !important;
@@ -4481,6 +4661,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--mobile-up {
+    gap: 2rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-32--phablet-up {
@@ -4529,6 +4712,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--phablet-up {
+    gap: 2rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-32--tablet-up {
@@ -4577,6 +4763,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--tablet-up {
+    gap: 2rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-32--tablet-big-up {
@@ -4625,6 +4814,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--tablet-big-up {
+    gap: 2rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-32--laptop-up {
@@ -4673,6 +4865,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--laptop-up {
+    gap: 2rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-32--desktop-up {
@@ -4721,6 +4916,9 @@ body {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
   }
+  .gap-size-32--desktop-up {
+    gap: 2rem !important;
+  }
 }
 .m-size-40 {
   margin: 2.5rem !important;
@@ -4782,6 +4980,10 @@ body {
   padding-bottom: 2.5rem !important;
 }
 
+.gap-size-40 {
+  gap: 2.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-40--mobile-up {
     margin: 2.5rem !important;
@@ -4829,6 +5031,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--mobile-up {
+    gap: 2.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-40--phablet-up {
@@ -4877,6 +5082,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--phablet-up {
+    gap: 2.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-40--tablet-up {
@@ -4925,6 +5133,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--tablet-up {
+    gap: 2.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-40--tablet-big-up {
@@ -4973,6 +5184,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--tablet-big-up {
+    gap: 2.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-40--laptop-up {
@@ -5021,6 +5235,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--laptop-up {
+    gap: 2.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-40--desktop-up {
@@ -5069,6 +5286,9 @@ body {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
   }
+  .gap-size-40--desktop-up {
+    gap: 2.5rem !important;
+  }
 }
 .m-size-48 {
   margin: 3rem !important;
@@ -5130,6 +5350,10 @@ body {
   padding-bottom: 3rem !important;
 }
 
+.gap-size-48 {
+  gap: 3rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-48--mobile-up {
     margin: 3rem !important;
@@ -5177,6 +5401,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--mobile-up {
+    gap: 3rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-48--phablet-up {
@@ -5225,6 +5452,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--phablet-up {
+    gap: 3rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-48--tablet-up {
@@ -5273,6 +5503,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--tablet-up {
+    gap: 3rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-48--tablet-big-up {
@@ -5321,6 +5554,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--tablet-big-up {
+    gap: 3rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-48--laptop-up {
@@ -5369,6 +5605,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--laptop-up {
+    gap: 3rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-48--desktop-up {
@@ -5417,6 +5656,9 @@ body {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
+  .gap-size-48--desktop-up {
+    gap: 3rem !important;
+  }
 }
 .m-size-52 {
   margin: 3.25rem !important;
@@ -5478,6 +5720,10 @@ body {
   padding-bottom: 3.25rem !important;
 }
 
+.gap-size-52 {
+  gap: 3.25rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-52--mobile-up {
     margin: 3.25rem !important;
@@ -5525,6 +5771,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--mobile-up {
+    gap: 3.25rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-52--phablet-up {
@@ -5573,6 +5822,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--phablet-up {
+    gap: 3.25rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-52--tablet-up {
@@ -5621,6 +5873,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--tablet-up {
+    gap: 3.25rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-52--tablet-big-up {
@@ -5669,6 +5924,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--tablet-big-up {
+    gap: 3.25rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-52--laptop-up {
@@ -5717,6 +5975,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--laptop-up {
+    gap: 3.25rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-52--desktop-up {
@@ -5765,6 +6026,9 @@ body {
     padding-top: 3.25rem !important;
     padding-bottom: 3.25rem !important;
   }
+  .gap-size-52--desktop-up {
+    gap: 3.25rem !important;
+  }
 }
 .m-size-56 {
   margin: 3.5rem !important;
@@ -5826,6 +6090,10 @@ body {
   padding-bottom: 3.5rem !important;
 }
 
+.gap-size-56 {
+  gap: 3.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-56--mobile-up {
     margin: 3.5rem !important;
@@ -5873,6 +6141,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--mobile-up {
+    gap: 3.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-56--phablet-up {
@@ -5921,6 +6192,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--phablet-up {
+    gap: 3.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-56--tablet-up {
@@ -5969,6 +6243,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--tablet-up {
+    gap: 3.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-56--tablet-big-up {
@@ -6017,6 +6294,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--tablet-big-up {
+    gap: 3.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-56--laptop-up {
@@ -6065,6 +6345,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--laptop-up {
+    gap: 3.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-56--desktop-up {
@@ -6113,6 +6396,9 @@ body {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
   }
+  .gap-size-56--desktop-up {
+    gap: 3.5rem !important;
+  }
 }
 .m-size-64 {
   margin: 4rem !important;
@@ -6174,6 +6460,10 @@ body {
   padding-bottom: 4rem !important;
 }
 
+.gap-size-64 {
+  gap: 4rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-64--mobile-up {
     margin: 4rem !important;
@@ -6221,6 +6511,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--mobile-up {
+    gap: 4rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-64--phablet-up {
@@ -6269,6 +6562,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--phablet-up {
+    gap: 4rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-64--tablet-up {
@@ -6317,6 +6613,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--tablet-up {
+    gap: 4rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-64--tablet-big-up {
@@ -6365,6 +6664,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--tablet-big-up {
+    gap: 4rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-64--laptop-up {
@@ -6413,6 +6715,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--laptop-up {
+    gap: 4rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-64--desktop-up {
@@ -6461,6 +6766,9 @@ body {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
   }
+  .gap-size-64--desktop-up {
+    gap: 4rem !important;
+  }
 }
 .m-size-72 {
   margin: 4.5rem !important;
@@ -6522,6 +6830,10 @@ body {
   padding-bottom: 4.5rem !important;
 }
 
+.gap-size-72 {
+  gap: 4.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-72--mobile-up {
     margin: 4.5rem !important;
@@ -6569,6 +6881,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--mobile-up {
+    gap: 4.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-72--phablet-up {
@@ -6617,6 +6932,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--phablet-up {
+    gap: 4.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-72--tablet-up {
@@ -6665,6 +6983,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--tablet-up {
+    gap: 4.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-72--tablet-big-up {
@@ -6713,6 +7034,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--tablet-big-up {
+    gap: 4.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-72--laptop-up {
@@ -6761,6 +7085,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--laptop-up {
+    gap: 4.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-72--desktop-up {
@@ -6809,6 +7136,9 @@ body {
     padding-top: 4.5rem !important;
     padding-bottom: 4.5rem !important;
   }
+  .gap-size-72--desktop-up {
+    gap: 4.5rem !important;
+  }
 }
 .m-size-80 {
   margin: 5rem !important;
@@ -6870,6 +7200,10 @@ body {
   padding-bottom: 5rem !important;
 }
 
+.gap-size-80 {
+  gap: 5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-80--mobile-up {
     margin: 5rem !important;
@@ -6917,6 +7251,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--mobile-up {
+    gap: 5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-80--phablet-up {
@@ -6965,6 +7302,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--phablet-up {
+    gap: 5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-80--tablet-up {
@@ -7013,6 +7353,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--tablet-up {
+    gap: 5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-80--tablet-big-up {
@@ -7061,6 +7404,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--tablet-big-up {
+    gap: 5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-80--laptop-up {
@@ -7109,6 +7455,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--laptop-up {
+    gap: 5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-80--desktop-up {
@@ -7157,6 +7506,9 @@ body {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }
+  .gap-size-80--desktop-up {
+    gap: 5rem !important;
+  }
 }
 .m-size-88 {
   margin: 5.5rem !important;
@@ -7218,6 +7570,10 @@ body {
   padding-bottom: 5.5rem !important;
 }
 
+.gap-size-88 {
+  gap: 5.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-88--mobile-up {
     margin: 5.5rem !important;
@@ -7265,6 +7621,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--mobile-up {
+    gap: 5.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-88--phablet-up {
@@ -7313,6 +7672,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--phablet-up {
+    gap: 5.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-88--tablet-up {
@@ -7361,6 +7723,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--tablet-up {
+    gap: 5.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-88--tablet-big-up {
@@ -7409,6 +7774,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--tablet-big-up {
+    gap: 5.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-88--laptop-up {
@@ -7457,6 +7825,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--laptop-up {
+    gap: 5.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-88--desktop-up {
@@ -7505,6 +7876,9 @@ body {
     padding-top: 5.5rem !important;
     padding-bottom: 5.5rem !important;
   }
+  .gap-size-88--desktop-up {
+    gap: 5.5rem !important;
+  }
 }
 .m-size-104 {
   margin: 6.5rem !important;
@@ -7566,6 +7940,10 @@ body {
   padding-bottom: 6.5rem !important;
 }
 
+.gap-size-104 {
+  gap: 6.5rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-104--mobile-up {
     margin: 6.5rem !important;
@@ -7613,6 +7991,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--mobile-up {
+    gap: 6.5rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-104--phablet-up {
@@ -7661,6 +8042,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--phablet-up {
+    gap: 6.5rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-104--tablet-up {
@@ -7709,6 +8093,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--tablet-up {
+    gap: 6.5rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-104--tablet-big-up {
@@ -7757,6 +8144,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--tablet-big-up {
+    gap: 6.5rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-104--laptop-up {
@@ -7805,6 +8195,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--laptop-up {
+    gap: 6.5rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-104--desktop-up {
@@ -7853,6 +8246,9 @@ body {
     padding-top: 6.5rem !important;
     padding-bottom: 6.5rem !important;
   }
+  .gap-size-104--desktop-up {
+    gap: 6.5rem !important;
+  }
 }
 .m-size-128 {
   margin: 8rem !important;
@@ -7914,6 +8310,10 @@ body {
   padding-bottom: 8rem !important;
 }
 
+.gap-size-128 {
+  gap: 8rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-128--mobile-up {
     margin: 8rem !important;
@@ -7961,6 +8361,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--mobile-up {
+    gap: 8rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-128--phablet-up {
@@ -8009,6 +8412,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--phablet-up {
+    gap: 8rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-128--tablet-up {
@@ -8057,6 +8463,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--tablet-up {
+    gap: 8rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-128--tablet-big-up {
@@ -8105,6 +8514,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--tablet-big-up {
+    gap: 8rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-128--laptop-up {
@@ -8153,6 +8565,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--laptop-up {
+    gap: 8rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-128--desktop-up {
@@ -8201,6 +8616,9 @@ body {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
   }
+  .gap-size-128--desktop-up {
+    gap: 8rem !important;
+  }
 }
 .m-size-5 {
   margin: 0.3125rem !important;
@@ -8262,6 +8680,10 @@ body {
   padding-bottom: 0.3125rem !important;
 }
 
+.gap-size-5 {
+  gap: 0.3125rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-5--mobile-up {
     margin: 0.3125rem !important;
@@ -8309,6 +8731,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--mobile-up {
+    gap: 0.3125rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-5--phablet-up {
@@ -8357,6 +8782,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--phablet-up {
+    gap: 0.3125rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-5--tablet-up {
@@ -8405,6 +8833,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--tablet-up {
+    gap: 0.3125rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-5--tablet-big-up {
@@ -8453,6 +8884,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--tablet-big-up {
+    gap: 0.3125rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-5--laptop-up {
@@ -8501,6 +8935,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--laptop-up {
+    gap: 0.3125rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-5--desktop-up {
@@ -8549,6 +8986,9 @@ body {
     padding-top: 0.3125rem !important;
     padding-bottom: 0.3125rem !important;
   }
+  .gap-size-5--desktop-up {
+    gap: 0.3125rem !important;
+  }
 }
 .m-size-10 {
   margin: 0.625rem !important;
@@ -8610,6 +9050,10 @@ body {
   padding-bottom: 0.625rem !important;
 }
 
+.gap-size-10 {
+  gap: 0.625rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-10--mobile-up {
     margin: 0.625rem !important;
@@ -8657,6 +9101,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--mobile-up {
+    gap: 0.625rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-10--phablet-up {
@@ -8705,6 +9152,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--phablet-up {
+    gap: 0.625rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-10--tablet-up {
@@ -8753,6 +9203,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--tablet-up {
+    gap: 0.625rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-10--tablet-big-up {
@@ -8801,6 +9254,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--tablet-big-up {
+    gap: 0.625rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-10--laptop-up {
@@ -8849,6 +9305,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--laptop-up {
+    gap: 0.625rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-10--desktop-up {
@@ -8897,6 +9356,9 @@ body {
     padding-top: 0.625rem !important;
     padding-bottom: 0.625rem !important;
   }
+  .gap-size-10--desktop-up {
+    gap: 0.625rem !important;
+  }
 }
 .m-size-15 {
   margin: 0.9375rem !important;
@@ -8958,6 +9420,10 @@ body {
   padding-bottom: 0.9375rem !important;
 }
 
+.gap-size-15 {
+  gap: 0.9375rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-15--mobile-up {
     margin: 0.9375rem !important;
@@ -9005,6 +9471,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--mobile-up {
+    gap: 0.9375rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-15--phablet-up {
@@ -9053,6 +9522,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--phablet-up {
+    gap: 0.9375rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-15--tablet-up {
@@ -9101,6 +9573,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--tablet-up {
+    gap: 0.9375rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-15--tablet-big-up {
@@ -9149,6 +9624,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--tablet-big-up {
+    gap: 0.9375rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-15--laptop-up {
@@ -9197,6 +9675,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--laptop-up {
+    gap: 0.9375rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-15--desktop-up {
@@ -9245,6 +9726,9 @@ body {
     padding-top: 0.9375rem !important;
     padding-bottom: 0.9375rem !important;
   }
+  .gap-size-15--desktop-up {
+    gap: 0.9375rem !important;
+  }
 }
 .m-size-20 {
   margin: 1.25rem !important;
@@ -9306,6 +9790,10 @@ body {
   padding-bottom: 1.25rem !important;
 }
 
+.gap-size-20 {
+  gap: 1.25rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-20--mobile-up {
     margin: 1.25rem !important;
@@ -9353,6 +9841,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--mobile-up {
+    gap: 1.25rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-20--phablet-up {
@@ -9401,6 +9892,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--phablet-up {
+    gap: 1.25rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-20--tablet-up {
@@ -9449,6 +9943,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--tablet-up {
+    gap: 1.25rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-20--tablet-big-up {
@@ -9497,6 +9994,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--tablet-big-up {
+    gap: 1.25rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-20--laptop-up {
@@ -9545,6 +10045,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--laptop-up {
+    gap: 1.25rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-20--desktop-up {
@@ -9593,6 +10096,9 @@ body {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }
+  .gap-size-20--desktop-up {
+    gap: 1.25rem !important;
+  }
 }
 .m-size-30 {
   margin: 1.875rem !important;
@@ -9654,6 +10160,10 @@ body {
   padding-bottom: 1.875rem !important;
 }
 
+.gap-size-30 {
+  gap: 1.875rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-30--mobile-up {
     margin: 1.875rem !important;
@@ -9701,6 +10211,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--mobile-up {
+    gap: 1.875rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-30--phablet-up {
@@ -9749,6 +10262,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--phablet-up {
+    gap: 1.875rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-30--tablet-up {
@@ -9797,6 +10313,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--tablet-up {
+    gap: 1.875rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-30--tablet-big-up {
@@ -9845,6 +10364,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--tablet-big-up {
+    gap: 1.875rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-30--laptop-up {
@@ -9893,6 +10415,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--laptop-up {
+    gap: 1.875rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-30--desktop-up {
@@ -9941,6 +10466,9 @@ body {
     padding-top: 1.875rem !important;
     padding-bottom: 1.875rem !important;
   }
+  .gap-size-30--desktop-up {
+    gap: 1.875rem !important;
+  }
 }
 .m-size-50 {
   margin: 3.125rem !important;
@@ -10002,6 +10530,10 @@ body {
   padding-bottom: 3.125rem !important;
 }
 
+.gap-size-50 {
+  gap: 3.125rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-50--mobile-up {
     margin: 3.125rem !important;
@@ -10049,6 +10581,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--mobile-up {
+    gap: 3.125rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-50--phablet-up {
@@ -10097,6 +10632,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--phablet-up {
+    gap: 3.125rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-50--tablet-up {
@@ -10145,6 +10683,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--tablet-up {
+    gap: 3.125rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-50--tablet-big-up {
@@ -10193,6 +10734,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--tablet-big-up {
+    gap: 3.125rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-50--laptop-up {
@@ -10241,6 +10785,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--laptop-up {
+    gap: 3.125rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-50--desktop-up {
@@ -10289,6 +10836,9 @@ body {
     padding-top: 3.125rem !important;
     padding-bottom: 3.125rem !important;
   }
+  .gap-size-50--desktop-up {
+    gap: 3.125rem !important;
+  }
 }
 .m-size-60 {
   margin: 3.75rem !important;
@@ -10350,6 +10900,10 @@ body {
   padding-bottom: 3.75rem !important;
 }
 
+.gap-size-60 {
+  gap: 3.75rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-60--mobile-up {
     margin: 3.75rem !important;
@@ -10397,6 +10951,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--mobile-up {
+    gap: 3.75rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-60--phablet-up {
@@ -10445,6 +11002,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--phablet-up {
+    gap: 3.75rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-60--tablet-up {
@@ -10493,6 +11053,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--tablet-up {
+    gap: 3.75rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-60--tablet-big-up {
@@ -10541,6 +11104,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--tablet-big-up {
+    gap: 3.75rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-60--laptop-up {
@@ -10589,6 +11155,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--laptop-up {
+    gap: 3.75rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-60--desktop-up {
@@ -10637,6 +11206,9 @@ body {
     padding-top: 3.75rem !important;
     padding-bottom: 3.75rem !important;
   }
+  .gap-size-60--desktop-up {
+    gap: 3.75rem !important;
+  }
 }
 .m-size-75 {
   margin: 4.6875rem !important;
@@ -10698,6 +11270,10 @@ body {
   padding-bottom: 4.6875rem !important;
 }
 
+.gap-size-75 {
+  gap: 4.6875rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-75--mobile-up {
     margin: 4.6875rem !important;
@@ -10745,6 +11321,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--mobile-up {
+    gap: 4.6875rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-75--phablet-up {
@@ -10793,6 +11372,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--phablet-up {
+    gap: 4.6875rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-75--tablet-up {
@@ -10841,6 +11423,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--tablet-up {
+    gap: 4.6875rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-75--tablet-big-up {
@@ -10889,6 +11474,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--tablet-big-up {
+    gap: 4.6875rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-75--laptop-up {
@@ -10937,6 +11525,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--laptop-up {
+    gap: 4.6875rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-75--desktop-up {
@@ -10985,6 +11576,9 @@ body {
     padding-top: 4.6875rem !important;
     padding-bottom: 4.6875rem !important;
   }
+  .gap-size-75--desktop-up {
+    gap: 4.6875rem !important;
+  }
 }
 .m-size-100 {
   margin: 6.25rem !important;
@@ -11046,6 +11640,10 @@ body {
   padding-bottom: 6.25rem !important;
 }
 
+.gap-size-100 {
+  gap: 6.25rem !important;
+}
+
 @media screen and (min-width: 0) {
   .m-size-100--mobile-up {
     margin: 6.25rem !important;
@@ -11093,6 +11691,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--mobile-up {
+    gap: 6.25rem !important;
+  }
 }
 @media screen and (min-width: 36rem) {
   .m-size-100--phablet-up {
@@ -11141,6 +11742,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--phablet-up {
+    gap: 6.25rem !important;
+  }
 }
 @media screen and (min-width: 48rem) {
   .m-size-100--tablet-up {
@@ -11189,6 +11793,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--tablet-up {
+    gap: 6.25rem !important;
+  }
 }
 @media screen and (min-width: 64rem) {
   .m-size-100--tablet-big-up {
@@ -11237,6 +11844,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--tablet-big-up {
+    gap: 6.25rem !important;
+  }
 }
 @media screen and (min-width: 80rem) {
   .m-size-100--laptop-up {
@@ -11285,6 +11895,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--laptop-up {
+    gap: 6.25rem !important;
+  }
 }
 @media screen and (min-width: 100rem) {
   .m-size-100--desktop-up {
@@ -11333,6 +11946,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--desktop-up {
+    gap: 6.25rem !important;
+  }
 }
 /* 
  * Containers
@@ -13602,7 +14218,7 @@ a:active, a.pkt-link--active,
 .pkt-link--external::after {
   display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.4/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -17480,7 +18096,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn.pkt-b
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.4/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -17540,7 +18156,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn.pkt-b
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.4/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/check-medium.svg);
   --pkt-color-input-check-border: var(
     --pkt-color-input-border-normal
   );
@@ -17787,7 +18403,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 }
 .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
 .pkt-select:is(select):not([multiple]) {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.4/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;