@oslokommune/punkt-css 7.1.5 → 7.1.7

package/dist/css/pkt-base.css

@@ -1601,6 +1601,354 @@ body {
     padding-bottom: 0.25rem !important;
   }
 }
+.m-size-6 {
+  margin: 0.375rem !important;
+}
+
+.mt-size-6 {
+  margin-top: 0.375rem !important;
+}
+
+.mr-size-6 {
+  margin-right: 0.375rem !important;
+}
+
+.mb-size-6 {
+  margin-bottom: 0.375rem !important;
+}
+
+.ml-size-6 {
+  margin-left: 0.375rem !important;
+}
+
+.mx-size-6 {
+  margin-right: 0.375rem !important;
+  margin-left: 0.375rem !important;
+}
+
+.my-size-6 {
+  margin-top: 0.375rem !important;
+  margin-bottom: 0.375rem !important;
+}
+
+.p-size-6 {
+  padding: 0.375rem !important;
+}
+
+.pt-size-6 {
+  padding-top: 0.375rem !important;
+}
+
+.pr-size-6 {
+  padding-right: 0.375rem !important;
+}
+
+.pb-size-6 {
+  padding-bottom: 0.375rem !important;
+}
+
+.pl-size-6 {
+  padding-left: 0.375rem !important;
+}
+
+.px-size-6 {
+  padding-right: 0.375rem !important;
+  padding-left: 0.375rem !important;
+}
+
+.py-size-6 {
+  padding-top: 0.375rem !important;
+  padding-bottom: 0.375rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-6--mobile-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--mobile-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--mobile-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--mobile-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--mobile-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--mobile-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--mobile-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--mobile-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--mobile-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--mobile-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--mobile-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--mobile-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--mobile-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--mobile-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-6--phablet-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--phablet-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--phablet-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--phablet-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--phablet-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--phablet-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--phablet-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--phablet-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--phablet-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--phablet-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--phablet-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--phablet-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--phablet-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--phablet-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-6--tablet-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--tablet-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--tablet-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--tablet-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--tablet-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--tablet-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--tablet-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--tablet-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--tablet-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--tablet-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--tablet-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--tablet-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--tablet-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--tablet-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-6--tablet-big-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--tablet-big-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--tablet-big-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--tablet-big-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--tablet-big-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--tablet-big-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--tablet-big-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--tablet-big-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--tablet-big-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--tablet-big-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--tablet-big-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--tablet-big-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--tablet-big-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--tablet-big-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-6--laptop-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--laptop-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--laptop-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--laptop-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--laptop-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--laptop-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--laptop-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--laptop-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--laptop-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--laptop-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--laptop-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--laptop-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--laptop-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--laptop-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-6--desktop-up {
+    margin: 0.375rem !important;
+  }
+  .mt-size-6--desktop-up {
+    margin-top: 0.375rem !important;
+  }
+  .mr-size-6--desktop-up {
+    margin-right: 0.375rem !important;
+  }
+  .mb-size-6--desktop-up {
+    margin-bottom: 0.375rem !important;
+  }
+  .ml-size-6--desktop-up {
+    margin-left: 0.375rem !important;
+  }
+  .mx-size-6--desktop-up {
+    margin-right: 0.375rem !important;
+    margin-left: 0.375rem !important;
+  }
+  .my-size-6--desktop-up {
+    margin-top: 0.375rem !important;
+    margin-bottom: 0.375rem !important;
+  }
+  .p-size-6--desktop-up {
+    padding: 0.375rem !important;
+  }
+  .pt-size-6--desktop-up {
+    padding-top: 0.375rem !important;
+  }
+  .pr-size-6--desktop-up {
+    padding-right: 0.375rem !important;
+  }
+  .pb-size-6--desktop-up {
+    padding-bottom: 0.375rem !important;
+  }
+  .pl-size-6--desktop-up {
+    padding-left: 0.375rem !important;
+  }
+  .px-size-6--desktop-up {
+    padding-right: 0.375rem !important;
+    padding-left: 0.375rem !important;
+  }
+  .py-size-6--desktop-up {
+    padding-top: 0.375rem !important;
+    padding-bottom: 0.375rem !important;
+  }
+}
 .m-size-8 {
   margin: 0.5rem !important;
 }
