@oslokommune/punkt-css 3.3.1 → 4.3.0

package/dist/css/pkt-base.css

@@ -3689,6 +3689,702 @@ body {
     padding-bottom: 2.5rem !important;
   }
 }
+.m-size-48 {
+  margin: 3rem !important;
+}
+
+.mt-size-48 {
+  margin-top: 3rem !important;
+}
+
+.mr-size-48 {
+  margin-right: 3rem !important;
+}
+
+.mb-size-48 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-size-48 {
+  margin-left: 3rem !important;
+}
+
+.mx-size-48 {
+  margin-right: 3rem !important;
+  margin-left: 3rem !important;
+}
+
+.my-size-48 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
+
+.p-size-48 {
+  padding: 3rem !important;
+}
+
+.pt-size-48 {
+  padding-top: 3rem !important;
+}
+
+.pr-size-48 {
+  padding-right: 3rem !important;
+}
+
+.pb-size-48 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-size-48 {
+  padding-left: 3rem !important;
+}
+
+.px-size-48 {
+  padding-right: 3rem !important;
+  padding-left: 3rem !important;
+}
+
+.py-size-48 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-48--mobile-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--mobile-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--mobile-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--mobile-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--mobile-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--mobile-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--mobile-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--mobile-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--mobile-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--mobile-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--mobile-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--mobile-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--mobile-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--mobile-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-48--phablet-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--phablet-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--phablet-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--phablet-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--phablet-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--phablet-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--phablet-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--phablet-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--phablet-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--phablet-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--phablet-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--phablet-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--phablet-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--phablet-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-48--tablet-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--tablet-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--tablet-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--tablet-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--tablet-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--tablet-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--tablet-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--tablet-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--tablet-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--tablet-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--tablet-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--tablet-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--tablet-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--tablet-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-48--tablet-big-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--tablet-big-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--tablet-big-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--tablet-big-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--tablet-big-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--tablet-big-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--tablet-big-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--tablet-big-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--tablet-big-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--tablet-big-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--tablet-big-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--tablet-big-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--tablet-big-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--tablet-big-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-48--laptop-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--laptop-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--laptop-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--laptop-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--laptop-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--laptop-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--laptop-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--laptop-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--laptop-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--laptop-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--laptop-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--laptop-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--laptop-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--laptop-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-48--desktop-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--desktop-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--desktop-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--desktop-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--desktop-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--desktop-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--desktop-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--desktop-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--desktop-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--desktop-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--desktop-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--desktop-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--desktop-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--desktop-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+.m-size-56 {
+  margin: 3.5rem !important;
+}
+
+.mt-size-56 {
+  margin-top: 3.5rem !important;
+}
+
+.mr-size-56 {
+  margin-right: 3.5rem !important;
+}
+
+.mb-size-56 {
+  margin-bottom: 3.5rem !important;
+}
+
+.ml-size-56 {
+  margin-left: 3.5rem !important;
+}
+
+.mx-size-56 {
+  margin-right: 3.5rem !important;
+  margin-left: 3.5rem !important;
+}
+
+.my-size-56 {
+  margin-top: 3.5rem !important;
+  margin-bottom: 3.5rem !important;
+}
+
+.p-size-56 {
+  padding: 3.5rem !important;
+}
+
+.pt-size-56 {
+  padding-top: 3.5rem !important;
+}
+
+.pr-size-56 {
+  padding-right: 3.5rem !important;
+}
+
+.pb-size-56 {
+  padding-bottom: 3.5rem !important;
+}
+
+.pl-size-56 {
+  padding-left: 3.5rem !important;
+}
+
+.px-size-56 {
+  padding-right: 3.5rem !important;
+  padding-left: 3.5rem !important;
+}
+
+.py-size-56 {
+  padding-top: 3.5rem !important;
+  padding-bottom: 3.5rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-56--mobile-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--mobile-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--mobile-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--mobile-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--mobile-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--mobile-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--mobile-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--mobile-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--mobile-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--mobile-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--mobile-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--mobile-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--mobile-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--mobile-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-56--phablet-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--phablet-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--phablet-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--phablet-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--phablet-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--phablet-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--phablet-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--phablet-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--phablet-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--phablet-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--phablet-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--phablet-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--phablet-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--phablet-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-56--tablet-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--tablet-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--tablet-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--tablet-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--tablet-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--tablet-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--tablet-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--tablet-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--tablet-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--tablet-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--tablet-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--tablet-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--tablet-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--tablet-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-56--tablet-big-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--tablet-big-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--tablet-big-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--tablet-big-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--tablet-big-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--tablet-big-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--tablet-big-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--tablet-big-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--tablet-big-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--tablet-big-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--tablet-big-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--tablet-big-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--tablet-big-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--tablet-big-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-56--laptop-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--laptop-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--laptop-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--laptop-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--laptop-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--laptop-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--laptop-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--laptop-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--laptop-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--laptop-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--laptop-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--laptop-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--laptop-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--laptop-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-56--desktop-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--desktop-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--desktop-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--desktop-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--desktop-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--desktop-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--desktop-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--desktop-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--desktop-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--desktop-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--desktop-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--desktop-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--desktop-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--desktop-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
 .m-size-64 {
   margin: 4rem !important;
 }
@@ -4385,6 +5081,354 @@ body {
     padding-bottom: 6.5rem !important;
   }
 }
