@oslokommune/punkt-css 18.3.1 → 18.5.0

package/CHANGELOG.md

@@ -5,6 +5,48 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.5.0](https://github.com/oslokommune/punkt/compare/18.4.0...18.5.0) (2026-09-07)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Conformance-testing for HTML mellom rammeverkene (#3618). Et nytt testsett som kjører gjennom alle komponenter, rendrer de ut, og sjekker at HTML er likt mellom komponentene. Les README for ny pakke for detaljert info.
+  
+  - Endringer i CSS og komponentene for å få HTML-output helt identisk
+  - Bruker i større grad Astro-komponenter for å lage testsider i CSS-pakken (enklere å vedlikeholde)
+  - Flere bugfikser som er avdekket gjennom konformitetstestingen
+  - La til noen nye udokumenterte metoder i card for å støtte potensiell ny bruker bedre
+  
+  OBS! Endret default på `loader`-komponentene, fordi `shapes` var aldri ment å være default, og dokumentasjonen og specs sier at `rainbow` skal være default.
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [18.3.2](https://github.com/oslokommune/punkt/compare/18.3.1...18.3.2) (2026-09-02)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [18.3.1](https://github.com/oslokommune/punkt/compare/18.3.0...18.3.1) (2026-09-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/backlink.css

@@ -1,6 +1,10 @@
 /*
  * Back link component
  */
+pkt-backlink {
+  display: block;
+}
+
 .pkt-back-link .pkt-link {
   display: inline-flex;
   align-items: center;

package/dist/css/components/backlink.min.css

@@ -1 +1 @@
-.pkt-back-link .pkt-link{display:inline-flex;align-items:center}.pkt-back-link__icon{flex-basis:1rem}.pkt-back-link__text{flex-grow:1;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;line-height:unset}
+pkt-backlink{display:block}.pkt-back-link .pkt-link{display:inline-flex;align-items:center}.pkt-back-link__icon{flex-basis:1rem}.pkt-back-link__text{flex-grow:1;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;line-height:unset}

package/dist/css/components/breadcrumbs.css

@@ -1,6 +1,10 @@
 /* 
  * Breadcrumbs component
  */
+pkt-breadcrumbs {
+  display: block;
+}
+
 .pkt-breadcrumbs {
   position: relative;
   letter-spacing: -0.2px;

package/dist/css/components/breadcrumbs.min.css

@@ -1 +1 @@
-.pkt-breadcrumbs{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 36rem){.pkt-breadcrumbs__list{flex-direction:row;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__item{position:relative;display:none;width:100%;text-decoration:underline}@media screen and (min-width: 36rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block;text-decoration:none}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__label{display:flex;align-items:center;width:100%;white-space:nowrap}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 36rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-inline-start:.5rem}.pkt-breadcrumbs--desktop{display:none !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--desktop{display:inline-flex !important}}.pkt-breadcrumbs--mobile{display:inline-flex !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--mobile{display:none !important}}
+pkt-breadcrumbs{display:block}.pkt-breadcrumbs{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 36rem){.pkt-breadcrumbs__list{flex-direction:row;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__item{position:relative;display:none;width:100%;text-decoration:underline}@media screen and (min-width: 36rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block;text-decoration:none}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__label{display:flex;align-items:center;width:100%;white-space:nowrap}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 36rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-inline-start:.5rem}.pkt-breadcrumbs--desktop{display:none !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--desktop{display:inline-flex !important}}.pkt-breadcrumbs--mobile{display:inline-flex !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--mobile{display:none !important}}

package/dist/css/components/calendar.css

@@ -27,6 +27,7 @@ pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input {
 .pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),
 pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select) {
   text-align: right;
+  width: auto;
 }
 .pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year,
 pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year {

package/dist/css/components/calendar.min.css

@@ -1 +1 @@
-.pkt-calendar,pkt-calendar{z-index:2;display:block;position:relative;max-width:25rem}.pkt-calendar .pkt-cal-month-nav,pkt-calendar .pkt-cal-month-nav{display:flex;justify-content:space-between;align-items:center;margin-block-end:1rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker{display:flex;gap:.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select){text-align:right}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav td,.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-month-nav td,pkt-calendar .pkt-cal-days td{border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav td>div,.pkt-calendar .pkt-cal-month-nav th>div,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days td>div,.pkt-calendar .pkt-cal-days th>div,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-month-nav td>div,pkt-calendar .pkt-cal-month-nav th>div,pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days td>div,pkt-calendar .pkt-cal-days th>div{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{margin:0;border-radius:50%}.pkt-calendar .pkt-cal-days,pkt-calendar .pkt-cal-days{margin:0;padding-inline-start:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{padding:0}.pkt-calendar .pkt-cal-days button,.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days button,pkt-calendar .pkt-cal-days div{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center}.pkt-calendar .pkt-cal-days button:before,.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days button:after,pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:-1}.pkt-calendar .pkt-cal-days button:before,.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:after,pkt-calendar .pkt-cal-days div:after{left:50%;right:0}.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days{grid-template-columns:repeat(8, 12.5%)}.pkt-calendar .pkt-cal-other,.pkt-calendar .pkt-cal-days [data-disabled],pkt-calendar .pkt-cal-other,pkt-calendar .pkt-cal-days [data-disabled]{cursor:not-allowed;color:var(--pkt-color-brand-neutrals-300);background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn,pkt-calendar .pkt-cal-today .pkt-btn{text-decoration:underline;outline:1px solid var(--pkt-color-border-default);outline-offset:-1px}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus,.pkt-calendar .pkt-cal-selected .pkt-btn:hover,pkt-calendar .pkt-cal-selected .pkt-btn,pkt-calendar .pkt-cal-selected .pkt-btn:focus,pkt-calendar .pkt-cal-selected .pkt-btn:hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range .pkt-btn,.pkt-calendar .pkt-cal-in-range .pkt-btn:focus,.pkt-calendar .pkt-cal-in-range .pkt-btn:hover,pkt-calendar .pkt-cal-in-range .pkt-btn,pkt-calendar .pkt-cal-in-range .pkt-btn:focus,pkt-calendar .pkt-cal-in-range .pkt-btn:hover{color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range :before,.pkt-calendar .pkt-cal-in-range :after,.pkt-calendar .pkt-cal-in-range-first :after,.pkt-calendar .pkt-cal-in-range-last :before,pkt-calendar .pkt-cal-in-range :before,pkt-calendar .pkt-cal-in-range :after,pkt-calendar .pkt-cal-in-range-first :after,pkt-calendar .pkt-cal-in-range-last :before{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-in-range-first :before,.pkt-calendar .pkt-cal-in-range-last :after,pkt-calendar .pkt-cal-in-range-first :before,pkt-calendar .pkt-cal-in-range-last :after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover :before,.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover :before,pkt-calendar .pkt-cal-range-hover .pkt-btn{background-color:var(--pkt-color-surface-default-light-blue);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-range-hover ::after,pkt-calendar .pkt-cal-range-hover ::after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-excluded,pkt-calendar .pkt-cal-excluded{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-calendar .pkt-cal-excluded :before,.pkt-calendar .pkt-cal-excluded :after,pkt-calendar .pkt-cal-excluded :before,pkt-calendar .pkt-cal-excluded :after{background-color:rgba(0,0,0,0)}
+.pkt-calendar,pkt-calendar{z-index:2;display:block;position:relative;max-width:25rem}.pkt-calendar .pkt-cal-month-nav,pkt-calendar .pkt-cal-month-nav{display:flex;justify-content:space-between;align-items:center;margin-block-end:1rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker{display:flex;gap:.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select){text-align:right;width:auto}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav td,.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-month-nav td,pkt-calendar .pkt-cal-days td{border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav td>div,.pkt-calendar .pkt-cal-month-nav th>div,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days td>div,.pkt-calendar .pkt-cal-days th>div,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-month-nav td>div,pkt-calendar .pkt-cal-month-nav th>div,pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days td>div,pkt-calendar .pkt-cal-days th>div{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{margin:0;border-radius:50%}.pkt-calendar .pkt-cal-days,pkt-calendar .pkt-cal-days{margin:0;padding-inline-start:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{padding:0}.pkt-calendar .pkt-cal-days button,.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days button,pkt-calendar .pkt-cal-days div{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center}.pkt-calendar .pkt-cal-days button:before,.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days button:after,pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:-1}.pkt-calendar .pkt-cal-days button:before,.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:after,pkt-calendar .pkt-cal-days div:after{left:50%;right:0}.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days{grid-template-columns:repeat(8, 12.5%)}.pkt-calendar .pkt-cal-other,.pkt-calendar .pkt-cal-days [data-disabled],pkt-calendar .pkt-cal-other,pkt-calendar .pkt-cal-days [data-disabled]{cursor:not-allowed;color:var(--pkt-color-brand-neutrals-300);background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn,pkt-calendar .pkt-cal-today .pkt-btn{text-decoration:underline;outline:1px solid var(--pkt-color-border-default);outline-offset:-1px}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus,.pkt-calendar .pkt-cal-selected .pkt-btn:hover,pkt-calendar .pkt-cal-selected .pkt-btn,pkt-calendar .pkt-cal-selected .pkt-btn:focus,pkt-calendar .pkt-cal-selected .pkt-btn:hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range .pkt-btn,.pkt-calendar .pkt-cal-in-range .pkt-btn:focus,.pkt-calendar .pkt-cal-in-range .pkt-btn:hover,pkt-calendar .pkt-cal-in-range .pkt-btn,pkt-calendar .pkt-cal-in-range .pkt-btn:focus,pkt-calendar .pkt-cal-in-range .pkt-btn:hover{color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range :before,.pkt-calendar .pkt-cal-in-range :after,.pkt-calendar .pkt-cal-in-range-first :after,.pkt-calendar .pkt-cal-in-range-last :before,pkt-calendar .pkt-cal-in-range :before,pkt-calendar .pkt-cal-in-range :after,pkt-calendar .pkt-cal-in-range-first :after,pkt-calendar .pkt-cal-in-range-last :before{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-in-range-first :before,.pkt-calendar .pkt-cal-in-range-last :after,pkt-calendar .pkt-cal-in-range-first :before,pkt-calendar .pkt-cal-in-range-last :after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover :before,.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover :before,pkt-calendar .pkt-cal-range-hover .pkt-btn{background-color:var(--pkt-color-surface-default-light-blue);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-range-hover ::after,pkt-calendar .pkt-cal-range-hover ::after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-excluded,pkt-calendar .pkt-cal-excluded{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-calendar .pkt-cal-excluded :before,.pkt-calendar .pkt-cal-excluded :after,pkt-calendar .pkt-cal-excluded :before,pkt-calendar .pkt-cal-excluded :after{background-color:rgba(0,0,0,0)}

package/dist/css/components/card.css

@@ -24,15 +24,9 @@ pkt-card {
 .pkt-card.pkt-card--padding-none {
   padding: 0;
 }
-.pkt-card .pkt-card__heading h1,
-.pkt-card .pkt-card__heading h2,
-.pkt-card .pkt-card__heading h3,
-.pkt-card .pkt-card__heading h4,
-.pkt-card .pkt-card__heading h5 {
+.pkt-card.pkt-card .pkt-card__heading {
   padding: 0;
   margin: 0;
-  font-size: 1.875rem;
-  font-weight: 400;
   margin-block-end: 0.5rem;
   hyphens: auto;
   overflow-wrap: break-word;
@@ -42,19 +36,23 @@ pkt-card {
   text-underline-offset: 0.15em;
 }
 .pkt-card p.pkt-card__subheading {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1.25rem;
+  line-height: 2rem;
   padding: 0;
   margin: 0;
-  line-height: unset;
   margin-block-end: 1rem;
-  font-size: 1.25rem;
-  font-weight: 300;
   hyphens: auto;
   overflow-wrap: break-word;
 }
 .pkt-card .pkt-card__metadata {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.5rem;
   margin-block-start: 1rem;
   margin-block-end: 0;
-  line-height: unset;
   gap: 0.5rem;
 }
 .pkt-card .pkt-card__metadata-lead {
@@ -103,6 +101,21 @@ pkt-card {
   max-height: 400px;
   max-width: 400px;
 }
+.pkt-card.pkt-card--zoom .pkt-card__image img {
+  transform: scale(1);
+  transition: transform 0.5s ease-in-out;
+}
+.pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
+  transform: scale(1.1);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pkt-card.pkt-card--zoom .pkt-card__image img {
+    transition: none;
+  }
+  .pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
+    transform: none;
+  }
+}
 .pkt-card.pkt-card--horizontal .pkt-card__image {
   max-width: 400px;
   margin-inline-end: 2rem;
@@ -132,6 +145,46 @@ pkt-card {
     aspect-ratio: 19/10;
   }
 }
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto {
+  aspect-ratio: auto;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto img {
+  height: auto;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-1-1 {
+  aspect-ratio: 1;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-4-3 {
+  aspect-ratio: 4/3;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-3-2 {
+  aspect-ratio: 3/2;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-16-9 {
+  aspect-ratio: 16/9;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-19-10 {
+  aspect-ratio: 19/10;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted {
+  aspect-ratio: auto;
+}
+.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
+  width: 100%;
+  height: 12.5rem;
+  object-fit: cover;
+  object-position: center;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
+    height: 14.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
+    height: 18.125rem;
+  }
+}
 .pkt-card .pkt-card__wrapper .pkt-card__link::before {
   content: "";
   position: absolute;

package/dist/css/components/card.min.css

@@ -1 +1 @@
-pkt-card{display:block;width:100%}.pkt-card{position:relative;display:flex;align-items:center;width:100%;min-width:12.5rem;padding:1.5rem}.pkt-card .pkt-card__wrapper{display:flex;flex-direction:column;flex:1 1 53%;width:100%;overflow:hidden}.pkt-card.pkt-card--padding-none{padding:0}.pkt-card .pkt-card__heading h1,.pkt-card .pkt-card__heading h2,.pkt-card .pkt-card__heading h3,.pkt-card .pkt-card__heading h4,.pkt-card .pkt-card__heading h5{padding:0;margin:0;font-size:1.875rem;font-weight:400;margin-block-end:.5rem;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__link{text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-card p.pkt-card__subheading{padding:0;margin:0;line-height:unset;margin-block-end:1rem;font-size:1.25rem;font-weight:300;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__metadata{margin-block-start:1rem;margin-block-end:0;line-height:unset;gap:.5rem}.pkt-card .pkt-card__metadata-lead{font-weight:500}.pkt-card .pkt-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:.5rem;margin-block-start:0}.pkt-card .pkt-card__tags-bottom{margin-block-start:.5rem;margin-block-end:0}.pkt-card.pkt-card--horizontal{flex-direction:row}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal{flex-direction:column}}.pkt-card.pkt-card--vertical{flex-direction:column;min-width:12.5rem}.pkt-card .pkt-card__image{aspect-ratio:1;flex:1 1 47%;width:100%;overflow:hidden}.pkt-card .pkt-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card .pkt-card__image.pkt-card__image-round{border-radius:50%;align-self:unset;flex-grow:0;max-height:400px;max-width:400px}.pkt-card.pkt-card--horizontal .pkt-card__image{max-width:400px;margin-inline-end:2rem}.pkt-card.pkt-card--horizontal .pkt-card__image-square{align-self:stretch}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal .pkt-card__image{margin-inline-end:0;margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--horizontal .pkt-card__image-square{max-width:unset}}.pkt-card.pkt-card--vertical .pkt-card__image{margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--padding-none.pkt-card--vertical .pkt-card__image-square{aspect-ratio:19/10}@media screen and (max-width: 36rem){.pkt-card.pkt-card--padding-none.pkt-card--horizontal .pkt-card__image-square{aspect-ratio:19/10}}.pkt-card .pkt-card__wrapper .pkt-card__link::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);outline:2px solid var(--pkt-color-brand-warm-blue-1000);outline-offset:-2px;outline-color:rgba(0,0,0,0);transition:all .3s ease-in-out}.pkt-card .pkt-card__link-heading{transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.pkt-card:hover.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-visible.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-within.pkt-card--border-on-hover .pkt-card__link::before{cursor:pointer;outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card:hover .pkt-card__link-heading,.pkt-card:focus-visible .pkt-card__link-heading,.pkt-card:focus-within .pkt-card__link-heading{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__link:focus{outline:none;box-shadow:none}.pkt-card .pkt-card__link-heading:focus-within{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__wrapper .pkt-card__link:focus-visible::before{box-shadow:0px 0px 0px 4px var(--pkt-color-brand-purple-1000);outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card.pkt-card--padding-none{outline:none;background-color:rgba(0,0,0,0)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-card--outlined,.pkt-card--outlined-beige{background-color:var(--pkt-color-background-default);outline-offset:-2px}.pkt-card--outlined{outline:2px solid var(--pkt-color-brand-neutrals-200)}.pkt-card--outlined-beige{outline:2px solid var(--pkt-color-brand-light-beige-1000)}.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}
+pkt-card{display:block;width:100%}.pkt-card{position:relative;display:flex;align-items:center;width:100%;min-width:12.5rem;padding:1.5rem}.pkt-card .pkt-card__wrapper{display:flex;flex-direction:column;flex:1 1 53%;width:100%;overflow:hidden}.pkt-card.pkt-card--padding-none{padding:0}.pkt-card.pkt-card .pkt-card__heading{padding:0;margin:0;margin-block-end:.5rem;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__link{text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-card p.pkt-card__subheading{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem;padding:0;margin:0;margin-block-end:1rem;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__metadata{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;margin-block-start:1rem;margin-block-end:0;gap:.5rem}.pkt-card .pkt-card__metadata-lead{font-weight:500}.pkt-card .pkt-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:.5rem;margin-block-start:0}.pkt-card .pkt-card__tags-bottom{margin-block-start:.5rem;margin-block-end:0}.pkt-card.pkt-card--horizontal{flex-direction:row}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal{flex-direction:column}}.pkt-card.pkt-card--vertical{flex-direction:column;min-width:12.5rem}.pkt-card .pkt-card__image{aspect-ratio:1;flex:1 1 47%;width:100%;overflow:hidden}.pkt-card .pkt-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card .pkt-card__image.pkt-card__image-round{border-radius:50%;align-self:unset;flex-grow:0;max-height:400px;max-width:400px}.pkt-card.pkt-card--zoom .pkt-card__image img{transform:scale(1);transition:transform .5s ease-in-out}.pkt-card.pkt-card--zoom:hover .pkt-card__image img,.pkt-card.pkt-card--zoom:focus-within .pkt-card__image img{transform:scale(1.1)}@media(prefers-reduced-motion: reduce){.pkt-card.pkt-card--zoom .pkt-card__image img{transition:none}.pkt-card.pkt-card--zoom:hover .pkt-card__image img,.pkt-card.pkt-card--zoom:focus-within .pkt-card__image img{transform:none}}.pkt-card.pkt-card--horizontal .pkt-card__image{max-width:400px;margin-inline-end:2rem}.pkt-card.pkt-card--horizontal .pkt-card__image-square{align-self:stretch}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal .pkt-card__image{margin-inline-end:0;margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--horizontal .pkt-card__image-square{max-width:unset}}.pkt-card.pkt-card--vertical .pkt-card__image{margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--padding-none.pkt-card--vertical .pkt-card__image-square{aspect-ratio:19/10}@media screen and (max-width: 36rem){.pkt-card.pkt-card--padding-none.pkt-card--horizontal .pkt-card__image-square{aspect-ratio:19/10}}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto{aspect-ratio:auto}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto img{height:auto}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-1-1{aspect-ratio:1}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-4-3{aspect-ratio:4/3}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-3-2{aspect-ratio:3/2}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-16-9{aspect-ratio:16/9}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-19-10{aspect-ratio:19/10}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted{aspect-ratio:auto}.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img{width:100%;height:12.5rem;object-fit:cover;object-position:center}@media screen and (min-width: 48rem){.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img{height:14.375rem}}@media screen and (min-width: 64rem){.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img{height:18.125rem}}.pkt-card .pkt-card__wrapper .pkt-card__link::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);outline:2px solid var(--pkt-color-brand-warm-blue-1000);outline-offset:-2px;outline-color:rgba(0,0,0,0);transition:all .3s ease-in-out}.pkt-card .pkt-card__link-heading{transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.pkt-card:hover.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-visible.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-within.pkt-card--border-on-hover .pkt-card__link::before{cursor:pointer;outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card:hover .pkt-card__link-heading,.pkt-card:focus-visible .pkt-card__link-heading,.pkt-card:focus-within .pkt-card__link-heading{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__link:focus{outline:none;box-shadow:none}.pkt-card .pkt-card__link-heading:focus-within{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__wrapper .pkt-card__link:focus-visible::before{box-shadow:0px 0px 0px 4px var(--pkt-color-brand-purple-1000);outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card.pkt-card--padding-none{outline:none;background-color:rgba(0,0,0,0)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-card--outlined,.pkt-card--outlined-beige{background-color:var(--pkt-color-background-default);outline-offset:-2px}.pkt-card--outlined{outline:2px solid var(--pkt-color-brand-neutrals-200)}.pkt-card--outlined-beige{outline:2px solid var(--pkt-color-brand-light-beige-1000)}.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}

package/dist/css/components/consent.css

@@ -0,0 +1,3 @@
+pkt-consent {
+  display: inline;
+}

package/dist/css/components/consent.min.css

@@ -0,0 +1 @@
+pkt-consent{display:inline}

package/dist/css/components/datepicker.css

@@ -1,3 +1,8 @@
+pkt-date-tags,
+pkt-datepicker-popup {
+  display: block;
+}
+
 .pkt-datepicker,
 pkt-datepicker {
   display: block;

package/dist/css/components/datepicker.min.css

@@ -1 +1 @@
-.pkt-datepicker,pkt-datepicker{display:block;position:relative}.pkt-datepicker--fullwidth{width:100%}.pkt-datepicker__tags button.pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker-single,.pkt-datepicker-range,.pkt-datepicker-multiple,pkt-datepicker-single,pkt-datepicker-range,pkt-datepicker-multiple{display:block}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)):not(:has(.pkt-datepicker--multiple)){width:fit-content}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);background-color:var(--pkt-color-input-background-normal)}.pkt-datepicker__inputs .pkt-input__container .pkt-input,.pkt-datepicker__inputs .pkt-input__container .pkt-input-prefix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-suffix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-icon,.pkt-datepicker__inputs .pkt-input__container .pkt-input-separator{border:0;height:100%;min-height:2.75rem}.pkt-datepicker__inputs .pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:has(input:disabled),.pkt-datepicker__inputs .pkt-input__container:has(input[readonly]:not(.ios-readonly-hack)){border-color:var(--pkt-color-input-border-disabled);--fg-color: var(--pkt-color-input-text-disabled)}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-input--counter-error){border-color:var(--pkt-color-input-border-error)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.75rem}.pkt-datepicker__inputs button.pkt-input-icon:hover{background-color:inherit !important;border-color:inherit !important;--fg-color: var(--pkt-color-button-text-hover)}.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:0;background-image:none}.pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-inline-start:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin-block-start:.5rem;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-gray)}.pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){width:8.3rem;max-width:calc(100% - 3rem)}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){flex:1}.pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{flex:0 0 auto;width:8.3rem}.pkt-input__container:has(.pkt-datepicker--range.pkt-input--fullwidth) button.pkt-input-icon{margin-inline-start:auto}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--multiple{flex:1;min-width:0}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{min-height:2.375rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.25rem;height:1.25rem}@supports not (-moz-appearance: none){.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-input--fullwidth){width:7.3rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:7.3rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){max-width:calc(100% - 2.5rem)}}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{min-height:2rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;line-height:1rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.125rem;height:1.125rem}@supports not (-moz-appearance: none){.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-input--fullwidth){width:6.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:6.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){max-width:calc(100% - 2rem)}}@supports(-moz-appearance: none){.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:.5rem}.pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple){width:auto;max-width:100%}.pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){width:auto;flex:1}.pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:auto;flex:0 0 auto}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-datepicker__input[type=date]) button.pkt-input-icon{display:none}.pkt-datepicker__inputs input.pkt-datepicker__input:has(~button):not(:has(~.pkt-input-separator)):not(:has(~.pkt-input-prefix)){border-right-width:2px !important}@media screen and (max-width: 30rem){.pkt-datepicker__inputs .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range{justify-self:start}}}
+pkt-date-tags,pkt-datepicker-popup{display:block}.pkt-datepicker,pkt-datepicker{display:block;position:relative}.pkt-datepicker--fullwidth{width:100%}.pkt-datepicker__tags button.pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker-single,.pkt-datepicker-range,.pkt-datepicker-multiple,pkt-datepicker-single,pkt-datepicker-range,pkt-datepicker-multiple{display:block}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)):not(:has(.pkt-datepicker--multiple)){width:fit-content}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);background-color:var(--pkt-color-input-background-normal)}.pkt-datepicker__inputs .pkt-input__container .pkt-input,.pkt-datepicker__inputs .pkt-input__container .pkt-input-prefix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-suffix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-icon,.pkt-datepicker__inputs .pkt-input__container .pkt-input-separator{border:0;height:100%;min-height:2.75rem}.pkt-datepicker__inputs .pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:has(input:disabled),.pkt-datepicker__inputs .pkt-input__container:has(input[readonly]:not(.ios-readonly-hack)){border-color:var(--pkt-color-input-border-disabled);--fg-color: var(--pkt-color-input-text-disabled)}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-input--counter-error){border-color:var(--pkt-color-input-border-error)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.75rem}.pkt-datepicker__inputs button.pkt-input-icon:hover{background-color:inherit !important;border-color:inherit !important;--fg-color: var(--pkt-color-button-text-hover)}.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:0;background-image:none}.pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-inline-start:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin-block-start:.5rem;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-gray)}.pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){width:8.3rem;max-width:calc(100% - 3rem)}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){flex:1}.pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{flex:0 0 auto;width:8.3rem}.pkt-input__container:has(.pkt-datepicker--range.pkt-input--fullwidth) button.pkt-input-icon{margin-inline-start:auto}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--multiple{flex:1;min-width:0}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{min-height:2.375rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.25rem;height:1.25rem}@supports not (-moz-appearance: none){.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-input--fullwidth){width:7.3rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:7.3rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){max-width:calc(100% - 2.5rem)}}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{min-height:2rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;line-height:1rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.125rem;height:1.125rem}@supports not (-moz-appearance: none){.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-input--fullwidth){width:6.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:6.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){max-width:calc(100% - 2rem)}}@supports(-moz-appearance: none){.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:.5rem}.pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple){width:auto;max-width:100%}.pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){width:auto;flex:1}.pkt-datepicker__inputs .pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--range{width:auto;flex:0 0 auto}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-datepicker__input[type=date]) button.pkt-input-icon{display:none}.pkt-datepicker__inputs input.pkt-datepicker__input:has(~button):not(:has(~.pkt-input-separator)):not(:has(~.pkt-input-prefix)){border-right-width:2px !important}@media screen and (max-width: 30rem){.pkt-datepicker__inputs .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range{justify-self:start}}}

package/dist/css/components/footer.css

@@ -6,6 +6,11 @@
  *   --pkt-footer-fg           tekstfarge
  *   --pkt-footer-link-hover   hover-farge på lenker (default: text-action-active)
  */
+pkt-footer,
+pkt-footer-simple {
+  display: block;
+}
+
 .pkt-footer,
 .pkt-footer-simple {
   display: block;

package/dist/css/components/footer.min.css

@@ -1 +1 @@
-.pkt-footer,.pkt-footer-simple{display:block;width:100%;container-type:inline-size;container-name:pkt-footer}.pkt-footer__band{background-color:var(--pkt-footer-bg, var(--pkt-color-background-subtle, #f9f9f9));color:var(--pkt-footer-fg, var(--pkt-color-text-body-default, #2a2859));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-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}.pkt-footer__band--global{--pkt-footer-bg: var(--pkt-color-surface-strong-dark-blue, #2a2859);--pkt-footer-fg: var(--pkt-color-text-body-light, #ffffff);--pkt-footer-link-hover: var(--pkt-color-brand-blue-1000, #6fe9ff)}.pkt-footer__band a{color:inherit;text-decoration:underline;text-underline-position:from-font}.pkt-footer__band a:hover{color:var(--pkt-footer-link-hover, var(--pkt-color-text-action-active, currentColor)) !important}.pkt-footer__band h2{margin:0 0 1rem;color:inherit;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}.pkt-footer__band p{margin:0 0 1rem}.pkt-footer__inner{max-width:75rem;margin:0 auto;padding:3.25rem 1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}.pkt-footer__inner--compact{padding-block:2rem}.pkt-footer__sections{display:grid;grid-template-columns:1fr;gap:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}.pkt-footer__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pkt-footer__link-list>li{word-break:break-word}.pkt-footer__link-domain{white-space:nowrap}.pkt-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block-start:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}.pkt-footer__sections+.pkt-footer__bottom{margin-block-start:2rem}.pkt-footer__bottom-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem}.pkt-footer__some{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}.pkt-footer__some a{display:inline-flex}.pkt-footer__some a:has(.pkt-footer__some-icon){text-decoration:none}.pkt-footer__some-icon{--fg-color: currentColor;width:2rem;height:2rem}.pkt-footer__sections+.pkt-footer__consent{margin-block-start:2rem}.pkt-footer-simple__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-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}a.pkt-footer-simple__link{display:inline-flex;align-items:flex-start;gap:.5rem;color:inherit;text-decoration:none}a.pkt-footer-simple__link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;flex-shrink:0}.pkt-footer-simple__link-domain{white-space:nowrap}
+pkt-footer,pkt-footer-simple{display:block}.pkt-footer,.pkt-footer-simple{display:block;width:100%;container-type:inline-size;container-name:pkt-footer}.pkt-footer__band{background-color:var(--pkt-footer-bg, var(--pkt-color-background-subtle, #f9f9f9));color:var(--pkt-footer-fg, var(--pkt-color-text-body-default, #2a2859));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-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}.pkt-footer__band--global{--pkt-footer-bg: var(--pkt-color-surface-strong-dark-blue, #2a2859);--pkt-footer-fg: var(--pkt-color-text-body-light, #ffffff);--pkt-footer-link-hover: var(--pkt-color-brand-blue-1000, #6fe9ff)}.pkt-footer__band a{color:inherit;text-decoration:underline;text-underline-position:from-font}.pkt-footer__band a:hover{color:var(--pkt-footer-link-hover, var(--pkt-color-text-action-active, currentColor)) !important}.pkt-footer__band h2{margin:0 0 1rem;color:inherit;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}.pkt-footer__band p{margin:0 0 1rem}.pkt-footer__inner{max-width:75rem;margin:0 auto;padding:3.25rem 1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}.pkt-footer__inner--compact{padding-block:2rem}.pkt-footer__sections{display:grid;grid-template-columns:1fr;gap:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}.pkt-footer__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pkt-footer__link-list>li{word-break:break-word}.pkt-footer__link-domain{white-space:nowrap}.pkt-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block-start:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}.pkt-footer__sections+.pkt-footer__bottom{margin-block-start:2rem}.pkt-footer__bottom-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem}.pkt-footer__some{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}.pkt-footer__some a{display:inline-flex}.pkt-footer__some a:has(.pkt-footer__some-icon){text-decoration:none}.pkt-footer__some-icon{--fg-color: currentColor;width:2rem;height:2rem}.pkt-footer__sections+.pkt-footer__consent{margin-block-start:2rem}.pkt-footer-simple__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-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}a.pkt-footer-simple__link{display:inline-flex;align-items:flex-start;gap:.5rem;color:inherit;text-decoration:none}a.pkt-footer-simple__link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;flex-shrink:0}.pkt-footer-simple__link-domain{white-space:nowrap}

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

@@ -50,6 +50,10 @@
  * `$mobile-height` is the logo height on mobile (the service header drops to
  * 32px, the global header to 3.2rem).
  */
+pkt-header-global {
+  display: block;
+}
+
 .pkt-header-global-spacer {
   height: 6.5rem;
 }

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

@@ -1 +1 @@
-.pkt-header-global-spacer{height:6.5rem}.pkt-header-global-spacer--tablet{height:5.5rem}.pkt-header-global-spacer--mobile{height:5.5rem}.pkt-header-global-spacer--mobile.pkt-header-global-spacer--has-user{height:calc(5.5rem + 3.5rem)}.pkt-header-global{position:relative;z-index:10;background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle)}.pkt-header-global--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header-global--sticky{position:sticky;top:0}.pkt-header-global--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header-global--hidden{transform:translate3d(0, -100%, 0)}.pkt-header-global{--pkt-header-height: 6.5rem}.pkt-header-global--tablet{--pkt-header-height: 5.5rem}.pkt-header-global--mobile{--pkt-header-height: 5.5rem}.pkt-header-global{display:grid;align-items:center;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-rows:var(--pkt-header-height) auto;column-gap:1.5rem}.pkt-header-global--tablet{column-gap:1rem}.pkt-header-global--mobile{grid-template-columns:auto minmax(0, 1fr);column-gap:.5rem}.pkt-header-global__logo-area{grid-column:1;grid-row:1}.pkt-header-global__content{grid-column:2;grid-row:1;justify-self:end;max-width:100%}.pkt-header-global__user{grid-column:3;grid-row:1}.pkt-header-global--mobile .pkt-header-global__user{grid-column:1/-1;grid-row:2;justify-self:stretch;padding:0}.pkt-header-global__logo-area{align-items:center;display:inline-flex;padding-inline-start:2rem}.pkt-header-global--tablet .pkt-header-global__logo-area{padding-inline-start:1rem}.pkt-header-global--mobile .pkt-header-global__logo-area{padding-inline-start:.5rem}.pkt-header-global__content,.pkt-header-global__user{align-items:center;display:inline-flex;min-width:0}.pkt-header-global__content{column-gap:1.5rem}.pkt-header-global--tablet .pkt-header-global__content{column-gap:.5rem}.pkt-header-global--mobile .pkt-header-global__content{column-gap:.5rem;padding-inline-end:.5rem}.pkt-header-global__menu-toggle,.pkt-header-global__contact{flex:0 0 auto}.pkt-header-global__user{justify-self:end;padding-inline-end:2rem}.pkt-header-global--tablet:not(.pkt-header-global--mobile) .pkt-header-global__user{padding-inline-end:1rem}.pkt-header-global__user-container{position:relative;flex:0 0 auto}.pkt-header-global__user-container.is-open{z-index:100}.pkt-header-global__logo{--fg-color: var(--pkt-color-text-body-default);flex:0 0 auto;display:flex;align-items:center}.pkt-header-global__logo a,.pkt-header-global__logo button{display:flex;align-items:center}.pkt-header-global__logo svg{aspect-ratio:6/3;height:4rem}.pkt-header-global--mobile .pkt-header-global__logo svg{height:3.2rem}.pkt-header-global__search{flex:0 1 auto;width:22rem;max-width:100%;min-width:0}.pkt-header-global__search .pkt-searchinput,.pkt-header-global__search .pkt-searchinput__field{width:100%}.pkt-header-global__contact{flex:0 0 auto;white-space:nowrap}.pkt-header-global__user-button{max-width:20rem}.pkt-header-global__user-button .pkt-btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pkt-header-global__user-menu{position:absolute;right:0;width:max(15.5rem,100%);max-width:min(32rem,90vw)}.pkt-header-global__user-menu.is-open{z-index:100}.pkt-header-global__search-toggle,.pkt-header-global__search-toggle button{flex:0 0 auto;border-radius:50%}.pkt-header-global--mobile .pkt-header-global__menu-toggle,.pkt-header-global--mobile .pkt-header-global__menu-toggle button{border-radius:50%}.pkt-header-global__menu,.pkt-header-global__search-panel{position:fixed;top:max(0px,var(--pkt-header-global-top, 0px) + 6.5rem);left:0;right:0;bottom:0;z-index:90;background-color:rgba(0,0,0,.55);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pkt-header-global__menu--tablet,.pkt-header-global__menu--mobile,.pkt-header-global__search-panel--tablet,.pkt-header-global__search-panel--mobile{top:max(0px,var(--pkt-header-global-top, 0px) + 5.5rem)}.pkt-header-global__menu .pkt-header-menu{width:min(var(--pkt-header-global-width, 100%),75rem);margin:0 0 0 calc(var(--pkt-header-global-left, 0px) + max(0px,(var(--pkt-header-global-width, 100%) - 75rem)/2));box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-header-global__search-panel-inner{margin-inline-start:var(--pkt-header-global-left, 0px);width:var(--pkt-header-global-width, 100%);background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1);padding:1rem}.pkt-header-global__search-panel-inner .pkt-searchinput,.pkt-header-global__search-panel-inner .pkt-searchinput__field{width:100%}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-container{background-color:var(--pkt-color-background-default);height:3.5rem;width:100%;z-index:99}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button:is(button),.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button button{height:100%;padding:0 1.5rem;width:100%;max-width:100%;border:none;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button:not(button){display:contents}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-menu{max-width:100%;position:unset}
+pkt-header-global{display:block}.pkt-header-global-spacer{height:6.5rem}.pkt-header-global-spacer--tablet{height:5.5rem}.pkt-header-global-spacer--mobile{height:5.5rem}.pkt-header-global-spacer--mobile.pkt-header-global-spacer--has-user{height:calc(5.5rem + 3.5rem)}.pkt-header-global{position:relative;z-index:10;background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle)}.pkt-header-global--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header-global--sticky{position:sticky;top:0}.pkt-header-global--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header-global--hidden{transform:translate3d(0, -100%, 0)}.pkt-header-global{--pkt-header-height: 6.5rem}.pkt-header-global--tablet{--pkt-header-height: 5.5rem}.pkt-header-global--mobile{--pkt-header-height: 5.5rem}.pkt-header-global{display:grid;align-items:center;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-rows:var(--pkt-header-height) auto;column-gap:1.5rem}.pkt-header-global--tablet{column-gap:1rem}.pkt-header-global--mobile{grid-template-columns:auto minmax(0, 1fr);column-gap:.5rem}.pkt-header-global__logo-area{grid-column:1;grid-row:1}.pkt-header-global__content{grid-column:2;grid-row:1;justify-self:end;max-width:100%}.pkt-header-global__user{grid-column:3;grid-row:1}.pkt-header-global--mobile .pkt-header-global__user{grid-column:1/-1;grid-row:2;justify-self:stretch;padding:0}.pkt-header-global__logo-area{align-items:center;display:inline-flex;padding-inline-start:2rem}.pkt-header-global--tablet .pkt-header-global__logo-area{padding-inline-start:1rem}.pkt-header-global--mobile .pkt-header-global__logo-area{padding-inline-start:.5rem}.pkt-header-global__content,.pkt-header-global__user{align-items:center;display:inline-flex;min-width:0}.pkt-header-global__content{column-gap:1.5rem}.pkt-header-global--tablet .pkt-header-global__content{column-gap:.5rem}.pkt-header-global--mobile .pkt-header-global__content{column-gap:.5rem;padding-inline-end:.5rem}.pkt-header-global__menu-toggle,.pkt-header-global__contact{flex:0 0 auto}.pkt-header-global__user{justify-self:end;padding-inline-end:2rem}.pkt-header-global--tablet:not(.pkt-header-global--mobile) .pkt-header-global__user{padding-inline-end:1rem}.pkt-header-global__user-container{position:relative;flex:0 0 auto}.pkt-header-global__user-container.is-open{z-index:100}.pkt-header-global__logo{--fg-color: var(--pkt-color-text-body-default);flex:0 0 auto;display:flex;align-items:center}.pkt-header-global__logo a,.pkt-header-global__logo button{display:flex;align-items:center}.pkt-header-global__logo svg{aspect-ratio:6/3;height:4rem}.pkt-header-global--mobile .pkt-header-global__logo svg{height:3.2rem}.pkt-header-global__search{flex:0 1 auto;width:22rem;max-width:100%;min-width:0}.pkt-header-global__search .pkt-searchinput,.pkt-header-global__search .pkt-searchinput__field{width:100%}.pkt-header-global__contact{flex:0 0 auto;white-space:nowrap}.pkt-header-global__user-button{max-width:20rem}.pkt-header-global__user-button .pkt-btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pkt-header-global__user-menu{position:absolute;right:0;width:max(15.5rem,100%);max-width:min(32rem,90vw)}.pkt-header-global__user-menu.is-open{z-index:100}.pkt-header-global__search-toggle,.pkt-header-global__search-toggle button{flex:0 0 auto;border-radius:50%}.pkt-header-global--mobile .pkt-header-global__menu-toggle,.pkt-header-global--mobile .pkt-header-global__menu-toggle button{border-radius:50%}.pkt-header-global__menu,.pkt-header-global__search-panel{position:fixed;top:max(0px,var(--pkt-header-global-top, 0px) + 6.5rem);left:0;right:0;bottom:0;z-index:90;background-color:rgba(0,0,0,.55);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pkt-header-global__menu--tablet,.pkt-header-global__menu--mobile,.pkt-header-global__search-panel--tablet,.pkt-header-global__search-panel--mobile{top:max(0px,var(--pkt-header-global-top, 0px) + 5.5rem)}.pkt-header-global__menu .pkt-header-menu{width:min(var(--pkt-header-global-width, 100%),75rem);margin:0 0 0 calc(var(--pkt-header-global-left, 0px) + max(0px,(var(--pkt-header-global-width, 100%) - 75rem)/2));box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-header-global__search-panel-inner{margin-inline-start:var(--pkt-header-global-left, 0px);width:var(--pkt-header-global-width, 100%);background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1);padding:1rem}.pkt-header-global__search-panel-inner .pkt-searchinput,.pkt-header-global__search-panel-inner .pkt-searchinput__field{width:100%}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-container{background-color:var(--pkt-color-background-default);height:3.5rem;width:100%;z-index:99}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button:is(button),.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button button{height:100%;padding:0 1.5rem;width:100%;max-width:100%;border:none;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-button:not(button){display:contents}.pkt-header-global.pkt-header-global--mobile .pkt-header-global__user-menu{max-width:100%;position:unset}

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

@@ -1,6 +1,10 @@
 /*
  * Header menu (global mega menu)
  */
+pkt-header-menu {
+  display: block;
+}
+
 .pkt-header-menu {
   display: none;
   background-color: var(--pkt-color-background-default);

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.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}}}
+pkt-header-menu{display:block}.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}}}

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

@@ -67,6 +67,10 @@
  * `$mobile-height` is the logo height on mobile (the service header drops to
  * 32px, the global header to 3.2rem).
  */
+pkt-header-service {
+  display: block;
+}
+
 .pkt-header-service-spacer {
   height: 6.5rem;
 }

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

@@ -1 +1 @@
-.pkt-header-service-spacer{height:6.5rem}.pkt-header-service-spacer--tablet{height:5.5rem}.pkt-header-service-spacer--mobile{height:5rem}.pkt-header-service-spacer--has-user{height:6.5rem}.pkt-header-service-spacer--has-user.pkt-header-service-spacer--tablet{height:5.5rem}.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile{height:7.5rem}.pkt-header-service-spacer--compact{height:4.5rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--tablet{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--mobile{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4.5rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user.pkt-header-service-spacer--tablet{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile{height:104px}.pkt-header-service{--pkt-header-height: 6.5rem}.pkt-header-service--tablet{--pkt-header-height: 5.5rem}.pkt-header-service--mobile{--pkt-header-height: 4rem}@media screen and (min-width: 80rem){.pkt-header-service--mobile{--pkt-header-height: 4.5rem}}.pkt-header-service--compact{--pkt-header-height: 4.5rem}.pkt-header-service--compact.pkt-header-service--tablet{--pkt-header-height: 4rem}.pkt-header-service{position:relative;z-index:10;background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle)}.pkt-header-service--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header-service--sticky{position:sticky;top:0}.pkt-header-service--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header-service--hidden{transform:translate3d(0, -100%, 0)}.pkt-header-service{display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-rows:6.5rem auto;column-gap:2rem}.pkt-header-service--tablet{grid-template-rows:5.5rem auto;column-gap:1.5rem}.pkt-header-service--mobile{grid-template-rows:4.5rem auto;column-gap:.5rem}.pkt-header-service--compact{grid-template-rows:4.5rem auto}.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{display:inline-flex;column-gap:2rem;min-width:0}.pkt-header-service--tablet .pkt-header-service__logo-area,.pkt-header-service--tablet .pkt-header-service__content,.pkt-header-service--tablet .pkt-header-service__user{column-gap:1.5rem}.pkt-header-service--mobile .pkt-header-service__logo-area,.pkt-header-service--mobile .pkt-header-service__content,.pkt-header-service--mobile .pkt-header-service__user{column-gap:.25rem}.pkt-header-service__logo-area{grid-column:1;grid-row:1;align-items:center;display:inline-flex;padding-inline-start:2rem}.pkt-header-service--tablet .pkt-header-service__logo-area{padding-inline-start:1rem}.pkt-header-service--mobile .pkt-header-service__logo-area{padding-inline-start:.5rem}.pkt-header-service__content,.pkt-header-service__user{grid-row:1;align-items:center}.pkt-header-service__content .pkt-header-service__user-button .pkt-btn__text,.pkt-header-service__user .pkt-header-service__user-button .pkt-btn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkt-header-service__content .pkt-link,.pkt-header-service__user .pkt-link{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-header-service__content{grid-column:2}.pkt-header-service__user{grid-column:3;justify-self:end;padding-inline-end:2rem}.pkt-header-service--tablet .pkt-header-service__user{padding-inline-end:1rem}.pkt-header-service__logo{--fg-color: var(--pkt-color-text-body-default);flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.pkt-header-service__logo a,.pkt-header-service__logo button{display:flex;align-items:center}.pkt-header-service__logo svg{aspect-ratio:6/3;height:2.5rem}.pkt-header-service__logo-area--without-service .pkt-header-service__logo svg{height:4rem}.pkt-header-service__service-name{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem;padding-block-start:4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-width:0;text-wrap:balance}.pkt-header-service__service-link{color:var(--pkt-color-text-body-default)}.pkt-header-service__service-link .pkt-link{text-decoration:none}.pkt-header-service .pkt-link{text-decoration:none}.pkt-header-service .pkt-link--active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link.pkt-header-service--mobile{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-header-service__search-input{background-color:var(--pkt-color-background-default)}.pkt-header-service__search-input .pkt-input-icon:not(button) svg{margin-inline-start:0}.pkt-header-service__slot-container,.pkt-header-service__search-container{display:flex;flex-direction:row;align-items:baseline}.pkt-header-service__slot-container,.pkt-header-service__slot-container .pkt-contents{display:flex;flex-direction:row;align-items:center}.pkt-header-service__slot-container>*+*,.pkt-header-service__slot-container .pkt-contents>*+*{margin-inline-start:2rem}.pkt-header-service__slot-container>.pkt-link+.pkt-link,.pkt-header-service__slot-container>pkt-link+pkt-link,.pkt-header-service__slot-container>a+a,.pkt-header-service__slot-container .pkt-contents>.pkt-link+.pkt-link,.pkt-header-service__slot-container .pkt-contents>pkt-link+pkt-link,.pkt-header-service__slot-container .pkt-contents>a+a{margin-inline-start:1.5rem}.pkt-header-service__user-container.is-open,.pkt-header-service__search-container.is-open,.pkt-header-service__slot-container.is-open,.pkt-header-service__user-menu.is-open,.pkt-header-service__mobile-menu.is-open{z-index:100}.pkt-header-service__user-container{position:relative}.pkt-header-service__user-button{max-width:22.5rem}.pkt-header-service__user-button .pkt-btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pkt-header-service__user-menu,.pkt-header-service__slot-menu{position:absolute;right:0;width:max(15.5rem,100%);max-width:min(32rem,90vw)}.pkt-header-service__logout-button{flex:0 0 auto}.pkt-header-service__mobile-menu-container{grid-column:1/-1;grid-row:2}.pkt-header-service__mobile-menu{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height 200ms ease,opacity 150ms ease,transform 200ms ease;will-change:max-height,transform;pointer-events:none}.pkt-header-service__mobile-menu.is-open{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0)}.pkt-header-service__mobile-menu.is-open>*{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion: reduce){.pkt-header-service__mobile-menu{transition:none;transform:none}}
+pkt-header-service{display:block}.pkt-header-service-spacer{height:6.5rem}.pkt-header-service-spacer--tablet{height:5.5rem}.pkt-header-service-spacer--mobile{height:5rem}.pkt-header-service-spacer--has-user{height:6.5rem}.pkt-header-service-spacer--has-user.pkt-header-service-spacer--tablet{height:5.5rem}.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile{height:7.5rem}.pkt-header-service-spacer--compact{height:4.5rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--tablet{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--mobile{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4.5rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user.pkt-header-service-spacer--tablet{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile{height:104px}.pkt-header-service{--pkt-header-height: 6.5rem}.pkt-header-service--tablet{--pkt-header-height: 5.5rem}.pkt-header-service--mobile{--pkt-header-height: 4rem}@media screen and (min-width: 80rem){.pkt-header-service--mobile{--pkt-header-height: 4.5rem}}.pkt-header-service--compact{--pkt-header-height: 4.5rem}.pkt-header-service--compact.pkt-header-service--tablet{--pkt-header-height: 4rem}.pkt-header-service{position:relative;z-index:10;background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle)}.pkt-header-service--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header-service--sticky{position:sticky;top:0}.pkt-header-service--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header-service--hidden{transform:translate3d(0, -100%, 0)}.pkt-header-service{display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-rows:6.5rem auto;column-gap:2rem}.pkt-header-service--tablet{grid-template-rows:5.5rem auto;column-gap:1.5rem}.pkt-header-service--mobile{grid-template-rows:4.5rem auto;column-gap:.5rem}.pkt-header-service--compact{grid-template-rows:4.5rem auto}.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{display:inline-flex;column-gap:2rem;min-width:0}.pkt-header-service--tablet .pkt-header-service__logo-area,.pkt-header-service--tablet .pkt-header-service__content,.pkt-header-service--tablet .pkt-header-service__user{column-gap:1.5rem}.pkt-header-service--mobile .pkt-header-service__logo-area,.pkt-header-service--mobile .pkt-header-service__content,.pkt-header-service--mobile .pkt-header-service__user{column-gap:.25rem}.pkt-header-service__logo-area{grid-column:1;grid-row:1;align-items:center;display:inline-flex;padding-inline-start:2rem}.pkt-header-service--tablet .pkt-header-service__logo-area{padding-inline-start:1rem}.pkt-header-service--mobile .pkt-header-service__logo-area{padding-inline-start:.5rem}.pkt-header-service__content,.pkt-header-service__user{grid-row:1;align-items:center}.pkt-header-service__content .pkt-header-service__user-button .pkt-btn__text,.pkt-header-service__user .pkt-header-service__user-button .pkt-btn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkt-header-service__content .pkt-link,.pkt-header-service__user .pkt-link{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-header-service__content{grid-column:2}.pkt-header-service__user{grid-column:3;justify-self:end;padding-inline-end:2rem}.pkt-header-service--tablet .pkt-header-service__user{padding-inline-end:1rem}.pkt-header-service__logo{--fg-color: var(--pkt-color-text-body-default);flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.pkt-header-service__logo a,.pkt-header-service__logo button{display:flex;align-items:center}.pkt-header-service__logo svg{aspect-ratio:6/3;height:2.5rem}.pkt-header-service__logo-area--without-service .pkt-header-service__logo svg{height:4rem}.pkt-header-service__service-name{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem;padding-block-start:4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-width:0;text-wrap:balance}.pkt-header-service__service-link{color:var(--pkt-color-text-body-default)}.pkt-header-service__service-link .pkt-link{text-decoration:none}.pkt-header-service .pkt-link{text-decoration:none}.pkt-header-service .pkt-link--active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link.pkt-header-service--mobile{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-header-service__search-input{background-color:var(--pkt-color-background-default)}.pkt-header-service__search-input .pkt-input-icon:not(button) svg{margin-inline-start:0}.pkt-header-service__slot-container,.pkt-header-service__search-container{display:flex;flex-direction:row;align-items:baseline}.pkt-header-service__slot-container,.pkt-header-service__slot-container .pkt-contents{display:flex;flex-direction:row;align-items:center}.pkt-header-service__slot-container>*+*,.pkt-header-service__slot-container .pkt-contents>*+*{margin-inline-start:2rem}.pkt-header-service__slot-container>.pkt-link+.pkt-link,.pkt-header-service__slot-container>pkt-link+pkt-link,.pkt-header-service__slot-container>a+a,.pkt-header-service__slot-container .pkt-contents>.pkt-link+.pkt-link,.pkt-header-service__slot-container .pkt-contents>pkt-link+pkt-link,.pkt-header-service__slot-container .pkt-contents>a+a{margin-inline-start:1.5rem}.pkt-header-service__user-container.is-open,.pkt-header-service__search-container.is-open,.pkt-header-service__slot-container.is-open,.pkt-header-service__user-menu.is-open,.pkt-header-service__mobile-menu.is-open{z-index:100}.pkt-header-service__user-container{position:relative}.pkt-header-service__user-button{max-width:22.5rem}.pkt-header-service__user-button .pkt-btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pkt-header-service__user-menu,.pkt-header-service__slot-menu{position:absolute;right:0;width:max(15.5rem,100%);max-width:min(32rem,90vw)}.pkt-header-service__logout-button{flex:0 0 auto}.pkt-header-service__mobile-menu-container{grid-column:1/-1;grid-row:2}.pkt-header-service__mobile-menu{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height 200ms ease,opacity 150ms ease,transform 200ms ease;will-change:max-height,transform;pointer-events:none}.pkt-header-service__mobile-menu.is-open{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0)}.pkt-header-service__mobile-menu.is-open>*{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion: reduce){.pkt-header-service__mobile-menu{transition:none;transform:none}}

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

@@ -1,6 +1,10 @@
 /*
  * Header User Menu component
  */
+pkt-header-user-menu {
+  display: block;
+}
+
 .pkt-header-service__user-menu::after {
   content: "";
   position: absolute;

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

@@ -1 +1 @@
-.pkt-header-service__user-menu::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.25rem;pointer-events:none;background:linear-gradient(to top, transparent, rgba(0, 0, 0, 0.06));transform:translateY(100%)}.pkt-user-menu,.pkt-header-service__slot-menu{background-color:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-subtle);position:relative;display:flex;flex-direction:column;gap:1rem}.pkt-user-menu .pkt-header-service__slot-list,.pkt-header-service__slot-menu .pkt-header-service__slot-list{margin:2rem;list-style:none;display:flex;flex-direction:column;gap:2rem;padding:0}.pkt-user-menu__list,.pkt-header-service__slot-menu__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pkt-user-menu__sublist,.pkt-header-service__slot-menu__sublist{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:1.5rem}.pkt-user-menu__item,.pkt-header-service__slot-menu__item{display:block;padding:1.5rem 2rem}.pkt-user-menu__item:nth-child(odd),.pkt-header-service__slot-menu__item:nth-child(odd){background-color:var(--pkt-color-background-subtle)}[data-mode=dark] .pkt-user-menu__item:not(:last-child),[data-mode=dark] .pkt-header-service__slot-menu__item:not(:last-child){border-bottom:1px solid var(--pkt-color-border-gray)}.pkt-user-menu__subitem,.pkt-header-service__slot-menu__subitem{display:block}.pkt-user-menu__subitem:nth-child(odd),.pkt-header-service__slot-menu__subitem:nth-child(odd){background-color:rgba(0,0,0,0)}.pkt-user-menu__label,.pkt-header-service__slot-menu__label{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-placeholder);margin-block-end:.5rem}.pkt-user-menu__name,.pkt-header-service__slot-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__description,.pkt-header-service__slot-menu__description{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu__action,.pkt-header-service__slot-menu__action{margin-block-start:1rem}.pkt-user-menu__button,.pkt-header-service__slot-menu__button{font-weight:normal}.pkt-user-menu__button:hover,.pkt-header-service__slot-menu__button:hover{background-color:none}.pkt-user-menu__link,.pkt-header-service__slot-menu__link{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;width:100%;display:flex;align-items:center;text-decoration:none;transition:color .2s ease}.pkt-user-menu__link .pkt-link span,.pkt-header-service__slot-menu__link .pkt-link span{align-self:anchor-center}.pkt-user-menu__link .pkt-link__icon,.pkt-header-service__slot-menu__link .pkt-link__icon{margin-inline-end:.5rem;align-self:baseline}
+pkt-header-user-menu{display:block}.pkt-header-service__user-menu::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.25rem;pointer-events:none;background:linear-gradient(to top, transparent, rgba(0, 0, 0, 0.06));transform:translateY(100%)}.pkt-user-menu,.pkt-header-service__slot-menu{background-color:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-subtle);position:relative;display:flex;flex-direction:column;gap:1rem}.pkt-user-menu .pkt-header-service__slot-list,.pkt-header-service__slot-menu .pkt-header-service__slot-list{margin:2rem;list-style:none;display:flex;flex-direction:column;gap:2rem;padding:0}.pkt-user-menu__list,.pkt-header-service__slot-menu__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pkt-user-menu__sublist,.pkt-header-service__slot-menu__sublist{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:1.5rem}.pkt-user-menu__item,.pkt-header-service__slot-menu__item{display:block;padding:1.5rem 2rem}.pkt-user-menu__item:nth-child(odd),.pkt-header-service__slot-menu__item:nth-child(odd){background-color:var(--pkt-color-background-subtle)}[data-mode=dark] .pkt-user-menu__item:not(:last-child),[data-mode=dark] .pkt-header-service__slot-menu__item:not(:last-child){border-bottom:1px solid var(--pkt-color-border-gray)}.pkt-user-menu__subitem,.pkt-header-service__slot-menu__subitem{display:block}.pkt-user-menu__subitem:nth-child(odd),.pkt-header-service__slot-menu__subitem:nth-child(odd){background-color:rgba(0,0,0,0)}.pkt-user-menu__label,.pkt-header-service__slot-menu__label{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-placeholder);margin-block-end:.5rem}.pkt-user-menu__name,.pkt-header-service__slot-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__description,.pkt-header-service__slot-menu__description{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu__action,.pkt-header-service__slot-menu__action{margin-block-start:1rem}.pkt-user-menu__button,.pkt-header-service__slot-menu__button{font-weight:normal}.pkt-user-menu__button:hover,.pkt-header-service__slot-menu__button:hover{background-color:none}.pkt-user-menu__link,.pkt-header-service__slot-menu__link{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;width:100%;display:flex;align-items:center;text-decoration:none;transition:color .2s ease}.pkt-user-menu__link .pkt-link span,.pkt-header-service__slot-menu__link .pkt-link span{align-self:anchor-center}.pkt-user-menu__link .pkt-link__icon,.pkt-header-service__slot-menu__link .pkt-link__icon{margin-inline-end:.5rem;align-self:baseline}

package/dist/css/components/header.css

@@ -1,6 +1,10 @@
 /* 
  * Header component
  */
+pkt-header {
+  display: block;
+}
+
 .pkt-header {
   background-color: var(--pkt-color-background-default);
   border-bottom: 1px solid var(--pkt-color-border-subtle);

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

@@ -1 +1 @@
-.pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem;z-index:10}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 2rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-block-start:.3rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-block-start:.6rem;letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-block-start:.28rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--pkt-color-brand-yellow-1000)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-inline-start:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-block-start:.75rem;right:0;left:0;padding-inline-start:0;list-style:none;visibility:hidden;max-height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:auto;color:var(--pkt-color-text-body-dark)}@media screen and (min-width: 48rem){.pkt-header__dropdown{margin-block-start:1rem;left:auto;right:0;min-width:23rem;width:auto}}.pkt-header__dropdown>li{padding:2rem;background-color:var(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-block:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.pkt-header__user-fullname{display:none}@media screen and (min-width: 80rem){.pkt-header__user-fullname{display:inline}}.pkt-header__user-shortname{display:inline}@media screen and (min-width: 80rem){.pkt-header__user-shortname{display:none}}@media screen and (min-width: 48rem){.pkt-header--has-dropdown{position:relative}}.pkt-header--has-dropdown>.pkt-btn:hover .pkt-btn--closed{--fg-color: var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown .pkt-btn--open{display:none}.pkt-header--has-dropdown .pkt-btn--closed{display:none}@media screen and (min-width: 80rem){.pkt-header--has-dropdown .pkt-btn--closed{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn{background-color:var(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-white)}@media screen and (min-width: 80rem){.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--closed{display:none}.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown{visibility:visible}.pkt-user-menu p{margin:0}.pkt-user-menu__label{color:var(--pkt-color-brand-neutrals-700);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-user-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu .pkt-list{margin:0}.pkt-user-menu .pkt-list .pkt-link{color:var(--pkt-color-text-body-dark);text-decoration:none}.pkt-user-menu .pkt-list .pkt-link:hover{text-decoration:underline}.pkt-user-menu .pkt-list>li>a{grid-template-columns:1.5rem auto;gap:.5rem}.pkt-user-menu .pkt-list-horizontal{margin:0}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}
+pkt-header{display:block}.pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem;z-index:10}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 2rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-block-start:.3rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-block-start:.6rem;letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-block-start:.28rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--pkt-color-brand-yellow-1000)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-inline-start:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-block-start:.75rem;right:0;left:0;padding-inline-start:0;list-style:none;visibility:hidden;max-height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:auto;color:var(--pkt-color-text-body-dark)}@media screen and (min-width: 48rem){.pkt-header__dropdown{margin-block-start:1rem;left:auto;right:0;min-width:23rem;width:auto}}.pkt-header__dropdown>li{padding:2rem;background-color:var(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-block:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.pkt-header__user-fullname{display:none}@media screen and (min-width: 80rem){.pkt-header__user-fullname{display:inline}}.pkt-header__user-shortname{display:inline}@media screen and (min-width: 80rem){.pkt-header__user-shortname{display:none}}@media screen and (min-width: 48rem){.pkt-header--has-dropdown{position:relative}}.pkt-header--has-dropdown>.pkt-btn:hover .pkt-btn--closed{--fg-color: var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown .pkt-btn--open{display:none}.pkt-header--has-dropdown .pkt-btn--closed{display:none}@media screen and (min-width: 80rem){.pkt-header--has-dropdown .pkt-btn--closed{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn{background-color:var(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-white)}@media screen and (min-width: 80rem){.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--closed{display:none}.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown{visibility:visible}.pkt-user-menu p{margin:0}.pkt-user-menu__label{color:var(--pkt-color-brand-neutrals-700);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-user-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu .pkt-list{margin:0}.pkt-user-menu .pkt-list .pkt-link{color:var(--pkt-color-text-body-dark);text-decoration:none}.pkt-user-menu .pkt-list .pkt-link:hover{text-decoration:underline}.pkt-user-menu .pkt-list>li>a{grid-template-columns:1.5rem auto;gap:.5rem}.pkt-user-menu .pkt-list-horizontal{margin:0}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}

package/dist/css/components/heading.css

@@ -7,6 +7,9 @@ pkt-heading {
   font-weight: 600;
   line-height: 1.2;
 }
+.pkt-heading.pkt-heading {
+  margin-block: 0;
+}
 .pkt-heading--xlarge {
   letter-spacing: -0.2px;
   font-weight: 400;

package/dist/css/components/heading.min.css

@@ -1 +1 @@
-pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width: 36rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:3.375rem;line-height:5.125rem}}@media screen and (min-width: 48rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:4.375rem;line-height:6.125rem}}.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:1.75rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:2.25rem;line-height:3.375rem}}@media screen and (min-width: 48rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:3rem;line-height:4rem}}.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.75rem;line-height:2.25rem}}@media screen and (min-width: 48rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.875rem;line-height:2.75rem}}.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 36rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}}@media screen and (min-width: 48rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 36rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-heading--fw-light{font-weight:300}.pkt-heading--fw-regular{font-weight:400}.pkt-heading--fw-medium{font-weight:500}.pkt-heading--fw-bold{font-weight:700}.pkt-heading--noSpacing{margin-block:0}.pkt-heading--start{text-align:start}.pkt-heading--end{text-align:end}.pkt-heading--center{text-align:center}
+pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading.pkt-heading{margin-block:0}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width: 36rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:3.375rem;line-height:5.125rem}}@media screen and (min-width: 48rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:4.375rem;line-height:6.125rem}}.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:1.75rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:2.25rem;line-height:3.375rem}}@media screen and (min-width: 48rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:3rem;line-height:4rem}}.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.75rem;line-height:2.25rem}}@media screen and (min-width: 48rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.875rem;line-height:2.75rem}}.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 36rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}}@media screen and (min-width: 48rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 36rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-heading--fw-light{font-weight:300}.pkt-heading--fw-regular{font-weight:400}.pkt-heading--fw-medium{font-weight:500}.pkt-heading--fw-bold{font-weight:700}.pkt-heading--noSpacing{margin-block:0}.pkt-heading--start{text-align:start}.pkt-heading--end{text-align:end}.pkt-heading--center{text-align:center}

package/dist/css/components/inputwrapper.css

@@ -1,4 +1,8 @@
 /* inputwrapper */
+pkt-helptext {
+  display: block;
+}
+
 pkt-input-wrapper {
   display: block;
 }