@@ -4037,6 +4385,354 @@ body {
     padding-bottom: 3rem !important;
   }
 }
+.m-size-52 {
+  margin: 3.25rem !important;
+}
+
+.mt-size-52 {
+  margin-top: 3.25rem !important;
+}
+
+.mr-size-52 {
+  margin-right: 3.25rem !important;
+}
+
+.mb-size-52 {
+  margin-bottom: 3.25rem !important;
+}
+
+.ml-size-52 {
+  margin-left: 3.25rem !important;
+}
+
+.mx-size-52 {
+  margin-right: 3.25rem !important;
+  margin-left: 3.25rem !important;
+}
+
+.my-size-52 {
+  margin-top: 3.25rem !important;
+  margin-bottom: 3.25rem !important;
+}
+
+.p-size-52 {
+  padding: 3.25rem !important;
+}
+
+.pt-size-52 {
+  padding-top: 3.25rem !important;
+}
+
+.pr-size-52 {
+  padding-right: 3.25rem !important;
+}
+
+.pb-size-52 {
+  padding-bottom: 3.25rem !important;
+}
+
+.pl-size-52 {
+  padding-left: 3.25rem !important;
+}
+
+.px-size-52 {
+  padding-right: 3.25rem !important;
+  padding-left: 3.25rem !important;
+}
+
+.py-size-52 {
+  padding-top: 3.25rem !important;
+  padding-bottom: 3.25rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-52--mobile-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--mobile-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--mobile-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--mobile-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--mobile-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--mobile-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--mobile-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--mobile-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--mobile-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--mobile-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--mobile-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--mobile-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--mobile-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--mobile-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-52--phablet-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--phablet-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--phablet-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--phablet-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--phablet-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--phablet-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--phablet-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--phablet-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--phablet-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--phablet-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--phablet-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--phablet-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--phablet-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--phablet-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-52--tablet-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--tablet-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--tablet-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--tablet-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--tablet-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--tablet-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--tablet-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--tablet-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--tablet-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--tablet-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--tablet-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--tablet-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--tablet-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--tablet-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-52--tablet-big-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--tablet-big-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--tablet-big-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--tablet-big-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--tablet-big-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--tablet-big-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--tablet-big-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--tablet-big-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--tablet-big-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--tablet-big-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--tablet-big-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--tablet-big-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--tablet-big-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--tablet-big-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-52--laptop-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--laptop-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--laptop-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--laptop-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--laptop-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--laptop-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--laptop-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--laptop-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--laptop-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--laptop-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--laptop-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--laptop-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--laptop-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--laptop-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-52--desktop-up {
+    margin: 3.25rem !important;
+  }
+  .mt-size-52--desktop-up {
+    margin-top: 3.25rem !important;
+  }
+  .mr-size-52--desktop-up {
+    margin-right: 3.25rem !important;
+  }
+  .mb-size-52--desktop-up {
+    margin-bottom: 3.25rem !important;
+  }
+  .ml-size-52--desktop-up {
+    margin-left: 3.25rem !important;
+  }
+  .mx-size-52--desktop-up {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .my-size-52--desktop-up {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .p-size-52--desktop-up {
+    padding: 3.25rem !important;
+  }
+  .pt-size-52--desktop-up {
+    padding-top: 3.25rem !important;
+  }
+  .pr-size-52--desktop-up {
+    padding-right: 3.25rem !important;
+  }
+  .pb-size-52--desktop-up {
+    padding-bottom: 3.25rem !important;
+  }
+  .pl-size-52--desktop-up {
+    padding-left: 3.25rem !important;
+  }
+  .px-size-52--desktop-up {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .py-size-52--desktop-up {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+}
 .m-size-56 {
   margin: 3.5rem !important;
 }
@@ -9405,6 +10101,15 @@ body {
 .pkt-grid--rowgap-size-4 {
   row-gap: 0.25rem;
 }
+.pkt-grid--gap-size-6 {
+  gap: 0.375rem;
+}
+.pkt-grid--colgap-size-6 {
+  column-gap: 0.375rem;
+}
+.pkt-grid--rowgap-size-6 {
+  row-gap: 0.375rem;
+}
 .pkt-grid--gap-size-8 {
   gap: 0.5rem;
 }
@@ -9468,6 +10173,15 @@ body {
 .pkt-grid--rowgap-size-48 {
   row-gap: 3rem;
 }
+.pkt-grid--gap-size-52 {
+  gap: 3.25rem;
+}
+.pkt-grid--colgap-size-52 {
+  column-gap: 3.25rem;
+}
+.pkt-grid--rowgap-size-52 {
+  row-gap: 3.25rem;
+}
 .pkt-grid--gap-size-56 {
   gap: 3.5rem;
 }
@@ -9631,6 +10345,15 @@ body {
   .pkt-grid--rowgap-size-4-mobile-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-mobile-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-mobile-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-mobile-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-mobile-up {
     gap: 0.5rem;
   }
@@ -9694,6 +10417,15 @@ body {
   .pkt-grid--rowgap-size-48-mobile-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-mobile-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-mobile-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-mobile-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-mobile-up {
     gap: 3.5rem;
   }
@@ -9858,6 +10590,15 @@ body {
   .pkt-grid--rowgap-size-4-phablet-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-phablet-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-phablet-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-phablet-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-phablet-up {
     gap: 0.5rem;
   }
@@ -9921,6 +10662,15 @@ body {
   .pkt-grid--rowgap-size-48-phablet-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-phablet-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-phablet-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-phablet-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-phablet-up {
     gap: 3.5rem;
   }
@@ -10085,6 +10835,15 @@ body {
   .pkt-grid--rowgap-size-4-tablet-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-tablet-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-tablet-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-tablet-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-tablet-up {
     gap: 0.5rem;
   }
@@ -10148,6 +10907,15 @@ body {
   .pkt-grid--rowgap-size-48-tablet-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-tablet-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-tablet-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-tablet-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-tablet-up {
     gap: 3.5rem;
   }
@@ -10312,6 +11080,15 @@ body {
   .pkt-grid--rowgap-size-4-tablet-big-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-tablet-big-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-tablet-big-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-tablet-big-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-tablet-big-up {
     gap: 0.5rem;
   }
@@ -10375,6 +11152,15 @@ body {
   .pkt-grid--rowgap-size-48-tablet-big-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-tablet-big-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-tablet-big-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-tablet-big-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-tablet-big-up {
     gap: 3.5rem;
   }
@@ -10539,6 +11325,15 @@ body {
   .pkt-grid--rowgap-size-4-laptop-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-laptop-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-laptop-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-laptop-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-laptop-up {
     gap: 0.5rem;
   }
@@ -10602,6 +11397,15 @@ body {
   .pkt-grid--rowgap-size-48-laptop-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-laptop-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-laptop-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-laptop-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-laptop-up {
     gap: 3.5rem;
   }
@@ -10766,6 +11570,15 @@ body {
   .pkt-grid--rowgap-size-4-desktop-up {
     row-gap: 0.25rem;
   }
+  .pkt-grid--gap-size-6-desktop-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-desktop-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-desktop-up {
+    row-gap: 0.375rem;
+  }
   .pkt-grid--gap-size-8-desktop-up {
     gap: 0.5rem;
   }
@@ -10829,6 +11642,15 @@ body {
   .pkt-grid--rowgap-size-48-desktop-up {
     row-gap: 3rem;
   }
+  .pkt-grid--gap-size-52-desktop-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-desktop-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-desktop-up {
+    row-gap: 3.25rem;
+  }
   .pkt-grid--gap-size-56-desktop-up {
     gap: 3.5rem;
   }