@oslokommune/punkt-css 5.2.0 → 6.0.0

package/dist/css/pkt.css

@@ -4953,6 +4953,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;
 }
@@ -9010,6 +9706,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;
 }
@@ -9218,6 +9932,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;
   }
@@ -9427,6 +10159,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;
   }
@@ -9636,6 +10386,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;
   }
@@ -9845,6 +10613,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;
   }
@@ -10054,6 +10840,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;
   }
@@ -10263,6 +11067,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;
   }
@@ -10635,30 +11457,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 {
@@ -10708,7 +11539,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;
@@ -10719,6 +11550,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%);
 }
@@ -11507,6 +12347,9 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
 .pkt-form-label {
   width: 100%;
 }
+.pkt-form-label > p:first-child {
+  display: inline;
+}
 .pkt-form-help {
   margin: 0.25em 0;
   font-size: 0.875rem;
@@ -11643,7 +12486,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   border: 6px solid var(--choice-checked-rb-bc);
 }
 .pkt-form-check-input:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/5.2/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/6.0/icons/check-medium.svg);
   position: relative;
   background-color: blue;
 }
@@ -11773,6 +12616,24 @@ Therefore, this is removed from the reset here, and images who need to be fluid
   column-gap: 1rem;
 }
 
+.pkt-list-horizontal {
+  display: flex;
+  list-style: none;
+  padding: 0;
+}
+.pkt-list-horizontal li {
+  padding-right: 1rem;
+}
+.pkt-list-horizontal li + li {
+  padding-left: 1rem;
+}
+.pkt-list-horizontal li:last-child {
+  padding-right: 0;
+}
+.pkt-list-horizontal.bordered li + li {
+  border-left: 1px solid var(--color-grayscale-60);
+}
+
 .pkt-dl,
 .pkt-dl--narrow {
   display: flex;
@@ -12056,7 +12917,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
  * så dette må refaktoreres ved anledning.
  */
 .pkt-select {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/5.2/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/6.0/icons/chevron-thin-down.svg);
   display: block;
   background-color: var(--color-white);
   background-image: var(--svg);
@@ -12783,123 +13644,261 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 .pkt-header {
   background-color: var(--color-white);
   border-bottom: 1px solid var(--color-gray);
-  display: grid;
-  gap: 0 0;
-  grid-template-areas: "header-logo header-actions";
-  grid-template-columns: minmax(108.3870967742px, 116.1290322581px) 1fr;
-  padding: 1rem 1rem;
+  display: flex;
+  justify-content: space-between;
   align-items: center;
+  padding: 0 1rem;
+  height: 4.5rem;
 }
-@media screen and (min-width: 80rem) {
+@media screen and (min-width: 48rem) {
   .pkt-header {
-    padding: 1.5rem 2.5rem;
+    height: 5.5rem;
   }
 }
-.pkt-header__logo {
-  grid-area: header-logo;
+@media screen and (min-width: 80rem) {
+  .pkt-header {
+    height: 6.5rem;
+    padding: 0 3rem;
+  }
 }
-.pkt-header__logo-link {
-  display: block;
+.pkt-header--fixed {
+  width: 100vw;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10;
 }
-.pkt-header__logo-svg {
-  height: 56px;
-  width: 108.3870967742px;
+.pkt-header--scroll-to-hide {
+  transform: translate3d(0, 0, 0);
+  transition: 0.5s transform ease-in-out;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-header__logo-svg {
-    height: 60px;
-    width: 116.1290322581px;
-  }
+.pkt-header--hidden {
+  transform: translate3d(0, -100%, 0);
 }
-.pkt-header__actions {
-  grid-area: header-actions;
+.pkt-header__logo {
+  flex: 0 1 auto;
   display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.pkt-header__action {
   align-items: center;
-  display: inline-flex;
-  flex-direction: row;
-  margin: 0 0 0 1rem;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-header__action {
-    height: 60px;
-    margin: 0 0 0 2rem;
+@media screen and (min-width: 80rem) {
+  .pkt-header__logo {
+    gap: 1.5rem;
   }
 }
-.pkt-header__action-text {
-  font-size: 1.125rem;
+.pkt-header__logo-link, .pkt-header__logo-service {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+.pkt-header__logo-service {
+  padding-top: 0.28rem;
+  display: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 1.375rem;
   font-weight: 300;
   letter-spacing: -0.2px;
-  line-height: 1.75rem;
-  display: inline-flex;
-  align-items: center;
-  max-width: 3.125rem;
-  white-space: nowrap;
+  line-height: 2.125rem;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-header__action-text {
-    max-width: none;
+@media screen and (min-width: 48rem) {
+  .pkt-header__logo-service {
+    display: inline-block;
   }
 }
-.pkt-header__action-textrow {
-  display: inline-flex;
+@media screen and (min-width: 80rem) {
+  .pkt-header__logo-service {
+    padding-top: 0.45rem;
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+.pkt-header__logo-svg {
+  height: 3.5rem;
+  width: 6.7741935484rem;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-header__logo-svg {
+    height: 4rem;
+    width: 7.7419354839rem;
+  }
+}
+.pkt-header--narrow {
+  padding: 0 1rem;
+  height: 4.5rem;
+}
+.pkt-header--narrow .pkt-header__logo {
+  gap: 1rem;
+}
+.pkt-header--narrow .pkt-header__logo-service {
+  padding-top: 0.28rem;
   font-size: 1.125rem;
   font-weight: 300;
   letter-spacing: -0.2px;
   line-height: 1.75rem;
-  max-width: 3.125rem;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-header__action-textrow {
-    max-width: none;
+.pkt-header--narrow .pkt-header__logo-svg {
+  height: 3rem;
+  width: 5.8064516129rem;
+}
+@media screen and (min-width: 0) and (max-width: 64rem) {
+  .pkt-header__menu-btn {
+    border: 0;
+  }
+  .pkt-header__menu-btn .pkt-btn__text {
+    display: none;
   }
 }
-.pkt-header__action-textrow.text-row-inline {
-  display: inline;
+.pkt-header__user-btn {
+  border-color: var(--color-yellow);
 }
-.pkt-header__action-change {
-  margin-left: 0.75rem;
+.pkt-header__actions {
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: flex-end;
+  align-items: stretch;
 }
-.pkt-header__action-icon {
-  --fg-color: var(--color-blue-dark);
-  height: 1.5rem;
-  line-height: 1rem;
-  width: 1.5rem;
-  margin-left: 0.25rem;
+.pkt-header__actions-row {
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+}
+.pkt-header__actions-row > li {
+  padding: 0;
+}
+.pkt-header__dropdown {
+  z-index: 2;
+  position: absolute;
+  right: 0;
+  left: 0;
+  padding-left: 0;
+  margin: 0;
+  list-style: none;
+  visibility: hidden;
+  max-height: calc(100vh - 4.5rem);
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 @media screen and (min-width: 48rem) {
-  .pkt-header__action-icon {
-    height: 1.5rem;
-    margin-left: 0.5rem;
-    width: 1.5rem;
+  .pkt-header__dropdown {
+    left: auto;
+    right: 0;
+    min-width: 23rem;
+    width: auto;
   }
 }
-.pkt-header .pkt-btn {
-  font-size: 1.125rem;
-  font-weight: 500;
-  letter-spacing: -0.2px;
-  line-height: 1.75rem;
-  margin: 0 0 0 0.25rem;
-  padding: 0.75rem 0.75rem;
+.pkt-header__dropdown > li {
+  padding: 2rem;
+  background-color: var(--color-white);
+}
+.pkt-header__dropdown > li.footer {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.pkt-header__dropdown > li:nth-child(odd) {
+  background-color: var(--color-gray-light);
+}
+.pkt-header__user-fullname {
+  display: none;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-header__user-fullname {
+    display: inline;
+  }
+}
+.pkt-header__user-shortname {
+  display: inline;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-header__user-shortname {
+    display: none;
+  }
 }
 @media screen and (min-width: 48rem) {
-  .pkt-header .pkt-btn {
-    margin: 0 0 0 2rem;
-    padding: 0.75rem 1rem;
+  .pkt-header--has-dropdown {
+    position: relative;
   }
 }
-.pkt-header .pkt-btn:hover .pkt-header__action-icon {
-  --fg-color: var(--color-hover);
+.pkt-header--has-dropdown > .pkt-btn:hover .pkt-btn--closed {
+  --fg-color: var(--color-white);
+}
+.pkt-header--has-dropdown .pkt-btn--open {
+  display: none;
+}
+.pkt-header--has-dropdown .pkt-btn--closed {
+  display: none;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-header--has-dropdown .pkt-btn--closed {
+    display: inline-block;
+  }
+}
+.pkt-header--has-dropdown.pkt-header--open-dropdown > .pkt-btn {
+  background-color: var(--color-active);
+  border-color: var(--color-active);
+  color: var(--color-white);
+}
+.pkt-header--has-dropdown.pkt-header--open-dropdown > .pkt-btn .pkt-btn--open {
+  --fg-color: var(--color-white);
+}
+@media screen and (min-width: 80rem) {
+  .pkt-header--has-dropdown.pkt-header--open-dropdown > .pkt-btn .pkt-btn--open {
+    display: inline-block;
+  }
 }
-.pkt-header .pkt-btn__text--representing {
+.pkt-header--has-dropdown.pkt-header--open-dropdown > .pkt-btn .pkt-btn--closed {
+  display: none;
+}
+.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown {
+  visibility: visible;
+}
+
+.pkt-user-menu p {
+  margin: 0;
+}
+.pkt-user-menu__label {
+  color: var(--color-grayscale-60);
+  font-size: 0.875rem;
+  font-weight: 500;
+  letter-spacing: -0.2px;
+  line-height: 1.375rem;
+}
+.pkt-user-menu__name {
   font-size: 1.125rem;
-  font-weight: 300;
+  font-weight: 500;
   letter-spacing: -0.2px;
   line-height: 1.75rem;
 }
+.pkt-user-menu__last-logged-in, .pkt-user-menu__org_number {
+  font-size: 1rem;
+  font-weight: 300;
+  letter-spacing: -0.2px;
+  line-height: 1.5rem;
+}
+.pkt-user-menu .pkt-list {
+  margin: 0;
+}
+.pkt-user-menu .pkt-list .pkt-link {
+  text-decoration: none;
+}
+.pkt-user-menu .pkt-list .pkt-link:hover {
+  text-decoration: underline;
+}
+.pkt-user-menu .pkt-list > li > a {
+  grid-template-columns: 1.5rem auto;
+  gap: 0.5rem;
+}
+.pkt-user-menu .pkt-list-horizontal {
+  margin: 0;
+}
 
 /* 
  * Icons