@oslokommune/punkt-css 16.26.2 → 17.0.0

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

@@ -6,25 +6,30 @@
   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;
-  }
+  container-type: inline-size;
+  container-name: pkt-header-menu;
 }
 .pkt-header-menu--open {
   display: block;
 }
 .pkt-header-menu__services {
-  max-width: 75.25rem;
+  max-width: 75rem;
   margin: 0 auto;
   padding-top: 2rem;
   padding-bottom: 1rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__services {
-    padding: 3.25rem;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__services {
+      padding: 3.25rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__services {
+      padding: 3.25rem;
+    }
   }
 }
 .pkt-header-menu__services-title, .pkt-header-menu__section-title {
@@ -35,17 +40,38 @@
   margin: 0 0 2rem;
   display: none;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__services-title, .pkt-header-menu__section-title {
-    display: block;
+@supports not (container-type: inline-size) {
+  @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;
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__services-title, .pkt-header-menu__section-title {
+      display: block;
+    }
+  }
+}
+@supports not (container-type: inline-size) {
+  @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;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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 {
@@ -59,84 +85,166 @@
   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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__services-list {
+      grid-template-columns: repeat(4, 1fr);
+      row-gap: 2.5rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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;
+  max-width: 75rem;
   margin: 0 auto;
   padding-top: 2rem;
   padding-bottom: 1rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__buttons {
-    padding: 3.25rem;
+@supports not (container-type: inline-size) {
+  @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;
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__buttons {
+      padding: 3.25rem;
+    }
   }
 }
-@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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__buttons {
+      display: flex;
+      gap: 1rem;
+      flex-wrap: wrap;
+      padding-top: 0;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__buttons {
+      display: flex;
+      gap: 1rem;
+      flex-wrap: wrap;
+      padding-top: 0;
+    }
+  }
+}
+@supports not (container-type: inline-size) {
+  @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;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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;
+@supports not (container-type: inline-size) {
+  @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);
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__buttons--mobile {
+      display: none;
+    }
   }
-  [data-mode=dark] .pkt-header-menu__sections {
-    background-color: var(--pkt-color-background-default);
+}
+@supports not (container-type: inline-size) {
+  @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);
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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;
+  max-width: 75rem;
   margin: 0 auto;
   padding-top: 2rem;
   padding-bottom: 1rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__sections-inner {
-    padding: 3.25rem;
+@supports not (container-type: inline-size) {
+  @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;
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__sections-inner {
+      padding: 3.25rem;
+    }
   }
 }
-@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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__sections-inner {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 2rem;
+    }
   }
 }
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__sections-inner {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 2rem;
+    }
+  }
+}
+.pkt-header-menu__section .pkt-accordion-item__title {
+  letter-spacing: -0.2px;
+  font-weight: 500;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  padding: 0.5rem 1rem;
+}
 .pkt-header-menu__section-list {
   list-style: none;
   margin: 0;
@@ -145,9 +253,18 @@
   flex-direction: column;
   gap: 1rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__section-list {
-    row-gap: 1rem;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__section-list {
+      row-gap: 1rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__section-list {
+      row-gap: 1rem;
+    }
   }
 }
 .pkt-header-menu__section-link {
@@ -161,12 +278,24 @@
   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;
+@supports not (container-type: inline-size) {
+  @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;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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 {
@@ -186,12 +315,24 @@
   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;
+@supports not (container-type: inline-size) {
+  @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;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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 {
@@ -204,10 +345,20 @@
   width: 1.5rem;
   height: 1.5rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__service-icon {
-    width: 2rem;
-    height: 2rem;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__service-icon {
+      width: 2rem;
+      height: 2rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__service-icon {
+      width: 2rem;
+      height: 2rem;
+    }
   }
 }
 .pkt-header-menu__service-icon svg {
@@ -218,28 +369,49 @@
   min-width: 0;
 }
 .pkt-header-menu__footer {
-  max-width: 75.25rem;
+  max-width: 75rem;
   margin: 0 auto;
   padding-top: 2rem;
   padding-bottom: 1rem;
 }
-@media screen and (min-width: 48rem) {
-  .pkt-header-menu__footer {
-    padding: 3.25rem;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__footer {
+      padding: 3.25rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__footer {
+      padding: 3.25rem;
+    }
   }
 }
 .pkt-header-menu__footer {
-  padding: 1.5rem 1rem 1rem;
+  padding: 1.5rem 1rem 3rem;
   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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__footer {
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      padding: 2rem 3.25rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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 {
@@ -250,33 +422,66 @@
   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;
+@supports not (container-type: inline-size) {
+  @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: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;
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__footer-list--social {
+      gap: 2rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__footer-list--social {
+      gap: 2rem;
+    }
   }
 }
 .pkt-header-menu__footer-link {
@@ -287,12 +492,24 @@
   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;
+@supports not (container-type: inline-size) {
+  @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;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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 {
@@ -310,17 +527,41 @@
   height: 2rem;
 }
 .pkt-header-menu__loading, .pkt-header-menu__error {
-  max-width: 75.25rem;
+  max-width: 75rem;
   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;
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__loading, .pkt-header-menu__error {
+      padding: 3.25rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (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);
+  padding-bottom: 3rem;
+}
+@supports not (container-type: inline-size) {
+  @media screen and (min-width: 48rem) {
+    .pkt-header-menu__loading, .pkt-header-menu__error {
+      padding-bottom: 3.25rem;
+    }
+  }
+}
+@supports (container-type: inline-size) {
+  @container pkt-header-menu (min-width: 48rem) {
+    .pkt-header-menu__loading, .pkt-header-menu__error {
+      padding-bottom: 3.25rem;
+    }
+  }
 }

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

@@ -1 +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)}
+.pkt-header-menu{display:none;background-color:var(--pkt-color-background-default);color:var(--pkt-color-text-body-default);width:100%;container-type:inline-size;container-name:pkt-header-menu}.pkt-header-menu--open{display:block}.pkt-header-menu__services{max-width:75rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__services{padding:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__services-title,.pkt-header-menu__section-title{display:block}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__services-title,.pkt-header-menu__section-title{display:block}}}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__services-list{grid-template-columns:repeat(4, 1fr);row-gap:2.5rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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:75rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__buttons{padding:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__buttons{padding:3.25rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__buttons{display:flex;gap:1rem;flex-wrap:wrap;padding-top:0}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__buttons{display:flex;gap:1rem;flex-wrap:wrap;padding-top:0}}}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__buttons--mobile{display:none}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__buttons--mobile{display:none}}}@supports not (container-type: inline-size){@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)}}}@supports(container-type: inline-size){@container pkt-header-menu (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:75rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__sections-inner{padding:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__sections-inner{padding:3.25rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__sections-inner{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__sections-inner{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}}}.pkt-header-menu__section .pkt-accordion-item__title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem;padding:.5rem 1rem}.pkt-header-menu__section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__section-list{row-gap:1rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__service-icon{width:2rem;height:2rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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:75rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__footer{padding:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__footer{padding:3.25rem}}}.pkt-header-menu__footer{padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__footer{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem 3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__footer-list--social{gap:2rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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}@supports not (container-type: inline-size){@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}}}@supports(container-type: inline-size){@container pkt-header-menu (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:75rem;margin:0 auto;padding-top:2rem;padding-bottom:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (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);padding-bottom:3rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-bottom:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-bottom:3.25rem}}}