@oslokommune/punkt-css 12.4.3 → 12.5.0

package/dist/css/pkt-base.css

@@ -1405,6 +1405,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;
@@ -1452,6 +1456,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 {
@@ -1500,6 +1507,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 {
@@ -1548,6 +1558,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 {
@@ -1596,6 +1609,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 {
@@ -1644,6 +1660,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 {
@@ -1692,6 +1711,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;
@@ -1753,6 +1775,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;
@@ -1800,6 +1826,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 {
@@ -1848,6 +1877,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 {
@@ -1896,6 +1928,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 {
@@ -1944,6 +1979,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 {
@@ -1992,6 +2030,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 {
@@ -2040,6 +2081,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;
@@ -2101,6 +2145,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;
@@ -2148,6 +2196,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 {
@@ -2196,6 +2247,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 {
@@ -2244,6 +2298,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 {
@@ -2292,6 +2349,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 {
@@ -2340,6 +2400,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 {
@@ -2388,6 +2451,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;
@@ -2449,6 +2515,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;
@@ -2496,6 +2566,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 {
@@ -2544,6 +2617,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 {
@@ -2592,6 +2668,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 {
@@ -2640,6 +2719,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 {
@@ -2688,6 +2770,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 {
@@ -2736,6 +2821,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;
@@ -2797,6 +2885,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;
@@ -2844,6 +2936,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 {
@@ -2892,6 +2987,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 {
@@ -2940,6 +3038,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 {
@@ -2988,6 +3089,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 {
@@ -3036,6 +3140,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 {
@@ -3084,6 +3191,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;
@@ -3145,6 +3255,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;
@@ -3192,6 +3306,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 {
@@ -3240,6 +3357,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 {
@@ -3288,6 +3408,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 {
@@ -3336,6 +3459,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 {
@@ -3384,6 +3510,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 {
@@ -3432,6 +3561,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;
@@ -3493,6 +3625,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;
@@ -3540,6 +3676,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 {
@@ -3588,6 +3727,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 {
@@ -3636,6 +3778,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 {
@@ -3684,6 +3829,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 {
@@ -3732,6 +3880,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 {
@@ -3780,6 +3931,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;
@@ -3841,6 +3995,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;
@@ -3888,6 +4046,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 {
@@ -3936,6 +4097,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 {
@@ -3984,6 +4148,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 {
@@ -4032,6 +4199,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 {
@@ -4080,6 +4250,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 {
@@ -4128,6 +4301,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;
@@ -4189,6 +4365,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;
@@ -4236,6 +4416,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 {
@@ -4284,6 +4467,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 {
@@ -4332,6 +4518,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 {
@@ -4380,6 +4569,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 {
@@ -4428,6 +4620,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 {
@@ -4476,6 +4671,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;
@@ -4537,6 +4735,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;
@@ -4584,6 +4786,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 {
@@ -4632,6 +4837,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 {
@@ -4680,6 +4888,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 {
@@ -4728,6 +4939,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 {
@@ -4776,6 +4990,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 {
@@ -4824,6 +5041,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;
@@ -4885,6 +5105,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;
@@ -4932,6 +5156,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 {
@@ -4980,6 +5207,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 {
@@ -5028,6 +5258,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 {
@@ -5076,6 +5309,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 {
@@ -5124,6 +5360,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 {
@@ -5172,6 +5411,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;
@@ -5233,6 +5475,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;
@@ -5280,6 +5526,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 {
@@ -5328,6 +5577,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 {
@@ -5376,6 +5628,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 {
@@ -5424,6 +5679,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 {
@@ -5472,6 +5730,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 {
@@ -5520,6 +5781,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;
@@ -5581,6 +5845,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;
@@ -5628,6 +5896,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 {
@@ -5676,6 +5947,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 {
@@ -5724,6 +5998,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 {
@@ -5772,6 +6049,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 {
@@ -5820,6 +6100,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 {
@@ -5868,6 +6151,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;
@@ -5929,6 +6215,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;
@@ -5976,6 +6266,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 {
@@ -6024,6 +6317,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 {
@@ -6072,6 +6368,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 {
@@ -6120,6 +6419,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 {
@@ -6168,6 +6470,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 {
@@ -6216,6 +6521,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;
@@ -6277,6 +6585,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;
@@ -6324,6 +6636,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 {
@@ -6372,6 +6687,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 {
@@ -6420,6 +6738,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 {
@@ -6468,6 +6789,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 {
@@ -6516,6 +6840,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 {
@@ -6564,6 +6891,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;
@@ -6625,6 +6955,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;
@@ -6672,6 +7006,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 {
@@ -6720,6 +7057,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 {
@@ -6768,6 +7108,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 {
@@ -6816,6 +7159,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 {
@@ -6864,6 +7210,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 {
@@ -6912,6 +7261,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;
@@ -6973,6 +7325,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;
@@ -7020,6 +7376,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 {
@@ -7068,6 +7427,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 {
@@ -7116,6 +7478,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 {
@@ -7164,6 +7529,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 {
@@ -7212,6 +7580,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 {
@@ -7260,6 +7631,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;
@@ -7321,6 +7695,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;
@@ -7368,6 +7746,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 {
@@ -7416,6 +7797,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 {
@@ -7464,6 +7848,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 {
@@ -7512,6 +7899,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 {
@@ -7560,6 +7950,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 {
@@ -7608,6 +8001,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;
@@ -7669,6 +8065,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;
@@ -7716,6 +8116,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 {
@@ -7764,6 +8167,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 {
@@ -7812,6 +8218,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 {
@@ -7860,6 +8269,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 {
@@ -7908,6 +8320,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 {
@@ -7956,6 +8371,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;
@@ -8017,6 +8435,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;
@@ -8064,6 +8486,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 {
@@ -8112,6 +8537,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 {
@@ -8160,6 +8588,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 {
@@ -8208,6 +8639,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 {
@@ -8256,6 +8690,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 {
@@ -8304,6 +8741,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;
@@ -8365,6 +8805,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;
@@ -8412,6 +8856,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 {
@@ -8460,6 +8907,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 {
@@ -8508,6 +8958,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 {
@@ -8556,6 +9009,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 {
@@ -8604,6 +9060,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 {
@@ -8652,6 +9111,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;
@@ -8713,6 +9175,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;
@@ -8760,6 +9226,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 {
@@ -8808,6 +9277,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 {
@@ -8856,6 +9328,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 {
@@ -8904,6 +9379,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 {
@@ -8952,6 +9430,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 {
@@ -9000,6 +9481,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;
@@ -9061,6 +9545,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;
@@ -9108,6 +9596,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 {
@@ -9156,6 +9647,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 {
@@ -9204,6 +9698,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 {
@@ -9252,6 +9749,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 {
@@ -9300,6 +9800,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 {
@@ -9348,6 +9851,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;
@@ -9409,6 +9915,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;
@@ -9456,6 +9966,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 {
@@ -9504,6 +10017,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 {
@@ -9552,6 +10068,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 {
@@ -9600,6 +10119,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 {
@@ -9648,6 +10170,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 {
@@ -9696,6 +10221,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;
@@ -9757,6 +10285,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;
@@ -9804,6 +10336,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 {
@@ -9852,6 +10387,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 {
@@ -9900,6 +10438,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 {
@@ -9948,6 +10489,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 {
@@ -9996,6 +10540,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 {
@@ -10044,6 +10591,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;
@@ -10105,6 +10655,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;
@@ -10152,6 +10706,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 {
@@ -10200,6 +10757,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 {
@@ -10248,6 +10808,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 {
@@ -10296,6 +10859,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 {
@@ -10344,6 +10910,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 {
@@ -10392,6 +10961,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;
@@ -10453,6 +11025,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;
@@ -10500,6 +11076,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 {
@@ -10548,6 +11127,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 {
@@ -10596,6 +11178,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 {
@@ -10644,6 +11229,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 {
@@ -10692,6 +11280,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 {
@@ -10740,6 +11331,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;
@@ -10801,6 +11395,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;
@@ -10848,6 +11446,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 {
@@ -10896,6 +11497,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 {
@@ -10944,6 +11548,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 {
@@ -10992,6 +11599,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 {
@@ -11040,6 +11650,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 {
@@ -11088,6 +11701,9 @@ body {
     padding-top: 6.25rem !important;
     padding-bottom: 6.25rem !important;
   }
+  .gap-size-100--desktop-up {
+    gap: 6.25rem !important;
+  }
 }
 /* 
  * Containers
@@ -13357,7 +13973,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;