@oslokommune/punkt-css 16.16.1 → 16.17.0

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.17.0](https://github.com/oslokommune/punkt/compare/16.16.2...16.17.0) (2026-05-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Global headermeny (#3446). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.16.0](https://github.com/oslokommune/punkt/compare/16.15.3...16.16.0) (2026-05-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/accordion.css

@@ -190,6 +190,60 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
   padding: 1rem;
 }
 
+.pkt-accordion--plus-minus,
+pkt-accordion[skin=plus-minus] {
+  row-gap: 0;
+}
+
+.pkt-accordion-item--plus-minus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
+.pkt-accordion-item--plus-minus > .pkt-accordion-item__title,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item > .pkt-accordion-item__title {
+  padding: 0.5rem 1rem;
+  justify-content: flex-start;
+}
+.pkt-accordion-item--plus-minus > .pkt-accordion-item__title:hover,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item > .pkt-accordion-item__title:hover {
+  text-decoration: underline;
+}
+.pkt-accordion-item--plus-minus > .pkt-accordion-item__title:hover .pkt-accordion-item__icon,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item > .pkt-accordion-item__title:hover .pkt-accordion-item__icon {
+  transform: none;
+}
+.pkt-accordion-item--plus-minus > .pkt-accordion-item__content,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item > .pkt-accordion-item__content {
+  padding: 1rem;
+  background-color: var(--pkt-color-brand-neutrals-200);
+}
+.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--plus,
+.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--minus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item .pkt-accordion-item__icon--plus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item .pkt-accordion-item__icon--minus {
+  transition: none;
+  transform: none;
+}
+.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--minus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item .pkt-accordion-item__icon--minus {
+  display: none;
+}
+.pkt-accordion-item--plus-minus[open] > .pkt-accordion-item__title .pkt-accordion-item__icon--plus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item[open] > .pkt-accordion-item__title .pkt-accordion-item__icon--plus {
+  display: none;
+}
+.pkt-accordion-item--plus-minus[open] > .pkt-accordion-item__title .pkt-accordion-item__icon--minus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item[open] > .pkt-accordion-item__title .pkt-accordion-item__icon--minus {
+  display: inline-flex;
+  transform: none;
+}
+.pkt-accordion-item--plus-minus[open] > .pkt-accordion-item__title:hover .pkt-accordion-item__icon--minus,
+pkt-accordion-item[skin=plus-minus] > .pkt-accordion-item[open] > .pkt-accordion-item__title:hover .pkt-accordion-item__icon--minus {
+  transform: none;
+}
+
 @supports (interpolate-size: allow-keywords) {
   .pkt-accordion-item[open]::details-content {
     height: auto;

package/dist/css/components/accordion.min.css

@@ -1 +1 @@
-pkt-accordion,pkt-accordion-item{display:block}pkt-accordion,pkt-accordion-item{display:block}.pkt-accordion,pkt-accordion::part(container){display:grid;grid-template-columns:1fr;grid-template-rows:0fr;row-gap:.5rem;transition:grid-template-rows 500ms}.pkt-accordion:focus-visible,pkt-accordion::part(container):focus-visible{border:.25rem solid var(--pkt-color-border-states-hover)}.pkt-accordion--borderless .pkt-accordion-item,pkt-accordion[skin=borderless] .pkt-accordion-item{color:var(--pkt-color-text-body-default);border:none;background-color:var(--pkt-color-background-default)}.pkt-accordion--borderless .pkt-accordion-item[open]>.pkt-accordion-item__title,pkt-accordion[skin=borderless] .pkt-accordion-item[open]>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion--outlined .pkt-accordion-item,pkt-accordion[skin=outlined] .pkt-accordion-item{color:var(--pkt-color-text-body-default);border:2px solid var(--pkt-color-border-subtle);background-color:var(--pkt-color-background-default)}pkt-accordion[skin=beige]::part(container),pkt-accordion[skin=blue]::part(container){row-gap:0}.pkt-accordion--beige,pkt-accordion[skin=beige]{row-gap:0}.pkt-accordion--beige>.pkt-accordion-item:nth-of-type(odd),.pkt-accordion--beige pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item,pkt-accordion[skin=beige]>.pkt-accordion-item:nth-of-type(odd),pkt-accordion[skin=beige] pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item{background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion--blue,pkt-accordion[skin=blue]{row-gap:0}.pkt-accordion--blue>.pkt-accordion-item:nth-of-type(odd),.pkt-accordion--blue pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item,pkt-accordion[skin=blue]>.pkt-accordion-item:nth-of-type(odd),pkt-accordion[skin=blue] pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item{background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item,.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless,pkt-accordion[compact][skin=borderless] .pkt-accordion-item,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless{border:none}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open>.pkt-accordion-item__title,.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless--open>.pkt-accordion-item__title,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--open>.pkt-accordion-item__title,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless--open>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .125rem var(--pkt-color-border-states-active)}.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__title,.pkt-accordion--compact pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__title,pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__title,pkt-accordion[compact] pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__content,.pkt-accordion--compact pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__content,pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__content,pkt-accordion[compact] pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion-item{color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-brand-neutrals-white);transition:transform .3s;appearance:none;text-align:left;position:relative}@supports(interpolate-size: allow-keywords){.pkt-accordion-item::details-content{transition:height .3s ease,content-visibility .3s ease;transition-behavior:allow-discrete;height:0;overflow:clip}}.pkt-accordion-item summary::-webkit-details-marker{display:none}.pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem;align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.pkt-accordion-item__title .pkt-accordion-item__icon{--fg-color: var(--pkt-color-text-body-default);transition:transform .2s}.pkt-accordion-item__title:hover{text-decoration:underline}.pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:translateY(0.25rem)}.pkt-accordion-item__title:focus-visible{outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;padding:1.5rem;border-top:none}.pkt-accordion-item--borderless,.pkt-accordion-item pkt-accordion-item[skin=borderless]{border:none}.pkt-accordion-item--borderless[open]>.pkt-accordion-item__title,.pkt-accordion-item pkt-accordion-item[skin=borderless][open]>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion-item--outlined,.pkt-accordion-item pkt-accordion-item[skin=outlined]{border:2px solid var(--pkt-color-border-subtle)}.pkt-accordion-item--beige,.pkt-accordion-item pkt-accordion-item[skin=beige]{background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion-item--blue,.pkt-accordion-item pkt-accordion-item[skin=blue]{background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-accordion-item--compact>.pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion-item--compact>.pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;padding:1rem}@supports(interpolate-size: allow-keywords){.pkt-accordion-item[open]::details-content{height:auto}@starting-style{.pkt-accordion-item[open]::details-content{height:0}}}.pkt-accordion-item[open]>.pkt-accordion-item__title{border-bottom:none}.pkt-accordion-item[open]>.pkt-accordion-item__title:hover>.pkt-accordion-item__icon{transform:rotate(180deg) translateY(0.25rem)}.pkt-accordion-item[open]>.pkt-accordion-item__title>.pkt-accordion-item__icon{transform:rotate(180deg) translateY(0)}.pkt-icon.pkt-accordion-item__icon svg{min-height:2rem;min-width:2rem}
+pkt-accordion,pkt-accordion-item{display:block}pkt-accordion,pkt-accordion-item{display:block}.pkt-accordion,pkt-accordion::part(container){display:grid;grid-template-columns:1fr;grid-template-rows:0fr;row-gap:.5rem;transition:grid-template-rows 500ms}.pkt-accordion:focus-visible,pkt-accordion::part(container):focus-visible{border:.25rem solid var(--pkt-color-border-states-hover)}.pkt-accordion--borderless .pkt-accordion-item,pkt-accordion[skin=borderless] .pkt-accordion-item{color:var(--pkt-color-text-body-default);border:none;background-color:var(--pkt-color-background-default)}.pkt-accordion--borderless .pkt-accordion-item[open]>.pkt-accordion-item__title,pkt-accordion[skin=borderless] .pkt-accordion-item[open]>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion--outlined .pkt-accordion-item,pkt-accordion[skin=outlined] .pkt-accordion-item{color:var(--pkt-color-text-body-default);border:2px solid var(--pkt-color-border-subtle);background-color:var(--pkt-color-background-default)}pkt-accordion[skin=beige]::part(container),pkt-accordion[skin=blue]::part(container){row-gap:0}.pkt-accordion--beige,pkt-accordion[skin=beige]{row-gap:0}.pkt-accordion--beige>.pkt-accordion-item:nth-of-type(odd),.pkt-accordion--beige pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item,pkt-accordion[skin=beige]>.pkt-accordion-item:nth-of-type(odd),pkt-accordion[skin=beige] pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item{background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion--blue,pkt-accordion[skin=blue]{row-gap:0}.pkt-accordion--blue>.pkt-accordion-item:nth-of-type(odd),.pkt-accordion--blue pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item,pkt-accordion[skin=blue]>.pkt-accordion-item:nth-of-type(odd),pkt-accordion[skin=blue] pkt-accordion-item:nth-of-type(odd)>.pkt-accordion-item{background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item,.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless,pkt-accordion[compact][skin=borderless] .pkt-accordion-item,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless{border:none}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open>.pkt-accordion-item__title,.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless--open>.pkt-accordion-item__title,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--open>.pkt-accordion-item__title,pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless--open>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .125rem var(--pkt-color-border-states-active)}.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__title,.pkt-accordion--compact pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__title,pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__title,pkt-accordion[compact] pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__content,.pkt-accordion--compact pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__content,pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__content,pkt-accordion[compact] pkt-accordion-item>.pkt-accordion-item .pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion-item{color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-brand-neutrals-white);transition:transform .3s;appearance:none;text-align:left;position:relative}@supports(interpolate-size: allow-keywords){.pkt-accordion-item::details-content{transition:height .3s ease,content-visibility .3s ease;transition-behavior:allow-discrete;height:0;overflow:clip}}.pkt-accordion-item summary::-webkit-details-marker{display:none}.pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem;align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.pkt-accordion-item__title .pkt-accordion-item__icon{--fg-color: var(--pkt-color-text-body-default);transition:transform .2s}.pkt-accordion-item__title:hover{text-decoration:underline}.pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:translateY(0.25rem)}.pkt-accordion-item__title:focus-visible{outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;padding:1.5rem;border-top:none}.pkt-accordion-item--borderless,.pkt-accordion-item pkt-accordion-item[skin=borderless]{border:none}.pkt-accordion-item--borderless[open]>.pkt-accordion-item__title,.pkt-accordion-item pkt-accordion-item[skin=borderless][open]>.pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion-item--outlined,.pkt-accordion-item pkt-accordion-item[skin=outlined]{border:2px solid var(--pkt-color-border-subtle)}.pkt-accordion-item--beige,.pkt-accordion-item pkt-accordion-item[skin=beige]{background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion-item--blue,.pkt-accordion-item pkt-accordion-item[skin=blue]{background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-accordion-item--compact>.pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion-item--compact>.pkt-accordion-item__content{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;padding:1rem}.pkt-accordion--plus-minus,pkt-accordion[skin=plus-minus]{row-gap:0}.pkt-accordion-item--plus-minus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item{background-color:rgba(0,0,0,0);border:none;padding:0}.pkt-accordion-item--plus-minus>.pkt-accordion-item__title,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item>.pkt-accordion-item__title{padding:.5rem 1rem;justify-content:flex-start}.pkt-accordion-item--plus-minus>.pkt-accordion-item__title:hover,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item>.pkt-accordion-item__title:hover{text-decoration:underline}.pkt-accordion-item--plus-minus>.pkt-accordion-item__title:hover .pkt-accordion-item__icon,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item>.pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:none}.pkt-accordion-item--plus-minus>.pkt-accordion-item__content,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item>.pkt-accordion-item__content{padding:1rem;background-color:var(--pkt-color-brand-neutrals-200)}.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--plus,.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--minus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item .pkt-accordion-item__icon--plus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item .pkt-accordion-item__icon--minus{transition:none;transform:none}.pkt-accordion-item--plus-minus .pkt-accordion-item__icon--minus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item .pkt-accordion-item__icon--minus{display:none}.pkt-accordion-item--plus-minus[open]>.pkt-accordion-item__title .pkt-accordion-item__icon--plus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item[open]>.pkt-accordion-item__title .pkt-accordion-item__icon--plus{display:none}.pkt-accordion-item--plus-minus[open]>.pkt-accordion-item__title .pkt-accordion-item__icon--minus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item[open]>.pkt-accordion-item__title .pkt-accordion-item__icon--minus{display:inline-flex;transform:none}.pkt-accordion-item--plus-minus[open]>.pkt-accordion-item__title:hover .pkt-accordion-item__icon--minus,pkt-accordion-item[skin=plus-minus]>.pkt-accordion-item[open]>.pkt-accordion-item__title:hover .pkt-accordion-item__icon--minus{transform:none}@supports(interpolate-size: allow-keywords){.pkt-accordion-item[open]::details-content{height:auto}@starting-style{.pkt-accordion-item[open]::details-content{height:0}}}.pkt-accordion-item[open]>.pkt-accordion-item__title{border-bottom:none}.pkt-accordion-item[open]>.pkt-accordion-item__title:hover>.pkt-accordion-item__icon{transform:rotate(180deg) translateY(0.25rem)}.pkt-accordion-item[open]>.pkt-accordion-item__title>.pkt-accordion-item__icon{transform:rotate(180deg) translateY(0)}.pkt-icon.pkt-accordion-item__icon svg{min-height:2rem;min-width:2rem}

package/dist/css/components/header-menu.css

@@ -0,0 +1,326 @@
+/*
+ * Header menu (global mega menu)
+ */
+.pkt-header-menu {
+  display: none;
+  background-color: var(--pkt-color-background-default);
+  color: var(--pkt-color-text-body-default);
+  width: 100%;
+  padding-bottom: 2rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu {
+    padding-bottom: 0;
+  }
+}
+.pkt-header-menu--open {
+  display: block;
+}
+.pkt-header-menu__services {
+  max-width: 75.25rem;
+  margin: 0 auto;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__services {
+    padding: 3.25rem;
+  }
+}
+.pkt-header-menu__services-title, .pkt-header-menu__section-title {
+  letter-spacing: -0.2px;
+  font-weight: 500;
+  font-size: 1.25rem;
+  line-height: 2rem;
+  margin: 0 0 2rem;
+  display: none;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__services-title, .pkt-header-menu__section-title {
+    display: block;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-header-menu__services-title, .pkt-header-menu__section-title {
+    letter-spacing: -0.2px;
+    font-weight: 500;
+    font-size: 1.375rem;
+    line-height: 2.125rem;
+  }
+}
+.pkt-header-menu__services-title {
+  margin-bottom: 2rem;
+}
+.pkt-header-menu__services-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1.25rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__services-list {
+    grid-template-columns: repeat(4, 1fr);
+    row-gap: 2.5rem;
+  }
+}
+.pkt-header-menu__buttons {
+  display: none;
+  max-width: 75.25rem;
+  margin: 0 auto;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__buttons {
+    padding: 3.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__buttons {
+    display: flex;
+    gap: 1rem;
+    flex-wrap: wrap;
+    padding-top: 0;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-header-menu__buttons .pkt-btn__text {
+    letter-spacing: -0.2px;
+    font-weight: 500;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+.pkt-header-menu__buttons--mobile {
+  padding: 0 1rem;
+  display: flex;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__buttons--mobile {
+    display: none;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__sections {
+    background-color: var(--pkt-color-surface-strong-gray);
+  }
+  [data-mode=dark] .pkt-header-menu__sections {
+    background-color: var(--pkt-color-background-default);
+  }
+}
+.pkt-header-menu__sections-inner {
+  max-width: 75.25rem;
+  margin: 0 auto;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__sections-inner {
+    padding: 3.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__sections-inner {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 2rem;
+  }
+}
+@media screen and (min-width: 0rem) and (max-width: 47.938rem) {
+  .pkt-header-menu__section .pkt-accordion-item__title {
+    letter-spacing: -0.2px;
+    font-weight: 500;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+    padding: 1rem 0;
+  }
+}
+.pkt-header-menu__section-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__section-list {
+    row-gap: 1rem;
+  }
+}
+.pkt-header-menu__section-link {
+  display: block;
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  color: var(--pkt-color-text-body-default);
+  text-decoration: underline;
+  text-underline-position: from-font;
+  line-height: 1.5;
+}
+@media screen and (min-width: 64rem) {
+  .pkt-header-menu__section-link {
+    letter-spacing: -0.2px;
+    font-weight: 300;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+.pkt-header-menu__section-link:hover, .pkt-header-menu__section-link:focus-visible {
+  text-decoration: underline;
+}
+.pkt-header-menu__service {
+  list-style: none;
+}
+.pkt-header-menu__service-link {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  color: var(--pkt-color-text-body-default);
+  text-decoration: none;
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+@media screen and (min-width: 64rem) {
+  .pkt-header-menu__service-link {
+    letter-spacing: -0.2px;
+    font-weight: 300;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+.pkt-header-menu__service-link:hover .pkt-header-menu__service-text, .pkt-header-menu__service-link:focus-visible .pkt-header-menu__service-text {
+  text-decoration: underline;
+  text-underline-position: from-font;
+}
+.pkt-header-menu__service-icon {
+  flex: 0 0 auto;
+  --fg-color: var(--pkt-color-text-body-default);
+  width: 1.5rem;
+  height: 1.5rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__service-icon {
+    width: 2rem;
+    height: 2rem;
+  }
+}
+.pkt-header-menu__service-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.pkt-header-menu__service-text {
+  min-width: 0;
+}
+.pkt-header-menu__footer {
+  max-width: 75.25rem;
+  margin: 0 auto;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__footer {
+    padding: 3.25rem;
+  }
+}
+.pkt-header-menu__footer {
+  padding: 1.5rem 1rem 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__footer {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2rem 3.25rem;
+  }
+}
+.pkt-header-menu__footer-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__footer-list {
+    flex-direction: row;
+    gap: 0rem;
+  }
+  .pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social) {
+    line-height: 1;
+  }
+  .pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social) > * {
+    border-right: 1px solid currentColor;
+    padding: 0 2rem;
+  }
+  .pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social) > *:first-child {
+    padding-left: 0;
+  }
+  .pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social) > *:last-child {
+    border-right: none;
+    padding-right: 0;
+  }
+}
+.pkt-header-menu__footer-list--social {
+  flex-direction: row;
+  gap: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__footer-list--social {
+    gap: 2rem;
+  }
+}
+.pkt-header-menu__footer-link {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  color: var(--pkt-color-text-body-default);
+  text-decoration: none;
+}
+@media screen and (min-width: 64rem) {
+  .pkt-header-menu__footer-link {
+    letter-spacing: -0.2px;
+    font-weight: 300;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+.pkt-header-menu__footer-link:hover, .pkt-header-menu__footer-link:focus-visible {
+  text-decoration: underline;
+  text-underline-position: from-font;
+}
+.pkt-header-menu__social-link {
+  --fg-color: var(--pkt-color-text-body-default);
+  color: var(--pkt-color-text-body-default);
+  display: inline-flex;
+  align-items: center;
+}
+.pkt-header-menu__social-link svg {
+  width: 2rem;
+  height: 2rem;
+}
+.pkt-header-menu__loading, .pkt-header-menu__error {
+  max-width: 75.25rem;
+  margin: 0 auto;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-header-menu__loading, .pkt-header-menu__error {
+    padding: 3.25rem;
+  }
+}
+.pkt-header-menu__loading, .pkt-header-menu__error {
+  text-align: center;
+  color: var(--pkt-color-text-body-default);
+}

package/dist/css/components/header-menu.min.css

@@ -0,0 +1 @@
+.pkt-header-menu{display:none;background-color:var(--pkt-color-background-default);color:var(--pkt-color-text-body-default);width:100%;padding-bottom:2rem}@media screen and (min-width: 48rem){.pkt-header-menu{padding-bottom:0}}.pkt-header-menu--open{display:block}.pkt-header-menu__services{max-width:75.25rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__services{padding:3.25rem}}.pkt-header-menu__services-title,.pkt-header-menu__section-title{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem;margin:0 0 2rem;display:none}@media screen and (min-width: 48rem){.pkt-header-menu__services-title,.pkt-header-menu__section-title{display:block}}@media screen and (min-width: 64rem){.pkt-header-menu__services-title,.pkt-header-menu__section-title{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-header-menu__services-title{margin-bottom:2rem}.pkt-header-menu__services-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.25rem}@media screen and (min-width: 48rem){.pkt-header-menu__services-list{grid-template-columns:repeat(4, 1fr);row-gap:2.5rem}}.pkt-header-menu__buttons{display:none;max-width:75.25rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__buttons{padding:3.25rem}}@media screen and (min-width: 48rem){.pkt-header-menu__buttons{display:flex;gap:1rem;flex-wrap:wrap;padding-top:0}}@media screen and (min-width: 64rem){.pkt-header-menu__buttons .pkt-btn__text{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}.pkt-header-menu__buttons--mobile{padding:0 1rem;display:flex}@media screen and (min-width: 48rem){.pkt-header-menu__buttons--mobile{display:none}}@media screen and (min-width: 48rem){.pkt-header-menu__sections{background-color:var(--pkt-color-surface-strong-gray)}[data-mode=dark] .pkt-header-menu__sections{background-color:var(--pkt-color-background-default)}}.pkt-header-menu__sections-inner{max-width:75.25rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__sections-inner{padding:3.25rem}}@media screen and (min-width: 48rem){.pkt-header-menu__sections-inner{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}}@media screen and (min-width: 0rem)and (max-width: 47.938rem){.pkt-header-menu__section .pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem;padding:1rem 0}}.pkt-header-menu__section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__section-list{row-gap:1rem}}.pkt-header-menu__section-link{display:block;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;color:var(--pkt-color-text-body-default);text-decoration:underline;text-underline-position:from-font;line-height:1.5}@media screen and (min-width: 64rem){.pkt-header-menu__section-link{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}.pkt-header-menu__section-link:hover,.pkt-header-menu__section-link:focus-visible{text-decoration:underline}.pkt-header-menu__service{list-style:none}.pkt-header-menu__service-link{display:flex;align-items:center;gap:.75rem;color:var(--pkt-color-text-body-default);text-decoration:none;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 64rem){.pkt-header-menu__service-link{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}.pkt-header-menu__service-link:hover .pkt-header-menu__service-text,.pkt-header-menu__service-link:focus-visible .pkt-header-menu__service-text{text-decoration:underline;text-underline-position:from-font}.pkt-header-menu__service-icon{flex:0 0 auto;--fg-color: var(--pkt-color-text-body-default);width:1.5rem;height:1.5rem}@media screen and (min-width: 48rem){.pkt-header-menu__service-icon{width:2rem;height:2rem}}.pkt-header-menu__service-icon svg{width:100%;height:100%}.pkt-header-menu__service-text{min-width:0}.pkt-header-menu__footer{max-width:75.25rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__footer{padding:3.25rem}}.pkt-header-menu__footer{padding:1.5rem 1rem 1rem;display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 48rem){.pkt-header-menu__footer{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem 3.25rem}}.pkt-header-menu__footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}@media screen and (min-width: 48rem){.pkt-header-menu__footer-list{flex-direction:row;gap:0rem}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social){line-height:1}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*{border-right:1px solid currentColor;padding:0 2rem}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:first-child{padding-left:0}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:last-child{border-right:none;padding-right:0}}.pkt-header-menu__footer-list--social{flex-direction:row;gap:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__footer-list--social{gap:2rem}}.pkt-header-menu__footer-link{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;color:var(--pkt-color-text-body-default);text-decoration:none}@media screen and (min-width: 64rem){.pkt-header-menu__footer-link{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}.pkt-header-menu__footer-link:hover,.pkt-header-menu__footer-link:focus-visible{text-decoration:underline;text-underline-position:from-font}.pkt-header-menu__social-link{--fg-color: var(--pkt-color-text-body-default);color:var(--pkt-color-text-body-default);display:inline-flex;align-items:center}.pkt-header-menu__social-link svg{width:2rem;height:2rem}.pkt-header-menu__loading,.pkt-header-menu__error{max-width:75.25rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@media screen and (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding:3.25rem}}.pkt-header-menu__loading,.pkt-header-menu__error{text-align:center;color:var(--pkt-color-text-body-default)}