+.m-size-128 {
+  margin: 8rem !important;
+}
+
+.mt-size-128 {
+  margin-top: 8rem !important;
+}
+
+.mr-size-128 {
+  margin-right: 8rem !important;
+}
+
+.mb-size-128 {
+  margin-bottom: 8rem !important;
+}
+
+.ml-size-128 {
+  margin-left: 8rem !important;
+}
+
+.mx-size-128 {
+  margin-right: 8rem !important;
+  margin-left: 8rem !important;
+}
+
+.my-size-128 {
+  margin-top: 8rem !important;
+  margin-bottom: 8rem !important;
+}
+
+.p-size-128 {
+  padding: 8rem !important;
+}
+
+.pt-size-128 {
+  padding-top: 8rem !important;
+}
+
+.pr-size-128 {
+  padding-right: 8rem !important;
+}
+
+.pb-size-128 {
+  padding-bottom: 8rem !important;
+}
+
+.pl-size-128 {
+  padding-left: 8rem !important;
+}
+
+.px-size-128 {
+  padding-right: 8rem !important;
+  padding-left: 8rem !important;
+}
+
+.py-size-128 {
+  padding-top: 8rem !important;
+  padding-bottom: 8rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-128--mobile-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--mobile-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--mobile-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--mobile-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--mobile-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--mobile-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--mobile-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--mobile-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--mobile-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--mobile-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--mobile-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--mobile-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--mobile-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--mobile-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-128--phablet-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--phablet-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--phablet-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--phablet-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--phablet-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--phablet-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--phablet-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--phablet-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--phablet-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--phablet-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--phablet-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--phablet-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--phablet-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--phablet-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-128--tablet-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--tablet-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--tablet-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--tablet-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--tablet-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--tablet-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--tablet-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--tablet-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--tablet-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--tablet-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--tablet-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--tablet-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--tablet-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--tablet-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-128--tablet-big-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--tablet-big-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--tablet-big-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--tablet-big-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--tablet-big-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--tablet-big-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--tablet-big-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--tablet-big-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--tablet-big-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--tablet-big-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--tablet-big-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--tablet-big-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--tablet-big-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--tablet-big-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-128--laptop-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--laptop-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--laptop-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--laptop-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--laptop-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--laptop-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--laptop-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--laptop-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--laptop-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--laptop-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--laptop-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--laptop-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--laptop-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--laptop-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-128--desktop-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--desktop-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--desktop-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--desktop-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--desktop-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--desktop-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--desktop-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--desktop-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--desktop-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--desktop-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--desktop-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--desktop-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--desktop-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--desktop-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
 .m-size-5 {
   margin: 0.3125rem !important;
 }
@@ -7719,6 +8763,24 @@ body {
 .pkt-grid--rowgap-size-40 {
   row-gap: 2.5rem;
 }
+.pkt-grid--gap-size-48 {
+  gap: 3rem;
+}
+.pkt-grid--colgap-size-48 {
+  column-gap: 3rem;
+}
+.pkt-grid--rowgap-size-48 {
+  row-gap: 3rem;
+}
+.pkt-grid--gap-size-56 {
+  gap: 3.5rem;
+}
+.pkt-grid--colgap-size-56 {
+  column-gap: 3.5rem;
+}
+.pkt-grid--rowgap-size-56 {
+  row-gap: 3.5rem;
+}
 .pkt-grid--gap-size-64 {
   gap: 4rem;
 }
@@ -7737,6 +8799,15 @@ body {
 .pkt-grid--rowgap-size-104 {
   row-gap: 6.5rem;
 }
+.pkt-grid--gap-size-128 {
+  gap: 8rem;
+}
+.pkt-grid--colgap-size-128 {
+  column-gap: 8rem;
+}
+.pkt-grid--rowgap-size-128 {
+  row-gap: 8rem;
+}
 .pkt-grid--gap-size-5 {
   gap: 0.3125rem;
 }
@@ -7900,6 +8971,24 @@ body {
   .pkt-grid--rowgap-size-40-mobile-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-mobile-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-mobile-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-mobile-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-mobile-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-mobile-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-mobile-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-mobile-up {
     gap: 4rem;
   }
@@ -7918,6 +9007,15 @@ body {
   .pkt-grid--rowgap-size-104-mobile-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-mobile-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-mobile-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-mobile-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-mobile-up {
     gap: 0.3125rem;
   }
@@ -8082,6 +9180,24 @@ body {
   .pkt-grid--rowgap-size-40-phablet-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-phablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-phablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-phablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-phablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-phablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-phablet-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-phablet-up {
     gap: 4rem;
   }
@@ -8100,6 +9216,15 @@ body {
   .pkt-grid--rowgap-size-104-phablet-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-phablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-phablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-phablet-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-phablet-up {
     gap: 0.3125rem;
   }
@@ -8264,6 +9389,24 @@ body {
   .pkt-grid--rowgap-size-40-tablet-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-tablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-tablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-tablet-up {
     gap: 4rem;
   }
@@ -8282,6 +9425,15 @@ body {
   .pkt-grid--rowgap-size-104-tablet-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-tablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-tablet-up {
     gap: 0.3125rem;
   }
@@ -8446,6 +9598,24 @@ body {
   .pkt-grid--rowgap-size-40-tablet-big-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-tablet-big-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-big-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-big-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-tablet-big-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-big-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-big-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-tablet-big-up {
     gap: 4rem;
   }
@@ -8464,6 +9634,15 @@ body {
   .pkt-grid--rowgap-size-104-tablet-big-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-tablet-big-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-big-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-big-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-tablet-big-up {
     gap: 0.3125rem;
   }
@@ -8628,6 +9807,24 @@ body {
   .pkt-grid--rowgap-size-40-laptop-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-laptop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-laptop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-laptop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-laptop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-laptop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-laptop-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-laptop-up {
     gap: 4rem;
   }
@@ -8646,6 +9843,15 @@ body {
   .pkt-grid--rowgap-size-104-laptop-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-laptop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-laptop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-laptop-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-laptop-up {
     gap: 0.3125rem;
   }
@@ -8810,6 +10016,24 @@ body {
   .pkt-grid--rowgap-size-40-desktop-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-desktop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-desktop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-desktop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-desktop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-desktop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-desktop-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-desktop-up {
     gap: 4rem;
   }
@@ -8828,6 +10052,15 @@ body {
   .pkt-grid--rowgap-size-104-desktop-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-desktop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-desktop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-desktop-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-desktop-up {
     gap: 0.3125rem;
   }