@oslokommune/punkt-css 17.1.1 → 17.1.3

package/CHANGELOG.md

@@ -5,6 +5,46 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [17.1.3](https://github.com/oslokommune/punkt/compare/17.1.2...17.1.3) (2026-08-25)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Trekk responsive hjelpeklasser ut i egne filer (#3607). Pluss:
+  
+  - Slutt å bruke deprecated spacing-hjelpere i egen kode…
+  - Legg inn ekstra spacing-variabel som manglet fra Figma
+  - Dokumenter spacing-klasser så kode blir likt som Figma
+
+
+### Chores
+Ingen
+
+---
+
+
+## [17.1.2](https://github.com/oslokommune/punkt/compare/17.1.1...17.1.2) (2026-08-24)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+* Oppdater Typescript til 7.0.2 og Node til 24.19 (#3605). 
+
+
+---
+
+
 ## [17.1.1](https://github.com/oslokommune/punkt/compare/17.1.0...17.1.1) (2026-08-24)
 
 ### ⚠ BREAKING CHANGES

package/CONTRIBUTING.md

@@ -8,7 +8,7 @@ er at vi høflig ber deg endre på noe. **Vi setter pris på alle hyggelige bidr
 
 ## 📝 Forutsetninger
 
-- Node 24.16.0
+- Node 24.19.0
 - Kunnskap om [Sass (SCSS)](https://sass-lang.com/) og [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS).
 - Forståelse av [BEM-navnekonvensjoner](http://getbem.com/) som designsystemet følger.
 - Skal du jobbe med [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG) er det nyttig å kunne litt om det.

package/README.md

@@ -68,7 +68,7 @@ Legg til responsiv header */
 
 .h1 {
   @include typography.get-text('pkt-txt-28');
-  margin-bottom: map.get(variables.$spacing, 'size-30');
+  margin-bottom: map.get(variables.$spacing, 'size-32');
 
   @include bp('tablet-up') {
     @include typography.get-text('pkt-txt-36');
@@ -98,7 +98,7 @@ Legg til logo -->
 
   /* Legg til klassen for logoen */
   .oslologo {
-    margin-bottom: map.get(variables.$spacing, 'size-30');
+    margin-bottom: map.get(variables.$spacing, 'size-32');
     height: 12rem;
   }
 </style>
@@ -250,7 +250,7 @@ I et designsystem refererer elementer og komponenter til forskjellige nivåer av
 Elementer er de minste byggeklossene i vårt designsystem, som for eksempel pkt-list eller pkt-section.
 
 ```html
-<div class="pkt-section--grey p-size-20">
+<div class="pkt-section--grey p-size-24">
   <p class="pkt-txt-18-medium">Lista:</p>
   <ul class="pkt-list">
     <li>listelement</li>

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

@@ -83,7 +83,7 @@
   padding: 0;
   display: grid;
   grid-template-columns: 1fr;
-  gap: 1.25rem;
+  gap: 1.5rem;
 }
 @supports not (container-type: inline-size) {
   @media screen and (min-width: 48rem) {

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%;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-block-start:2rem;padding-block-end: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-block-end: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-block-start:2rem;padding-block-end: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-block-start: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-block-start: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-block-start:2rem;padding-block-end: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-block-start:2rem;padding-block-end: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-inline-start:0}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:last-child{border-right:none;padding-inline-end: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-inline-start:0}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:last-child{border-right:none;padding-inline-end: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-block-start:2rem;padding-block-end: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-block-end:3rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-block-end:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-block-end:3.25rem}}}
+.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-block-start:2rem;padding-block-end: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-block-end:2rem}.pkt-header-menu__services-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.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:75rem;margin:0 auto;padding-block-start:2rem;padding-block-end: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-block-start: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-block-start: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-block-start:2rem;padding-block-end: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-block-start:2rem;padding-block-end: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-inline-start:0}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:last-child{border-right:none;padding-inline-end: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-inline-start:0}.pkt-header-menu__footer-list:not(.pkt-header-menu__footer-list--social)>*:last-child{border-right:none;padding-inline-end: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-block-start:2rem;padding-block-end: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-block-end:3rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-block-end:3.25rem}}}@supports(container-type: inline-size){@container pkt-header-menu (min-width: 48rem){.pkt-header-menu__loading,.pkt-header-menu__error{padding-block-end:3.25rem}}}