@oslokommune/punkt-css 5.2.1 → 6.0.0

package/dist/css/pkt-base.css

@@ -4733,6 +4733,702 @@ body {
     padding-bottom: 4rem !important;
   }
 }
+.m-size-72 {
+  margin: 4.5rem !important;
+}
+
+.mt-size-72 {
+  margin-top: 4.5rem !important;
+}
+
+.mr-size-72 {
+  margin-right: 4.5rem !important;
+}
+
+.mb-size-72 {
+  margin-bottom: 4.5rem !important;
+}
+
+.ml-size-72 {
+  margin-left: 4.5rem !important;
+}
+
+.mx-size-72 {
+  margin-right: 4.5rem !important;
+  margin-left: 4.5rem !important;
+}
+
+.my-size-72 {
+  margin-top: 4.5rem !important;
+  margin-bottom: 4.5rem !important;
+}
+
+.p-size-72 {
+  padding: 4.5rem !important;
+}
+
+.pt-size-72 {
+  padding-top: 4.5rem !important;
+}
+
+.pr-size-72 {
+  padding-right: 4.5rem !important;
+}
+
+.pb-size-72 {
+  padding-bottom: 4.5rem !important;
+}
+
+.pl-size-72 {
+  padding-left: 4.5rem !important;
+}
+
+.px-size-72 {
+  padding-right: 4.5rem !important;
+  padding-left: 4.5rem !important;
+}
+
+.py-size-72 {
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-72--mobile-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--mobile-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--mobile-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--mobile-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--mobile-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--mobile-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--mobile-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--mobile-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--mobile-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--mobile-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--mobile-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--mobile-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--mobile-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--mobile-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-72--phablet-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--phablet-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--phablet-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--phablet-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--phablet-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--phablet-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--phablet-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--phablet-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--phablet-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--phablet-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--phablet-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--phablet-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--phablet-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--phablet-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-72--tablet-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--tablet-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--tablet-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--tablet-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--tablet-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--tablet-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--tablet-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--tablet-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--tablet-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--tablet-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--tablet-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--tablet-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--tablet-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--tablet-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-72--tablet-big-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--tablet-big-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--tablet-big-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--tablet-big-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--tablet-big-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--tablet-big-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--tablet-big-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--tablet-big-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--tablet-big-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--tablet-big-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--tablet-big-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--tablet-big-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--tablet-big-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--tablet-big-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-72--laptop-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--laptop-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--laptop-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--laptop-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--laptop-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--laptop-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--laptop-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--laptop-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--laptop-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--laptop-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--laptop-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--laptop-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--laptop-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--laptop-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-72--desktop-up {
+    margin: 4.5rem !important;
+  }
+  .mt-size-72--desktop-up {
+    margin-top: 4.5rem !important;
+  }
+  .mr-size-72--desktop-up {
+    margin-right: 4.5rem !important;
+  }
+  .mb-size-72--desktop-up {
+    margin-bottom: 4.5rem !important;
+  }
+  .ml-size-72--desktop-up {
+    margin-left: 4.5rem !important;
+  }
+  .mx-size-72--desktop-up {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .my-size-72--desktop-up {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .p-size-72--desktop-up {
+    padding: 4.5rem !important;
+  }
+  .pt-size-72--desktop-up {
+    padding-top: 4.5rem !important;
+  }
+  .pr-size-72--desktop-up {
+    padding-right: 4.5rem !important;
+  }
+  .pb-size-72--desktop-up {
+    padding-bottom: 4.5rem !important;
+  }
+  .pl-size-72--desktop-up {
+    padding-left: 4.5rem !important;
+  }
+  .px-size-72--desktop-up {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .py-size-72--desktop-up {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+}
+.m-size-88 {
+  margin: 5.5rem !important;
+}
+
+.mt-size-88 {
+  margin-top: 5.5rem !important;
+}
+
+.mr-size-88 {
+  margin-right: 5.5rem !important;
+}
+
+.mb-size-88 {
+  margin-bottom: 5.5rem !important;
+}
+
+.ml-size-88 {
+  margin-left: 5.5rem !important;
+}
+
+.mx-size-88 {
+  margin-right: 5.5rem !important;
+  margin-left: 5.5rem !important;
+}
+
+.my-size-88 {
+  margin-top: 5.5rem !important;
+  margin-bottom: 5.5rem !important;
+}
+
+.p-size-88 {
+  padding: 5.5rem !important;
+}
+
+.pt-size-88 {
+  padding-top: 5.5rem !important;
+}
+
+.pr-size-88 {
+  padding-right: 5.5rem !important;
+}
+
+.pb-size-88 {
+  padding-bottom: 5.5rem !important;
+}
+
+.pl-size-88 {
+  padding-left: 5.5rem !important;
+}
+
+.px-size-88 {
+  padding-right: 5.5rem !important;
+  padding-left: 5.5rem !important;
+}
+
+.py-size-88 {
+  padding-top: 5.5rem !important;
+  padding-bottom: 5.5rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-88--mobile-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--mobile-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--mobile-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--mobile-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--mobile-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--mobile-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--mobile-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--mobile-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--mobile-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--mobile-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--mobile-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--mobile-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--mobile-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--mobile-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-88--phablet-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--phablet-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--phablet-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--phablet-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--phablet-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--phablet-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--phablet-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--phablet-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--phablet-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--phablet-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--phablet-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--phablet-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--phablet-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--phablet-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-88--tablet-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--tablet-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--tablet-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--tablet-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--tablet-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--tablet-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--tablet-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--tablet-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--tablet-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--tablet-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--tablet-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--tablet-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--tablet-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--tablet-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-88--tablet-big-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--tablet-big-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--tablet-big-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--tablet-big-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--tablet-big-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--tablet-big-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--tablet-big-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--tablet-big-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--tablet-big-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--tablet-big-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--tablet-big-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--tablet-big-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--tablet-big-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--tablet-big-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-88--laptop-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--laptop-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--laptop-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--laptop-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--laptop-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--laptop-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--laptop-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--laptop-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--laptop-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--laptop-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--laptop-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--laptop-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--laptop-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--laptop-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-88--desktop-up {
+    margin: 5.5rem !important;
+  }
+  .mt-size-88--desktop-up {
+    margin-top: 5.5rem !important;
+  }
+  .mr-size-88--desktop-up {
+    margin-right: 5.5rem !important;
+  }
+  .mb-size-88--desktop-up {
+    margin-bottom: 5.5rem !important;
+  }
+  .ml-size-88--desktop-up {
+    margin-left: 5.5rem !important;
+  }
+  .mx-size-88--desktop-up {
+    margin-right: 5.5rem !important;
+    margin-left: 5.5rem !important;
+  }
+  .my-size-88--desktop-up {
+    margin-top: 5.5rem !important;
+    margin-bottom: 5.5rem !important;
+  }
+  .p-size-88--desktop-up {
+    padding: 5.5rem !important;
+  }
+  .pt-size-88--desktop-up {
+    padding-top: 5.5rem !important;
+  }
+  .pr-size-88--desktop-up {
+    padding-right: 5.5rem !important;
+  }
+  .pb-size-88--desktop-up {
+    padding-bottom: 5.5rem !important;
+  }
+  .pl-size-88--desktop-up {
+    padding-left: 5.5rem !important;
+  }
+  .px-size-88--desktop-up {
+    padding-right: 5.5rem !important;
+    padding-left: 5.5rem !important;
+  }
+  .py-size-88--desktop-up {
+    padding-top: 5.5rem !important;
+    padding-bottom: 5.5rem !important;
+  }
+}
 .m-size-104 {
   margin: 6.5rem !important;
 }
@@ -8790,6 +9486,24 @@ body {
 .pkt-grid--rowgap-size-64 {
   row-gap: 4rem;
 }
+.pkt-grid--gap-size-72 {
+  gap: 4.5rem;
+}
+.pkt-grid--colgap-size-72 {
+  column-gap: 4.5rem;
+}
+.pkt-grid--rowgap-size-72 {
+  row-gap: 4.5rem;
+}
+.pkt-grid--gap-size-88 {
+  gap: 5.5rem;
+}
+.pkt-grid--colgap-size-88 {
+  column-gap: 5.5rem;
+}
+.pkt-grid--rowgap-size-88 {
+  row-gap: 5.5rem;
+}
 .pkt-grid--gap-size-104 {
   gap: 6.5rem;
 }
@@ -8998,6 +9712,24 @@ body {
   .pkt-grid--rowgap-size-64-mobile-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-mobile-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-mobile-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-mobile-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-mobile-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-mobile-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-mobile-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-mobile-up {
     gap: 6.5rem;
   }
@@ -9207,6 +9939,24 @@ body {
   .pkt-grid--rowgap-size-64-phablet-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-phablet-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-phablet-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-phablet-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-phablet-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-phablet-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-phablet-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-phablet-up {
     gap: 6.5rem;
   }
@@ -9416,6 +10166,24 @@ body {
   .pkt-grid--rowgap-size-64-tablet-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-tablet-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-tablet-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-tablet-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-tablet-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-tablet-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-tablet-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-tablet-up {
     gap: 6.5rem;
   }
@@ -9625,6 +10393,24 @@ body {
   .pkt-grid--rowgap-size-64-tablet-big-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-tablet-big-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-tablet-big-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-tablet-big-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-tablet-big-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-tablet-big-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-tablet-big-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-tablet-big-up {
     gap: 6.5rem;
   }
@@ -9834,6 +10620,24 @@ body {
   .pkt-grid--rowgap-size-64-laptop-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-laptop-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-laptop-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-laptop-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-laptop-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-laptop-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-laptop-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-laptop-up {
     gap: 6.5rem;
   }
@@ -10043,6 +10847,24 @@ body {
   .pkt-grid--rowgap-size-64-desktop-up {
     row-gap: 4rem;
   }
+  .pkt-grid--gap-size-72-desktop-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-desktop-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-desktop-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-88-desktop-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-desktop-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-desktop-up {
+    row-gap: 5.5rem;
+  }
   .pkt-grid--gap-size-104-desktop-up {
     gap: 6.5rem;
   }
@@ -10415,30 +11237,39 @@ strong {
   font-weight: 500;
 }
 
-a {
+a,
+.pkt-link {
   color: var(--color-blue-dark);
   text-decoration: underline;
   word-wrap: break-word;
   cursor: pointer;
 }
-a:visited {
+a:visited,
+.pkt-link:visited {
   color: var(--color-blue-dark);
 }
-a:hover, a.pkt-link--hover {
+a:hover, a.pkt-link--hover,
+.pkt-link:hover,
+.pkt-link.pkt-link--hover {
   color: var(--color-hover);
   text-decoration: underline;
 }
-a:focus-visible, a.pkt-link--focus {
+a:focus-visible, a.pkt-link--focus,
+.pkt-link:focus-visible,
+.pkt-link.pkt-link--focus {
   box-shadow: 0px 0px 0px 0.125rem var(--color-active), 0px 0px 0px 0.375rem var(--color-focus);
   outline: none;
   color: var(--color-hover);
 }
-a:focus:not(:focus-visible) {
+a:focus:not(:focus-visible),
+.pkt-link:focus:not(:focus-visible) {
   box-shadow: none;
   outline: 0.125rem solid var(--color-active);
   color: var(--color-hover);
 }
-a:active, a.pkt-link--active {
+a:active, a.pkt-link--active,
+.pkt-link:active,
+.pkt-link.pkt-link--active {
   color: var(--color-active);
 }
 [data-mode=dark] a:link, [data-mode=dark] a.pkt-link--link {
@@ -10488,7 +11319,7 @@ a:active, a.pkt-link--active {
 }
 .pkt-link--external::after {
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/5.2/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/6.0/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -10499,6 +11330,15 @@ a:active, a.pkt-link--active {
   filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
 }
 
+button.pkt-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: inherit;
+  cursor: pointer;
+  font-weight: inherit;
+}
+
 [data-mode=dark] .pkt-link--external::after {
   filter: brightness(0) saturate(100%) invert(100%);
 }