@oslokommune/punkt-css 12.28.0 → 12.29.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/dist/css/components/textinput.css +7 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/button.css +7 -0
- package/dist/css/elements/button.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +2 -2
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/elements/input.css +7 -1
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +7 -1
- package/dist/css/elements/select.min.css +1 -1
- package/dist/css/pkt-base.css +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +7 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-elements.css +16 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +17 -4
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/elements/_button.scss +10 -0
- package/dist/scss/elements/_input.scss +6 -0
- package/package.json +2 -2
|
@@ -2698,6 +2698,12 @@ pkt-messagebox {
|
|
|
2698
2698
|
* Ikke bruk klassen .pkt-textinput
|
|
2699
2699
|
*/
|
|
2700
2700
|
/* Common styles for all inputs */
|
|
2701
|
+
pkt-textinput,
|
|
2702
|
+
pkt-textarea,
|
|
2703
|
+
pkt-select {
|
|
2704
|
+
display: block;
|
|
2705
|
+
}
|
|
2706
|
+
|
|
2701
2707
|
.pkt-input, .pkt-textinput__input,
|
|
2702
2708
|
.pkt-input-prefix,
|
|
2703
2709
|
.pkt-input-suffix,
|
|
@@ -2786,7 +2792,7 @@ pkt-messagebox {
|
|
|
2786
2792
|
padding-right: 3rem;
|
|
2787
2793
|
}
|
|
2788
2794
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
2789
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
2795
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.29/icons/chevron-thin-down.svg);
|
|
2790
2796
|
background-image: var(--svg);
|
|
2791
2797
|
background-repeat: no-repeat;
|
|
2792
2798
|
background-position: right 0.7rem top 50%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-accordion{display:grid;grid-template-columns:1fr;grid-template-rows:0fr;row-gap:.5rem;transition:grid-template-rows 500ms;font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}.pkt-accordion:focus-visible{border:.25rem solid var(--pkt-color-border-states-hover)}.pkt-accordion--borderless .pkt-accordion-item{border:none}.pkt-accordion--borderless .pkt-accordion-item[open] .pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion--outlined .pkt-accordion-item{border:2px solid var(--pkt-color-border-subtle)}.pkt-accordion--beige{row-gap:0}.pkt-accordion--beige .pkt-accordion-item:nth-child(odd){background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion--blue{row-gap:0}.pkt-accordion--blue .pkt-accordion-item:nth-child(odd){background-color:var(--pkt-color-surface-default-light-blue)}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item{border:none}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open .pkt-accordion-item__title{box-shadow:inset 0 0 0 .125rem var(--pkt-color-border-states-active)}.pkt-accordion--compact>.pkt-accordion-item .pkt-accordion-item__title{padding:1rem;font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.pkt-accordion--compact>.pkt-accordion-item .pkt-accordion-item__content{padding:1rem;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-accordion-item{color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-brand-neutrals-white);transition:transform .3s;appearance:none;text-align:left}.pkt-accordion-item summary::-webkit-details-marker{display:none}.pkt-accordion-item__title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.pkt-accordion-item__title:hover{text-decoration:underline}.pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:translateY(0.25rem)}.pkt-accordion-item__title:focus-visible{outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-accordion-item__icon{transition:transform .2s}.pkt-accordion-item__content{border-top:none;display:none;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;padding:1.5rem}.pkt-accordion-item[open] .pkt-accordion-item__title{border-bottom:none}.pkt-accordion-item[open] .pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:rotate(180deg) translateY(0.25rem)}.pkt-accordion-item[open] .pkt-accordion-item__content{display:block}.pkt-accordion-item[open] .pkt-accordion-item__icon{transform:rotate(180deg) translateY(0)}.pkt-icon.pkt-accordion-item__icon>svg{min-height:2rem;min-width:2rem}.pkt-alert{--pkt-color-alert-bc: var(--pkt-color-border-blue);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-blue);--pkt-color-alert-txt: var(--pkt-color-text-body-dark);--pkt-color-alert-icon-fg: var(--pkt-color-brand-dark-blue-1000);--pkt-color-alert-close-fg: var(--pkt-color-brand-dark-blue-1000)}.pkt-alert--error{--pkt-color-alert-bc: var(--pkt-color-border-red);--pkt-color-alert-bg: var(--pkt-color-surface-default-faded-red)}.pkt-alert--success{--pkt-color-alert-bc: var(--pkt-color-border-green);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-green)}.pkt-alert--warning{--pkt-color-alert-bc: var(--pkt-color-border-yellow);--pkt-color-alert-bg: var(--pkt-color-surface-default-yellow)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}pkt-alert{display:block}.pkt-alert{padding:1.5rem 1.5rem 1.5rem 1.25rem;display:block;position:relative;border-left:.25rem solid var(--pkt-color-alert-bc);background-color:var(--pkt-color-alert-bg);color:var(--pkt-color-alert-txt)}.pkt-alert__title{margin:0 0 1.5rem 2.5rem;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-alert__close~.pkt-alert__title{margin:0 4rem 1.5rem 2.5rem}.pkt-alert__text{margin:0 0 0 2.5rem;overflow-wrap:break-word;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-alert__text p{margin-bottom:1rem}.pkt-alert__text p:first-of-type{margin-top:0}.pkt-alert__text p:last-of-type{margin-bottom:0}.pkt-alert__close+.pkt-alert__text{margin:0 4rem 0 2.5rem}.pkt-alert__title+.pkt-alert__text{margin-left:0;margin-right:0}.pkt-alert__date{margin-top:1.5rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-alert__icon{--fg-color: var(--pkt-color-alert-icon-fg);height:2rem;width:2rem;position:absolute;top:22px;left:20px}.pkt-alert__close{position:absolute;right:1.125rem;top:.625rem}.pkt-alert__close svg{--fg-color: var(--pkt-color-alert-close-fg)}.pkt-alert--compact{padding:.75rem 1rem .75rem .25rem}.pkt-alert--compact .pkt-alert__icon{width:1.375rem;height:1.375rem;top:.81rem;left:1.25rem}.pkt-alert--compact .pkt-alert__text{margin:0 2.875rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-alert--compact .pkt-alert__close{top:.25rem}.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}.pkt-badge{display:inline-flex;height:1.5em;margin-left:.4em;padding:.25em .4em;color:#000;font-weight:500;font-size:.75em;line-height:1em;border-radius:1px}.pkt-badge.pkt-badge--small,.pkt-h1>.pkt-badge,.pkt-h2>.pkt-badge,.pkt-h3>.pkt-badge{font-size:.5em;transform:translateY(-0.25em)}.pkt-btn:not(.pkt-btn--ter)>.pkt-badge{color:inherit;background:rgba(0,0,0,0);border:1px solid;border-radius:4px}.pkt-btn--pri:not(.pkt-btn--neg)>.pkt-badge,.pkt-btn--neg.pkt-btn--ter>.pkt-badge,.pkt-btn--neg.pkt-btn--ghost>.pkt-badge{border-color:#fff}.pkt-btn--small>.pkt-badge{padding-top:.28em;transform:translateY(-0.1em)}.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: 35.938rem){.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: 35.938rem){.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: 35.938rem){.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-left:.5rem}.pkt-breadcrumbs--desktop{display:none !important}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs--desktop{display:inline-flex !important}}.pkt-breadcrumbs--mobile{display:inline-flex !important}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs--mobile{display:none !important}}.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-bottom: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-left:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days div,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 div:before,.pkt-calendar .pkt-cal-days div: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 div:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days div: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-grays-gray-200);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)}.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)}.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-100)}.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-datepicker{display:block;position:relative}pkt-datepicker .pkt-datepicker{position:relative}pkt-datepicker .pkt-datepicker__tags .pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{width:fit-content}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.25rem;padding-right:.25rem}.pkt-datepicker__inputs .pkt-datepicker__input{padding-right:0;background-image:none}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-left:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin:0;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);box-shadow:0px 2px 4px -2px rgba(0,0,0,.1),0px 4px 6px -1px rgba(0,0,0,.1)}.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@-moz-document url-prefix(){.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:10.5rem}.pkt-datepicker__inputs 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}}pkt-card{display:block}.pkt-card{padding:1.5rem;display:flex;gap:2rem}.pkt-card__wrapper{display:flex;flex-direction:column;gap:1rem}.pkt-card__tags{display:flex;gap:1rem}.pkt-card--landscape{flex-direction:row;max-width:950px}.pkt-card--landscape .pkt-card__image{min-width:320px;overflow:hidden}.pkt-card--landscape .pkt-card__image img{height:100%;width:100%;object-fit:cover;object-position:center}.pkt-card--portrait{flex-direction:column;max-width:500px}.pkt-card--portrait .pkt-card__image{max-height:400px;overflow:hidden}.pkt-card--portrait .pkt-card__image img{width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card--outlined{border:3px solid var(--pkt-color-grays-gray-100);background-color:var(--pkt-color-background-default)}.pkt-card--gray{background-color:var(--pkt-color-background-subtle)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-300)}.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 h1,.pkt-card h2,.pkt-card h3,.pkt-card h4,.pkt-card h5,.pkt-card p{padding:0;margin:0}.pkt-footer{padding:2.5rem 1.5rem;background-color:var(--pkt-color-surface-strong-dark-blue);color:var(--pkt-color-text-body-default);display:flex;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{margin-bottom:2rem;margin-top:0;color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;width:24px;height:24px}.pkt-footer__social-icon-link:not(:last-child){margin-right:1rem}.pkt-footer-simple{padding:2rem 1.5rem;background-color:var(--pkt-color-surface-strong-dark-blue);color:var(--pkt-color-text-body-default);display:flex;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 80rem){.pkt-footer-simple{justify-content:center}}.pkt-footer-simple__container{max-width:80rem}.pkt-footer-simple__list{padding:0;margin:0;list-style:none}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item{display:inline-flex}}.pkt-footer-simple__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item:not(:last-child){margin-bottom:0;margin-right:2rem}}.pkt-footer-simple__link{display:flex;text-decoration:none !important;align-items:flex-start}.pkt-footer-simple__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer-simple__link-icon{margin-top:0}}.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-top:.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-top:.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-top:.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-left:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-top:.75rem;right:0;left:0;padding-left: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-top: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-top:1rem;padding-bottom: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-grays-gray-600);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-icon,pkt-icon{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon>svg,pkt-icon>svg{min-height:1rem;min-width:1rem;max-height:100%;max-width:100%}.pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large{height:4rem;width:4rem}pkt-input-wrapper{display:block}.pkt-inputwrapper__label{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__label>h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;display:inline;margin-bottom:0}.pkt-inputwrapper__helptext{width:min(100%,31rem);color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper__helptext-expandable .pkt-btn{padding:0;height:auto;display:inline-flex;text-align:left;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable-heading{margin:0;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--pkt-color-text-body-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-text-action-disabled);color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert .pkt-alert__icon{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert,.pkt-inputwrapper--disabled .pkt-inputwrapper__label,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext-expandable .pkt-link{color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--pkt-color-border-states-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}pkt-linkcard{display:block}.pkt-linkcard{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center;padding:1rem;text-decoration:none;width:100%;height:100%;transition:background-color .2s linear}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{grid-column:2;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external{display:inline-flex}.pkt-linkcard__title.pkt-link--external::after{height:2.25rem;width:1.5rem;background-size:1.5rem 1.5rem;background-position:center;margin-left:.5rem;flex:0 0 auto;align-self:flex-start}.pkt-linkcard>.pkt-icon.pkt-link__icon,.pkt-linkcard pkt-icon.pkt-link__icon{margin-right:0}.pkt-linkcard__text{grid-column:2}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard--beige{background-color:var(--pkt-color-surface-default-light-beige) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--beige:hover,.pkt-linkcard--beige:focus,.pkt-linkcard--beige:focus-visible,.pkt-linkcard--beige:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--blue{background-color:var(--pkt-color-surface-subtle-pale-blue) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--blue:hover{background-color:var(--pkt-color-surface-default-light-blue) !important}.pkt-linkcard--blue:hover,.pkt-linkcard--blue:focus,.pkt-linkcard--blue:focus-visible,.pkt-linkcard--blue:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey,.pkt-linkcard--gray{background-color:var(--pkt-color-surface-default-gray) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--gray:hover{background-color:var(--pkt-color-surface-strong-gray) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--grey:focus,.pkt-linkcard--grey:focus-visible,.pkt-linkcard--grey:active,.pkt-linkcard--gray:hover,.pkt-linkcard--gray:focus,.pkt-linkcard--gray:focus-visible,.pkt-linkcard--gray:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--green{background-color:var(--pkt-color-surface-default-faded-green) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--green:hover{background-color:var(--pkt-color-surface-strong-light-green) !important}.pkt-linkcard--green:hover,.pkt-linkcard--green:focus,.pkt-linkcard--green:focus-visible,.pkt-linkcard--green:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey-outline,.pkt-linkcard--gray-outline{border:4px solid var(--pkt-color-border-subtle) !important}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige) !important}[data-mode=dark] .pkt-linkcard .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2190%) hue-rotate(285deg) brightness(109%) contrast(100%)}[data-mode=dark] .pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(93%) sepia(91%) saturate(6664%) hue-rotate(169deg) brightness(103%) contrast(107%)}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external::after,.pkt-linkcard--blue .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external:hover::after,.pkt-linkcard--blue .pkt-link--external:hover::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}.pkt-loader{width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader .pkt-loader__shapes svg{aspect-ratio:600/165}.pkt-loader--small>p{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}.pkt-loader .egg-loader{position:relative;display:flex;justify-content:center;align-items:center;margin-top:8em;font-size:.4rem;width:25em;height:5em}.pkt-loader--small .egg-loader{font-size:.2rem}.pkt-loader--large .egg-loader{font-size:.6rem}.pkt-loader .egg{position:absolute;width:5em;height:6.5em;left:0em;background:repeating-linear-gradient(#ff8274, #ff8274 1em, #f9c66b 1em, #f9c66b 2em);border-radius:50% 50% 50% 50%/55% 55% 45% 45%;transform:translate3d(0, 0, 0);animation-name:eggroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0;opacity:0}.pkt-loader .egg.two{background:repeating-linear-gradient(#6fe9ff, #6fe9ff 1em, #ff8274 1em, #ff8274 2em);animation-delay:.5s}.pkt-loader .egg.three{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #f9c66b 1em, #f9c66b 2em);animation-delay:1s}.pkt-loader .egg.four{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #ff8274 1em, #ff8274 2em);animation-delay:1.5s}@keyframes eggroll{0%{transform:translate3d(0, 0, 0) rotate(0deg);opacity:0}12.5%{transform:translate3d(50%, 1em, 0) rotate(90deg)}25%{transform:translate3d(100%, 0, 0) rotate(180deg)}37.5%{transform:translate3d(150%, 1em, 0) rotate(270deg)}46%{transform:translate3d(200%, 0, 0) rotate(380deg)}50%{transform:translate3d(200%, 0, 0) rotate(360deg);opacity:1}54%{transform:translate3d(200%, 0, 0) rotate(340deg)}62.5%{transform:translate3d(250%, 1em, 0) rotate(450deg)}70%{transform:translate3d(300%, 0, 0) rotate(540deg)}75%{transform:translate3d(350%, 1em, 0) rotate(630deg);opacity:1}100%{transform:translate3d(400%, 0, 0) rotate(720deg);opacity:0}}.pkt-modal[open]{background-color:rgba(0,0,0,0);border:none;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:0;min-height:30vh;max-height:90vh}.pkt-modal[open]::backdrop,.pkt-modal[open]+.backdrop{background-color:rgba(0,0,0,.55)}.pkt-modal[open] .pkt-modal__container{padding-top:2rem;background:var(--pkt-color-background-default);overflow-y:auto;max-height:calc(100vh - 4rem)}.pkt-modal[open] .pkt-modal__header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;justify-content:flex-start;width:100%}.pkt-modal[open] .pkt-modal__header-background{background:var(--pkt-color-background-default);grid-column:1/2;grid-row:1/2;width:100%;height:100%}.pkt-modal[open] .pkt-modal__headingText{grid-column:1/2;grid-row:1/2;padding:2rem 0 0 2.5rem;margin:0;color:var(--pkt-color-text-body-default)}.pkt-modal[open] .pkt-modal__closeButton{grid-column:2/3;grid-row:1/2;display:flex;flex-direction:row-reverse;align-self:flex-start}.pkt-modal[open] .pkt-modal__closeButton--blue{height:100%;background:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--blue .pkt-btn{margin:.25rem}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn{height:4rem;width:4rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--pkt-color-surface-strong-dark-blue);background-color:var(--pkt-color-brand-yellow-1000)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:hover,.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:focus{background-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:hover .pkt-icon,.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:focus .pkt-icon{color:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn .pkt-link__icon{width:unset;height:1.75rem}.pkt-modal[open] .pkt-modal__content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:2rem 2.5rem;padding-top:0;position:relative;color:var(--pkt-color-text-body-default);background:linear-gradient(var(--pkt-color-white) 30%, transparent) top,linear-gradient(transparent, var(--pkt-color-border-subtle) 60%) bottom,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), transparent) top,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), transparent) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;max-height:calc(100vh - 10rem)}body.pkt-modal--open{overflow:hidden;scrollbar-gutter:stable}.pkt-modal--small{width:480px;padding:1rem 2rem}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal__btn-wrapper{padding-top:1.5rem;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%}@media screen and (max-width: 640px){.pkt-modal[open]{gap:1rem 0;line-height:1.5rem}.pkt-modal[open] .pkt-modal__headingText{font-size:1.375rem}.pkt-modal[open] .pkt-modal__content{letter-spacing:-0.2px;font-size:1rem}.pkt-modal--large{position:absolute;width:100vh;padding:1rem 1.5rem}}@media screen and (max-width: 480px){.pkt-modal--small{position:absolute;width:100vh}}@media screen and (max-width: 36rem){.pkt-modal--medium{position:absolute;width:100vh}}@media screen and (max-width: 480px){.pkt-modal__btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.pkt-modal__btn-wrapper .pkt-btn{justify-content:center}}.pkt-modal.pkt-modal--removePadding .pkt-modal__headingText,.pkt-modal.pkt-modal--removePadding .pkt-modal__content,.pkt-modal.pkt-modal--removePadding .pkt-modal__container{padding:0}.pkt-modal.pkt-modal--noHeadingText .pkt-modal__container{padding-top:1rem}.pkt-modal .pkt-modal__container .pkt-modal__btn-wrapper button.pkt-btn:not(.pkt-inputwrapper__helptext-expandable>.pkt-btn):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:0}pkt-messagebox{display:block}.pkt-messagebox{--pkt-color-messagebox-bc: var(--pkt-color-border-beige);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-beige);--pkt-color-messagebox-txt: var(--pkt-color-text-body-dark)}.pkt-messagebox--red{--pkt-color-messagebox-bc: var(--pkt-color-border-red);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-faded-red)}.pkt-messagebox--green{--pkt-color-messagebox-bc: var(--pkt-color-border-green);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-green)}.pkt-messagebox--blue{--pkt-color-messagebox-bc: var(--pkt-color-border-blue);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-blue)}.pkt-messagebox{padding:1.5rem 1.5rem 1.5rem 1.25rem;display:grid;grid-template-areas:"title close" "text text";grid-template-columns:auto 40px;border-left:.25rem solid var(--pkt-color-messagebox-bc);background-color:var(--pkt-color-messagebox-bg);color:var(--pkt-color-messagebox-txt)}.pkt-messagebox__title{grid-area:title;margin:0 0 1.5rem 0;letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}.pkt-messagebox__text{grid-area:text;margin:0;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-messagebox__text p{margin-bottom:1rem}.pkt-messagebox__text p:last-of-type{margin-bottom:0}.pkt-messagebox__close{grid-area:close}.pkt-messagebox__close svg{--fg-color: var(--pkt-color-alert-close-fg)}.pkt-messagebox--compact{padding:1rem 1rem 1rem .75rem}.pkt-messagebox--compact .pkt-messagebox__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__text{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__close>.pkt-btn{top:-15px}.pkt-preview{position:relative}.pkt-preview .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-surface-default-gray)}.pkt-preview__mode{position:absolute;top:1rem;right:1rem}.pkt-preview__component{display:flex;justify-content:space-around;align-items:center;min-height:10rem;padding:3rem 1rem;margin:1rem 0 0;border:.25rem solid var(--pkt-color-surface-default-gray);background-color:var(--pkt-color-background-default);transition:background-color .2s linear}.pkt-preview__component--fullwidth>div{width:100%}.pkt-preview__opts{padding:1rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__opts>.pkt-cell{position:relative}.pkt-preview__opts>.pkt-cell>.pkt-tag{display:block;position:absolute;top:0;right:0;padding:0 .25rem 0}.pkt-preview__code{position:relative;margin-bottom:1rem;font-size:.8rem}.pkt-preview__code>pre{margin-top:0 !important;background-color:var(--pkt-color-surface-default-gray) !important}.pkt-preview__copy{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center}.pkt-preview__specs{background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__specs pre{margin-top:0 !important}.pkt-preview__specs h2{padding:1rem}.astro-code.github-light{background-color:var(--pkt-color-surface-default-gray) !important}.preview-content{display:contents}.pkt-progressbar{--pkt-progress-width: 0%;--pkt-progress-label-width: 5rem}.pkt-progressbar__container{margin:0}.pkt-progressbar__title{display:block;margin:0;margin-bottom:8px;text-align:left;font-weight:500;font-size:.875rem}.pkt-progressbar__title-center{text-align:center}.pkt-progressbar__bar-wrapper{background-color:var(--pkt-color-grays-gray-100);height:8px;overflow:hidden}.pkt-progressbar__bar{background-color:var(--pkt-color-brand-dark-blue-1000);display:block;width:var(--pkt-progress-width);height:100%;transition:width .5s ease}.pkt-progressbar__bar--dark-blue{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-progressbar__bar--green{background-color:var(--pkt-color-brand-green-1000)}.pkt-progressbar__bar--light-blue{background-color:var(--pkt-color-brand-blue-1000)}.pkt-progressbar__bar--red{background-color:var(--pkt-color-brand-red-1000)}.pkt-progressbar__status{margin-top:8px;position:relative;white-space:nowrap;font-weight:400;font-size:.75rem}.pkt-progressbar__status--center{width:100% !important;text-align:center}.pkt-progressbar__status-placement--following{margin-left:max(0%,min(100% - var(--pkt-progress-label-width),var(--pkt-progress-width) - var(--pkt-progress-label-width)/2));transition:margin-left .5s ease}.pkt-searchinput{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__field{width:min(100%,31rem);display:flex}.pkt-searchinput--fullwidth .pkt-searchinput__field{width:100%}.pkt-searchinput--global .pkt-input:not(:disabled){border-color:var(--pkt-color-border-yellow)}.pkt-searchinput--global .pkt-input:not(:disabled):hover,.pkt-searchinput--global .pkt-input:not(:disabled):active,.pkt-searchinput--global .pkt-input:not(:disabled):focus{border-color:var(--pkt-color-input-border-active)}.pkt-searchinput--global .pkt-searchinput__button{border-radius:50%}.pkt-searchinput--local-with-button .pkt-searchinput__field{gap:.5rem}.pkt-searchinput--local .pkt-input{padding:.5rem 0 .5rem 1rem}.pkt-searchinput--local .pkt-searchinput__button:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-searchinput--local .pkt-searchinput__button svg{margin-left:0}.pkt-searchinput__suggestions{position:absolute;z-index:2;padding:0;margin:2px 0 0;width:min(100%,31rem);list-style:none;background-color:var(--pkt-color-background-card);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-searchinput--global .pkt-searchinput__suggestions{width:min(100% - 3rem,28rem)}.pkt-searchinput--local-with-button .pkt-searchinput__suggestions{width:min(100% - 3.5rem,27.5rem)}.pkt-searchinput--fullwidth .pkt-searchinput__suggestions{width:100%}.pkt-searchinput__suggestion{display:block;padding:1rem;text-decoration:none;background-color:rgba(0,0,0,0);color:var(--pkt-color-text-action-normal);border:none;font:inherit;outline:inherit;text-align:inherit}.pkt-searchinput__suggestion:hover,.pkt-searchinput__suggestion:focus,.pkt-searchinput__suggestion:active{text-decoration:none;background-color:var(--pkt-color-background-subtle);color:var(--pkt-color-text-action-active)}.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title{text-decoration:underline}.pkt-searchinput__suggestion:hover>*,.pkt-searchinput__suggestion:focus>*,.pkt-searchinput__suggestion:active>*{color:inherit}.pkt-searchinput__suggestion--has-hover{cursor:pointer}.pkt-searchinput__suggestion-title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__suggestion-text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}.pkt-stepper{--pkt-steps-indicator-width: 24px;--pkt-steps-indicator-height: 24px;--pkt-steps-indicator-color: var(--pkt-color-brand-dark-blue-1000);--pkt-steps-border-width: 2.5px;--pkt-steps-line-length: 1.5rem;color:var(--pkt-color-brand-dark-blue-1000);font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;list-style:none;margin:0;padding:0}.pkt-stepper .pkt-step{display:grid}.pkt-stepper .pkt-step__wrapper{grid-column:title/content;grid-row:title/content}.pkt-stepper .pkt-step__title{font-weight:500;width:max-content;width:100%}.pkt-stepper .pkt-step__content{font-weight:300;padding-bottom:1.5rem;width:100%}.pkt-stepper .pkt-step__indicator{z-index:2;grid-area:indicator}.pkt-stepper .pkt-step__line{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-stepper .pkt-step__line--1{grid-area:indicator}.pkt-stepper .pkt-step__line--2{grid-area:indicator}.pkt-stepper .pkt-step__line--3{grid-area:line;height:fit-content}.pkt-stepper .pkt-step__nav-wrapper{display:flex;gap:20px;margin-top:1rem}.pkt-stepper--vertical{display:grid;grid-template-columns:1fr}.pkt-stepper--vertical .pkt-step{grid-template-areas:"indicator title" "line content";grid-template-columns:var(--pkt-steps-indicator-width) auto;grid-template-rows:var(--pkt-steps-indicator-height) minmax(min-content, max-content);grid-gap:0 1rem;justify-items:flex-start}.pkt-stepper--vertical .pkt-step--current .pkt-step__title,.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding:1rem 1.5rem;background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding-top:0}.pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper{margin-bottom:1.5rem}.pkt-stepper--vertical .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--vertical .pkt-step__line{min-height:min-content;height:100%;margin:auto;width:var(--pkt-steps-border-width)}.pkt-stepper--vertical .pkt-step__line--1{height:50%;transform:translateY(-55%)}.pkt-stepper--vertical .pkt-step__line--2{height:50%;transform:translateY(55%)}.pkt-stepper--vertical .pkt-step__line--3{min-height:4rem}.pkt-stepper--vertical .pkt-step__nav-wrapper{flex-direction:row}.pkt-stepper--horizontal{display:flex}.pkt-stepper--horizontal .pkt-step{grid-template-areas:"indicator line" "title title" "content content";grid-template-columns:var(--pkt-steps-indicator-width) minmax(60px, max-content);grid-template-rows:var(--pkt-steps-indicator-width) min-content min-content;justify-items:flex-start}.pkt-stepper--horizontal .pkt-step__wrapper{min-width:fit-content}.pkt-stepper--horizontal .pkt-step__title{padding:1.5rem 1rem 1.5rem 0}.pkt-stepper--horizontal .pkt-step__content{padding:0 1rem 1rem 0}.pkt-stepper--horizontal .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--horizontal .pkt-step__line{min-width:min-content;width:100%;margin:auto;height:var(--pkt-steps-border-width)}.pkt-stepper--horizontal .pkt-step__line--1{width:50%;transform:translateX(-55%)}.pkt-stepper--horizontal .pkt-step__line--2{width:50%;transform:translateX(55%)}.pkt-stepper--horizontal .pkt-step__line--3{min-width:5rem}.pkt-stepper--horizontal .pkt-step__nav-wrapper{flex-direction:column}.pkt-step:first-of-type .pkt-step__line--1{display:none}.pkt-step--incomplete .pkt-step__line{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--incomplete .pkt-step__title,.pkt-step--incomplete .pkt-step__content{color:var(--pkt-color-grays-gray-600)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--1{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--2{background-color:var(--pkt-color-grays-gray-200)}.pkt-step:last-of-type .pkt-step__line--3,.pkt-step:last-of-type .pkt-step__line--2{display:none}.pkt-step--current .pkt-step__line--1{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-step--current .pkt-step__line--2,.pkt-step--current .pkt-step__line--3{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--1{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--hideContent:not(.pkt-step--current) .pkt-step__content{display:none}.pkt-step--hideStep:not(.pkt-step--current) .pkt-step__title,.pkt-step--hideStep:not(.pkt-step--current) .pkt-step__content{display:none}.pkt-stepper--vertical .pkt-step--hideStep:not(.pkt-step--current) .pkt-step__line--3{min-height:2rem}.pkt-stepper--horizontal .pkt-step--hideStep:not(.pkt-step--current){grid-template-columns:var(--pkt-steps-indicator-width) minmax(2rem, max-content)}.pkt-stepper--horizontal .pkt-step--hideStep:not(.pkt-step--current) .pkt-step__line--3{min-width:2rem}.pkt-tabs{--pkt-tabs-bg: var(--pkt-color-background-default);background-color:var(--pkt-tabs-bg);position:relative;border-bottom:1px solid var(--pkt-color-border-gray)}.pkt-tabs__list{position:relative;width:auto;width:100%;overflow-x:auto;scrollbar-width:thin;padding:.25rem 4rem 0 .25rem;margin:0;display:flex;flex-wrap:nowrap;align-items:flex-start}.pkt-tabs__button{border:0;padding:0;background:none;border-radius:0}.pkt-tabs__link,.pkt-tabs__button{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--pkt-color-text-action-disabled);border-bottom:.25rem solid rgba(0,0,0,0);white-space:nowrap;letter-spacing:-0.2px;font-weight:400;font-size:1rem;line-height:1.5rem}.pkt-tabs__link .pkt-icon,.pkt-tabs__link pkt-icon,.pkt-tabs__button .pkt-icon,.pkt-tabs__button pkt-icon{--fg-color: currentColor}.pkt-tabs__link,.pkt-tabs__link:hover,.pkt-tabs__link:active,.pkt-tabs__button,.pkt-tabs__button:hover,.pkt-tabs__button:active{text-decoration:none}.pkt-tabs__link:focus:not(:active),.pkt-tabs__link:focus-visible:not(:active),.pkt-tabs__button:focus:not(:active),.pkt-tabs__button:focus-visible:not(:active){border:0;box-shadow:none;background-color:var(--pkt-color-surface-default-gray);outline:.25rem solid var(--pkt-color-border-states-focus);outline-offset:0}.pkt-tabs__link.active:focus,.pkt-tabs__link.active:focus-visible,.pkt-tabs__button.active:focus,.pkt-tabs__button.active:focus-visible{box-shadow:none;border-bottom:.25rem solid var(--pkt-color-border-blue)}.pkt-tabs__link:hover,.pkt-tabs__link:focus,.pkt-tabs__link:focus-visible,.pkt-tabs__link:focus-visible:is(:active),.pkt-tabs__link:focus:is(:active),.pkt-tabs__link:active,.pkt-tabs__button:hover,.pkt-tabs__button:focus,.pkt-tabs__button:focus-visible,.pkt-tabs__button:focus-visible:is(:active),.pkt-tabs__button:focus:is(:active),.pkt-tabs__button:active{outline:0;color:var(--pkt-color-text-action-active);border-bottom:.25rem solid var(--pkt-color-border-states-hover)}.pkt-tabs__link.active,.pkt-tabs__button.active{color:var(--pkt-color-text-action-normal);border-bottom:.25rem solid var(--pkt-color-border-blue);letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-tabs:after{content:"";display:block;position:absolute;z-index:3;background:linear-gradient(90deg, transparent 0%, var(--pkt-tabs-bg) 100%);top:0;right:0;bottom:0;width:5rem;pointer-events:none}.pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}[data-mode=dark] .pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}.pkt-tag{width:fit-content;background:var(--pkt-color-surface-default-light-blue);padding:.25rem .5rem;display:inline-flex;align-items:center;height:1.875rem;column-gap:0;color:var(--pkt-color-tag-text-normal);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-tag.pkt-btn:hover,.pkt-tag.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover);text-decoration:underline;border-color:rgba(0,0,0,0)}.pkt-tag.pkt-btn:hover>svg,.pkt-tag.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-btn:focus,.pkt-tag.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);border-color:var(--pkt-color-text-action-active);outline:4px solid var(--pkt-color-border-states-focus);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:focus>svg,.pkt-tag.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:active,.pkt-tag.pkt-tag--active,.pkt-tag.pkt-tag--active:hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-btn:active>svg,.pkt-tag.pkt-tag--active>svg,.pkt-tag.pkt-tag--active:hover>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag__icon{width:16px;height:16px;margin-right:.5rem}.pkt-tag__close-btn{width:16px;height:16px;margin-left:.5rem}.pkt-tag--green{background:var(--pkt-color-surface-strong-light-green)}.pkt-tag--green.pkt-btn:hover,.pkt-tag--green.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-hover)}.pkt-tag--green.pkt-btn:hover>svg,.pkt-tag--green.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--green.pkt-btn:focus,.pkt-tag--green.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-focus)}.pkt-tag--green.pkt-btn:focus>svg,.pkt-tag--green.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--green.pkt-btn:active,.pkt-tag--green.pkt-tag--active{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-active)}.pkt-tag--green.pkt-btn:active>svg,.pkt-tag--green.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--yellow{background:var(--pkt-color-surface-default-yellow)}.pkt-tag--yellow.pkt-btn:hover,.pkt-tag--yellow.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-hover)}.pkt-tag--yellow.pkt-btn:hover>svg,.pkt-tag--yellow.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--yellow.pkt-btn:focus,.pkt-tag--yellow.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-focus)}.pkt-tag--yellow.pkt-btn:focus>svg,.pkt-tag--yellow.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--yellow.pkt-btn:active,.pkt-tag--yellow.pkt-tag--active{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-active)}.pkt-tag--yellow.pkt-btn:active>svg,.pkt-tag--yellow.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--red{background:var(--pkt-color-surface-default-red)}.pkt-tag--red.pkt-btn:hover,.pkt-tag--red.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-hover)}.pkt-tag--red.pkt-btn:hover>svg,.pkt-tag--red.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--red.pkt-btn:focus,.pkt-tag--red.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-focus)}.pkt-tag--red.pkt-btn:focus>svg,.pkt-tag--red.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--red.pkt-btn:active,.pkt-tag--red.pkt-tag--active{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-active)}.pkt-tag--red.pkt-btn:active>svg,.pkt-tag--red.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--beige{background:var(--pkt-color-surface-default-light-beige)}.pkt-tag--beige.pkt-btn:hover,.pkt-tag--beige.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-hover)}.pkt-tag--beige.pkt-btn:hover>svg,.pkt-tag--beige.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--beige.pkt-btn:focus,.pkt-tag--beige.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-focus)}.pkt-tag--beige.pkt-btn:focus>svg,.pkt-tag--beige.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--beige.pkt-btn:active,.pkt-tag--beige.pkt-tag--active{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-active)}.pkt-tag--beige.pkt-btn:active>svg,.pkt-tag--beige.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--gray,.pkt-tag--grey{background:var(--pkt-color-surface-default-gray)}.pkt-tag--gray.pkt-btn:hover,.pkt-tag--gray.pkt-tag--hover,.pkt-tag--grey.pkt-btn:hover,.pkt-tag--grey.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-hover)}.pkt-tag--gray.pkt-btn:hover>svg,.pkt-tag--gray.pkt-tag--hover>svg,.pkt-tag--grey.pkt-btn:hover>svg,.pkt-tag--grey.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--gray.pkt-btn:focus,.pkt-tag--gray.pkt-tag--focus,.pkt-tag--grey.pkt-btn:focus,.pkt-tag--grey.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:focus>svg,.pkt-tag--gray.pkt-tag--focus>svg,.pkt-tag--grey.pkt-btn:focus>svg,.pkt-tag--grey.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:active,.pkt-tag--gray.pkt-tag--active,.pkt-tag--grey.pkt-btn:active,.pkt-tag--grey.pkt-tag--active{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:active>svg,.pkt-tag--gray.pkt-tag--active>svg,.pkt-tag--grey.pkt-btn:active>svg,.pkt-tag--grey.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--blue-light{background:var(--pkt-color-surface-subtle-light-blue)}.pkt-tag--blue-light.pkt-btn:hover,.pkt-tag--blue-light.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover)}.pkt-tag--blue-light.pkt-btn:hover>svg,.pkt-tag--blue-light.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--blue-light.pkt-btn:focus,.pkt-tag--blue-light.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-focus)}.pkt-tag--blue-light.pkt-btn:focus>svg,.pkt-tag--blue-light.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--blue-light.pkt-btn:active,.pkt-tag--blue-light.pkt-tag--active{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag--blue-light.pkt-btn:active>svg,.pkt-tag--blue-light.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--blue-dark{background:var(--pkt-color-brand-dark-blue-1000);color:var(--pkt-color-brand-neutrals-200)}.pkt-tag--blue-dark.pkt-btn:hover,.pkt-tag--blue-dark.pkt-btn:focus,.pkt-tag--blue-dark.pkt-tag--hover{background-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-brand-neutrals-200)}.pkt-tag--blue-dark .pkt-icon>svg{--fg-color: var(--pkt-color-brand-neutrals-200)}.pkt-tag--small{padding:.25rem;height:1.375rem}.pkt-tag--medium{padding:.25rem .5rem;height:1.875rem}.pkt-tag--large{padding:.25rem .5rem;height:2.25rem;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-tag--normal-text{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-tag--thin-text{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-teaserlist{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;position:relative;row-gap:30px}@media screen and (min-width: 48rem){.pkt-teaserlist{column-gap:30px;grid-template-columns:200px auto;grid-template-rows:auto;justify-items:normal}}@media screen and (min-width: 64rem){.pkt-teaserlist{grid-template-columns:300px auto}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip{grid-template-columns:auto 200px}}@media screen and (min-width: 64rem){.pkt-teaserlist.flip{grid-template-columns:auto 300px}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__img{grid-column:2}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__txt{grid-column:1;grid-row:1}}.pkt-teaserlist__img{width:150px}@media screen and (min-width: 48rem){.pkt-teaserlist__img{width:100%}}.pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-input:not(.pkt-input-compact),.pkt-textinput__input:not(.pkt-input-compact){min-height:3rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth):not(.pkt-datepicker__input:not(.pkt-datepicker--multiple)),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth):not(.pkt-datepicker__input:not(.pkt-datepicker--multiple)),.pkt-input__container:not(:is(:has(.pkt-datepicker__input:not(.pkt-datepicker--multiple)))):not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(31rem,100%)}.pkt-input__container:is(:has(.pkt-datepicker__input:not(.pkt-datepicker--multiple))):not(:is(:has(.pkt-input--fullwidth))){width:fit-content}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/12.28/icons/chevron-thin-down.svg);background-image:var(--svg);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.5rem auto,100%}.pkt-input:is(select) option,.pkt-textinput__input:is(select) option{background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);font-weight:normal}.pkt-input::placeholder,.pkt-textinput__input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-input:hover,.pkt-textinput__input:hover,.pkt-input.pkt-input--hover,.pkt-input--hover.pkt-textinput__input{border-color:var(--pkt-color-input-border-hover)}.pkt-input:focus-visible,.pkt-textinput__input:focus-visible,.pkt-input.pkt-input__textinput--focus,.pkt-input__textinput--focus.pkt-textinput__input{box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:focus,.pkt-textinput__input:focus{outline:none;box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:disabled,.pkt-textinput__input:disabled,.pkt-input:disabled::placeholder,.pkt-textinput__input:disabled::placeholder,.pkt-input[readonly],[readonly].pkt-textinput__input{opacity:1;background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-input-border-disabled);cursor:inherit}.pkt-input:disabled:active,.pkt-textinput__input:disabled:active{border:2px solid var(--pkt-color-input-border-disabled)}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input-separator{display:flex;align-items:center;width:auto;height:3rem;border:2px solid var(--pkt-color-input-border-normal);flex-shrink:0;color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-input-background-normal)}.pkt-input-prefix{padding:.5rem 0rem .5rem 1rem}.pkt-input-prefix::after{content:"";width:1px;margin-left:.5rem;height:100%;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-suffix{padding:.5rem 1rem .5rem 0rem}.pkt-input-suffix svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input-suffix::before{content:"";width:1px;margin-right:.5rem;height:1.5rem;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-icon{padding:.5rem 1rem;align-self:stretch}.pkt-input-icon svg{width:1.5rem;height:1.5rem}.pkt-input-icon:not(button) svg{margin-left:.5rem}.pkt-input-separator{padding:.5rem 0}.pkt-input--counter-error,.pkt-input--counter-error:focus{border-color:var(--pkt-color-input-border-error);background-color:var(--pkt-color-surface-default-faded-red)}.pkt-input--counter-error:focus{box-shadow:0 0 0 2px var(--pkt-color-input-border-error)}.pkt-input__container{display:flex;align-items:center;align-self:stretch}.pkt-input__container:is(:has(input[size])),.pkt-input__container:is(:has(textarea[cols])){align-self:flex-start}.pkt-input__container :first-child:not(:only-child){border-right-width:0}.pkt-input__container :last-child:not(:only-child){border-left-width:0}.pkt-input__container :not(:first-child):not(:last-child){border-left-width:0;border-right-width:0}.pkt-input__container p{margin:0}.pkt-input__container input:focus{outline:none;box-shadow:none}.pkt-input__container:hover .pkt-input,.pkt-input__container:hover .pkt-textinput__input,.pkt-input__container:hover .pkt-input-prefix,.pkt-input__container:hover .pkt-input-suffix,.pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__container:hover .pkt-input:disabled,.pkt-input__container:hover .pkt-textinput__input:disabled,.pkt-input__container:hover .pkt-input-prefix:disabled,.pkt-input__container:hover .pkt-input-suffix:disabled,.pkt-input__container:hover .pkt-input-icon:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-input__container:focus-within{outline:2px solid var(--pkt-color-input-border-active)}.pkt-input__container:focus-within .pkt-input,.pkt-input__container:focus-within .pkt-textinput__input,.pkt-input__container:focus-within .pkt-input-prefix,.pkt-input__container:focus-within .pkt-input-suffix,.pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__counter{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-input__counter{width:min(100%,31rem);text-align:right}.pkt-input__counter--error{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-input__counter--error{color:var(--pkt-color-input-text-error)}.pkt-input__range-inputs{min-width:17rem;container:range/inline-size}@container range (width < 30rem){.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);display:grid;grid-template-rows:auto auto;grid-template-columns:min-content auto 4rem;gap:0}.pkt-input__container>:nth-child(2){grid-column-start:span 2}.pkt-input__container .pkt-input-prefix,.pkt-input__container .pkt-input-suffix,.pkt-input__container .pkt-input-icon,.pkt-input__container .pkt-input,.pkt-input__container .pkt-textinput__input{border:0}}
|
|
1
|
+
.pkt-accordion{display:grid;grid-template-columns:1fr;grid-template-rows:0fr;row-gap:.5rem;transition:grid-template-rows 500ms;font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}.pkt-accordion:focus-visible{border:.25rem solid var(--pkt-color-border-states-hover)}.pkt-accordion--borderless .pkt-accordion-item{border:none}.pkt-accordion--borderless .pkt-accordion-item[open] .pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion--outlined .pkt-accordion-item{border:2px solid var(--pkt-color-border-subtle)}.pkt-accordion--beige{row-gap:0}.pkt-accordion--beige .pkt-accordion-item:nth-child(odd){background-color:var(--pkt-color-surface-default-light-beige)}.pkt-accordion--blue{row-gap:0}.pkt-accordion--blue .pkt-accordion-item:nth-child(odd){background-color:var(--pkt-color-surface-default-light-blue)}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item{border:none}.pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open .pkt-accordion-item__title{box-shadow:inset 0 0 0 .125rem var(--pkt-color-border-states-active)}.pkt-accordion--compact>.pkt-accordion-item .pkt-accordion-item__title{padding:1rem;font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.pkt-accordion--compact>.pkt-accordion-item .pkt-accordion-item__content{padding:1rem;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-accordion-item{color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-brand-neutrals-white);transition:transform .3s;appearance:none;text-align:left}.pkt-accordion-item summary::-webkit-details-marker{display:none}.pkt-accordion-item__title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.pkt-accordion-item__title:hover{text-decoration:underline}.pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:translateY(0.25rem)}.pkt-accordion-item__title:focus-visible{outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-accordion-item__icon{transition:transform .2s}.pkt-accordion-item__content{border-top:none;display:none;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;padding:1.5rem}.pkt-accordion-item[open] .pkt-accordion-item__title{border-bottom:none}.pkt-accordion-item[open] .pkt-accordion-item__title:hover .pkt-accordion-item__icon{transform:rotate(180deg) translateY(0.25rem)}.pkt-accordion-item[open] .pkt-accordion-item__content{display:block}.pkt-accordion-item[open] .pkt-accordion-item__icon{transform:rotate(180deg) translateY(0)}.pkt-icon.pkt-accordion-item__icon>svg{min-height:2rem;min-width:2rem}.pkt-alert{--pkt-color-alert-bc: var(--pkt-color-border-blue);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-blue);--pkt-color-alert-txt: var(--pkt-color-text-body-dark);--pkt-color-alert-icon-fg: var(--pkt-color-brand-dark-blue-1000);--pkt-color-alert-close-fg: var(--pkt-color-brand-dark-blue-1000)}.pkt-alert--error{--pkt-color-alert-bc: var(--pkt-color-border-red);--pkt-color-alert-bg: var(--pkt-color-surface-default-faded-red)}.pkt-alert--success{--pkt-color-alert-bc: var(--pkt-color-border-green);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-green)}.pkt-alert--warning{--pkt-color-alert-bc: var(--pkt-color-border-yellow);--pkt-color-alert-bg: var(--pkt-color-surface-default-yellow)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}pkt-alert{display:block}.pkt-alert{padding:1.5rem 1.5rem 1.5rem 1.25rem;display:block;position:relative;border-left:.25rem solid var(--pkt-color-alert-bc);background-color:var(--pkt-color-alert-bg);color:var(--pkt-color-alert-txt)}.pkt-alert__title{margin:0 0 1.5rem 2.5rem;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-alert__close~.pkt-alert__title{margin:0 4rem 1.5rem 2.5rem}.pkt-alert__text{margin:0 0 0 2.5rem;overflow-wrap:break-word;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-alert__text p{margin-bottom:1rem}.pkt-alert__text p:first-of-type{margin-top:0}.pkt-alert__text p:last-of-type{margin-bottom:0}.pkt-alert__close+.pkt-alert__text{margin:0 4rem 0 2.5rem}.pkt-alert__title+.pkt-alert__text{margin-left:0;margin-right:0}.pkt-alert__date{margin-top:1.5rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-alert__icon{--fg-color: var(--pkt-color-alert-icon-fg);height:2rem;width:2rem;position:absolute;top:22px;left:20px}.pkt-alert__close{position:absolute;right:1.125rem;top:.625rem}.pkt-alert__close svg{--fg-color: var(--pkt-color-alert-close-fg)}.pkt-alert--compact{padding:.75rem 1rem .75rem .25rem}.pkt-alert--compact .pkt-alert__icon{width:1.375rem;height:1.375rem;top:.81rem;left:1.25rem}.pkt-alert--compact .pkt-alert__text{margin:0 2.875rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-alert--compact .pkt-alert__close{top:.25rem}.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}.pkt-badge{display:inline-flex;height:1.5em;margin-left:.4em;padding:.25em .4em;color:#000;font-weight:500;font-size:.75em;line-height:1em;border-radius:1px}.pkt-badge.pkt-badge--small,.pkt-h1>.pkt-badge,.pkt-h2>.pkt-badge,.pkt-h3>.pkt-badge{font-size:.5em;transform:translateY(-0.25em)}.pkt-btn:not(.pkt-btn--ter)>.pkt-badge{color:inherit;background:rgba(0,0,0,0);border:1px solid;border-radius:4px}.pkt-btn--pri:not(.pkt-btn--neg)>.pkt-badge,.pkt-btn--neg.pkt-btn--ter>.pkt-badge,.pkt-btn--neg.pkt-btn--ghost>.pkt-badge{border-color:#fff}.pkt-btn--small>.pkt-badge{padding-top:.28em;transform:translateY(-0.1em)}.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: 35.938rem){.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: 35.938rem){.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: 35.938rem){.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-left:.5rem}.pkt-breadcrumbs--desktop{display:none !important}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs--desktop{display:inline-flex !important}}.pkt-breadcrumbs--mobile{display:inline-flex !important}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs--mobile{display:none !important}}.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-bottom: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-left:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days div,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 div:before,.pkt-calendar .pkt-cal-days div: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 div:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days div: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-grays-gray-200);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)}.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)}.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-100)}.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-datepicker{display:block;position:relative}pkt-datepicker .pkt-datepicker{position:relative}pkt-datepicker .pkt-datepicker__tags .pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{width:fit-content}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.25rem;padding-right:.25rem}.pkt-datepicker__inputs .pkt-datepicker__input{padding-right:0;background-image:none}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-left:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin:0;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);box-shadow:0px 2px 4px -2px rgba(0,0,0,.1),0px 4px 6px -1px rgba(0,0,0,.1)}.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@-moz-document url-prefix(){.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:10.5rem}.pkt-datepicker__inputs 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}}pkt-card{display:block}.pkt-card{padding:1.5rem;display:flex;gap:2rem}.pkt-card__wrapper{display:flex;flex-direction:column;gap:1rem}.pkt-card__tags{display:flex;gap:1rem}.pkt-card--landscape{flex-direction:row;max-width:950px}.pkt-card--landscape .pkt-card__image{min-width:320px;overflow:hidden}.pkt-card--landscape .pkt-card__image img{height:100%;width:100%;object-fit:cover;object-position:center}.pkt-card--portrait{flex-direction:column;max-width:500px}.pkt-card--portrait .pkt-card__image{max-height:400px;overflow:hidden}.pkt-card--portrait .pkt-card__image img{width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card--outlined{border:3px solid var(--pkt-color-grays-gray-100);background-color:var(--pkt-color-background-default)}.pkt-card--gray{background-color:var(--pkt-color-background-subtle)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-300)}.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 h1,.pkt-card h2,.pkt-card h3,.pkt-card h4,.pkt-card h5,.pkt-card p{padding:0;margin:0}.pkt-footer{padding:2.5rem 1.5rem;background-color:var(--pkt-color-surface-strong-dark-blue);color:var(--pkt-color-text-body-default);display:flex;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{margin-bottom:2rem;margin-top:0;color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;width:24px;height:24px}.pkt-footer__social-icon-link:not(:last-child){margin-right:1rem}.pkt-footer-simple{padding:2rem 1.5rem;background-color:var(--pkt-color-surface-strong-dark-blue);color:var(--pkt-color-text-body-default);display:flex;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 80rem){.pkt-footer-simple{justify-content:center}}.pkt-footer-simple__container{max-width:80rem}.pkt-footer-simple__list{padding:0;margin:0;list-style:none}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item{display:inline-flex}}.pkt-footer-simple__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item:not(:last-child){margin-bottom:0;margin-right:2rem}}.pkt-footer-simple__link{display:flex;text-decoration:none !important;align-items:flex-start}.pkt-footer-simple__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer-simple__link-icon{margin-top:0}}.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-top:.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-top:.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-top:.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-left:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-top:.75rem;right:0;left:0;padding-left: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-top: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-top:1rem;padding-bottom: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-grays-gray-600);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-icon,pkt-icon{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon>svg,pkt-icon>svg{min-height:1rem;min-width:1rem;max-height:100%;max-width:100%}.pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large{height:4rem;width:4rem}pkt-input-wrapper{display:block}.pkt-inputwrapper__label{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__label>h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;display:inline;margin-bottom:0}.pkt-inputwrapper__helptext{width:min(100%,31rem);color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper__helptext-expandable .pkt-btn{padding:0;height:auto;display:inline-flex;text-align:left;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable-heading{margin:0;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--pkt-color-text-body-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-text-action-disabled);color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert .pkt-alert__icon{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert,.pkt-inputwrapper--disabled .pkt-inputwrapper__label,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext-expandable .pkt-link{color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--pkt-color-border-states-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}pkt-linkcard{display:block}.pkt-linkcard{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center;padding:1rem;text-decoration:none;width:100%;height:100%;transition:background-color .2s linear}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{grid-column:2;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external{display:inline-flex}.pkt-linkcard__title.pkt-link--external::after{height:2.25rem;width:1.5rem;background-size:1.5rem 1.5rem;background-position:center;margin-left:.5rem;flex:0 0 auto;align-self:flex-start}.pkt-linkcard>.pkt-icon.pkt-link__icon,.pkt-linkcard pkt-icon.pkt-link__icon{margin-right:0}.pkt-linkcard__text{grid-column:2}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard--beige{background-color:var(--pkt-color-surface-default-light-beige) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--beige:hover,.pkt-linkcard--beige:focus,.pkt-linkcard--beige:focus-visible,.pkt-linkcard--beige:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--blue{background-color:var(--pkt-color-surface-subtle-pale-blue) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--blue:hover{background-color:var(--pkt-color-surface-default-light-blue) !important}.pkt-linkcard--blue:hover,.pkt-linkcard--blue:focus,.pkt-linkcard--blue:focus-visible,.pkt-linkcard--blue:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey,.pkt-linkcard--gray{background-color:var(--pkt-color-surface-default-gray) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--gray:hover{background-color:var(--pkt-color-surface-strong-gray) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--grey:focus,.pkt-linkcard--grey:focus-visible,.pkt-linkcard--grey:active,.pkt-linkcard--gray:hover,.pkt-linkcard--gray:focus,.pkt-linkcard--gray:focus-visible,.pkt-linkcard--gray:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--green{background-color:var(--pkt-color-surface-default-faded-green) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--green:hover{background-color:var(--pkt-color-surface-strong-light-green) !important}.pkt-linkcard--green:hover,.pkt-linkcard--green:focus,.pkt-linkcard--green:focus-visible,.pkt-linkcard--green:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey-outline,.pkt-linkcard--gray-outline{border:4px solid var(--pkt-color-border-subtle) !important}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige) !important}[data-mode=dark] .pkt-linkcard .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2190%) hue-rotate(285deg) brightness(109%) contrast(100%)}[data-mode=dark] .pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(93%) sepia(91%) saturate(6664%) hue-rotate(169deg) brightness(103%) contrast(107%)}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external::after,.pkt-linkcard--blue .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external:hover::after,.pkt-linkcard--blue .pkt-link--external:hover::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}.pkt-loader{width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader .pkt-loader__shapes svg{aspect-ratio:600/165}.pkt-loader--small>p{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}.pkt-loader .egg-loader{position:relative;display:flex;justify-content:center;align-items:center;margin-top:8em;font-size:.4rem;width:25em;height:5em}.pkt-loader--small .egg-loader{font-size:.2rem}.pkt-loader--large .egg-loader{font-size:.6rem}.pkt-loader .egg{position:absolute;width:5em;height:6.5em;left:0em;background:repeating-linear-gradient(#ff8274, #ff8274 1em, #f9c66b 1em, #f9c66b 2em);border-radius:50% 50% 50% 50%/55% 55% 45% 45%;transform:translate3d(0, 0, 0);animation-name:eggroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0;opacity:0}.pkt-loader .egg.two{background:repeating-linear-gradient(#6fe9ff, #6fe9ff 1em, #ff8274 1em, #ff8274 2em);animation-delay:.5s}.pkt-loader .egg.three{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #f9c66b 1em, #f9c66b 2em);animation-delay:1s}.pkt-loader .egg.four{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #ff8274 1em, #ff8274 2em);animation-delay:1.5s}@keyframes eggroll{0%{transform:translate3d(0, 0, 0) rotate(0deg);opacity:0}12.5%{transform:translate3d(50%, 1em, 0) rotate(90deg)}25%{transform:translate3d(100%, 0, 0) rotate(180deg)}37.5%{transform:translate3d(150%, 1em, 0) rotate(270deg)}46%{transform:translate3d(200%, 0, 0) rotate(380deg)}50%{transform:translate3d(200%, 0, 0) rotate(360deg);opacity:1}54%{transform:translate3d(200%, 0, 0) rotate(340deg)}62.5%{transform:translate3d(250%, 1em, 0) rotate(450deg)}70%{transform:translate3d(300%, 0, 0) rotate(540deg)}75%{transform:translate3d(350%, 1em, 0) rotate(630deg);opacity:1}100%{transform:translate3d(400%, 0, 0) rotate(720deg);opacity:0}}.pkt-modal[open]{background-color:rgba(0,0,0,0);border:none;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:0;min-height:30vh;max-height:90vh}.pkt-modal[open]::backdrop,.pkt-modal[open]+.backdrop{background-color:rgba(0,0,0,.55)}.pkt-modal[open] .pkt-modal__container{padding-top:2rem;background:var(--pkt-color-background-default);overflow-y:auto;max-height:calc(100vh - 4rem)}.pkt-modal[open] .pkt-modal__header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;justify-content:flex-start;width:100%}.pkt-modal[open] .pkt-modal__header-background{background:var(--pkt-color-background-default);grid-column:1/2;grid-row:1/2;width:100%;height:100%}.pkt-modal[open] .pkt-modal__headingText{grid-column:1/2;grid-row:1/2;padding:2rem 0 0 2.5rem;margin:0;color:var(--pkt-color-text-body-default)}.pkt-modal[open] .pkt-modal__closeButton{grid-column:2/3;grid-row:1/2;display:flex;flex-direction:row-reverse;align-self:flex-start}.pkt-modal[open] .pkt-modal__closeButton--blue{height:100%;background:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--blue .pkt-btn{margin:.25rem}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn{height:4rem;width:4rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--pkt-color-surface-strong-dark-blue);background-color:var(--pkt-color-brand-yellow-1000)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:hover,.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:focus{background-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:hover .pkt-icon,.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn:focus .pkt-icon{color:var(--pkt-color-background-default)}.pkt-modal[open] .pkt-modal__closeButton--yellow-filled .pkt-btn .pkt-link__icon{width:unset;height:1.75rem}.pkt-modal[open] .pkt-modal__content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:2rem 2.5rem;padding-top:0;position:relative;color:var(--pkt-color-text-body-default);background:linear-gradient(var(--pkt-color-white) 30%, transparent) top,linear-gradient(transparent, var(--pkt-color-border-subtle) 60%) bottom,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), transparent) top,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), transparent) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;max-height:calc(100vh - 10rem)}body.pkt-modal--open{overflow:hidden;scrollbar-gutter:stable}.pkt-modal--small{width:480px;padding:1rem 2rem}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal__btn-wrapper{padding-top:1.5rem;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%}@media screen and (max-width: 640px){.pkt-modal[open]{gap:1rem 0;line-height:1.5rem}.pkt-modal[open] .pkt-modal__headingText{font-size:1.375rem}.pkt-modal[open] .pkt-modal__content{letter-spacing:-0.2px;font-size:1rem}.pkt-modal--large{position:absolute;width:100vh;padding:1rem 1.5rem}}@media screen and (max-width: 480px){.pkt-modal--small{position:absolute;width:100vh}}@media screen and (max-width: 36rem){.pkt-modal--medium{position:absolute;width:100vh}}@media screen and (max-width: 480px){.pkt-modal__btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.pkt-modal__btn-wrapper .pkt-btn{justify-content:center}}.pkt-modal.pkt-modal--removePadding .pkt-modal__headingText,.pkt-modal.pkt-modal--removePadding .pkt-modal__content,.pkt-modal.pkt-modal--removePadding .pkt-modal__container{padding:0}.pkt-modal.pkt-modal--noHeadingText .pkt-modal__container{padding-top:1rem}.pkt-modal .pkt-modal__container .pkt-modal__btn-wrapper button.pkt-btn:not(.pkt-inputwrapper__helptext-expandable>.pkt-btn):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:0}pkt-messagebox{display:block}.pkt-messagebox{--pkt-color-messagebox-bc: var(--pkt-color-border-beige);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-beige);--pkt-color-messagebox-txt: var(--pkt-color-text-body-dark)}.pkt-messagebox--red{--pkt-color-messagebox-bc: var(--pkt-color-border-red);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-faded-red)}.pkt-messagebox--green{--pkt-color-messagebox-bc: var(--pkt-color-border-green);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-green)}.pkt-messagebox--blue{--pkt-color-messagebox-bc: var(--pkt-color-border-blue);--pkt-color-messagebox-bg: var(--pkt-color-surface-default-light-blue)}.pkt-messagebox{padding:1.5rem 1.5rem 1.5rem 1.25rem;display:grid;grid-template-areas:"title close" "text text";grid-template-columns:auto 40px;border-left:.25rem solid var(--pkt-color-messagebox-bc);background-color:var(--pkt-color-messagebox-bg);color:var(--pkt-color-messagebox-txt)}.pkt-messagebox__title{grid-area:title;margin:0 0 1.5rem 0;letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}.pkt-messagebox__text{grid-area:text;margin:0;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-messagebox__text p{margin-bottom:1rem}.pkt-messagebox__text p:last-of-type{margin-bottom:0}.pkt-messagebox__close{grid-area:close}.pkt-messagebox__close svg{--fg-color: var(--pkt-color-alert-close-fg)}.pkt-messagebox--compact{padding:1rem 1rem 1rem .75rem}.pkt-messagebox--compact .pkt-messagebox__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__text{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__close>.pkt-btn{top:-15px}.pkt-preview{position:relative}.pkt-preview .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-surface-default-gray)}.pkt-preview__mode{position:absolute;top:1rem;right:1rem}.pkt-preview__component{display:flex;justify-content:space-around;align-items:center;min-height:10rem;padding:3rem 1rem;margin:1rem 0 0;border:.25rem solid var(--pkt-color-surface-default-gray);background-color:var(--pkt-color-background-default);transition:background-color .2s linear}.pkt-preview__component--fullwidth>div{width:100%}.pkt-preview__opts{padding:1rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__opts>.pkt-cell{position:relative}.pkt-preview__opts>.pkt-cell>.pkt-tag{display:block;position:absolute;top:0;right:0;padding:0 .25rem 0}.pkt-preview__code{position:relative;margin-bottom:1rem;font-size:.8rem}.pkt-preview__code>pre{margin-top:0 !important;background-color:var(--pkt-color-surface-default-gray) !important}.pkt-preview__copy{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center}.pkt-preview__specs{background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__specs pre{margin-top:0 !important}.pkt-preview__specs h2{padding:1rem}.astro-code.github-light{background-color:var(--pkt-color-surface-default-gray) !important}.preview-content{display:contents}.pkt-progressbar{--pkt-progress-width: 0%;--pkt-progress-label-width: 5rem}.pkt-progressbar__container{margin:0}.pkt-progressbar__title{display:block;margin:0;margin-bottom:8px;text-align:left;font-weight:500;font-size:.875rem}.pkt-progressbar__title-center{text-align:center}.pkt-progressbar__bar-wrapper{background-color:var(--pkt-color-grays-gray-100);height:8px;overflow:hidden}.pkt-progressbar__bar{background-color:var(--pkt-color-brand-dark-blue-1000);display:block;width:var(--pkt-progress-width);height:100%;transition:width .5s ease}.pkt-progressbar__bar--dark-blue{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-progressbar__bar--green{background-color:var(--pkt-color-brand-green-1000)}.pkt-progressbar__bar--light-blue{background-color:var(--pkt-color-brand-blue-1000)}.pkt-progressbar__bar--red{background-color:var(--pkt-color-brand-red-1000)}.pkt-progressbar__status{margin-top:8px;position:relative;white-space:nowrap;font-weight:400;font-size:.75rem}.pkt-progressbar__status--center{width:100% !important;text-align:center}.pkt-progressbar__status-placement--following{margin-left:max(0%,min(100% - var(--pkt-progress-label-width),var(--pkt-progress-width) - var(--pkt-progress-label-width)/2));transition:margin-left .5s ease}.pkt-searchinput{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__field{width:min(100%,31rem);display:flex}.pkt-searchinput--fullwidth .pkt-searchinput__field{width:100%}.pkt-searchinput--global .pkt-input:not(:disabled){border-color:var(--pkt-color-border-yellow)}.pkt-searchinput--global .pkt-input:not(:disabled):hover,.pkt-searchinput--global .pkt-input:not(:disabled):active,.pkt-searchinput--global .pkt-input:not(:disabled):focus{border-color:var(--pkt-color-input-border-active)}.pkt-searchinput--global .pkt-searchinput__button{border-radius:50%}.pkt-searchinput--local-with-button .pkt-searchinput__field{gap:.5rem}.pkt-searchinput--local .pkt-input{padding:.5rem 0 .5rem 1rem}.pkt-searchinput--local .pkt-searchinput__button:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-searchinput--local .pkt-searchinput__button svg{margin-left:0}.pkt-searchinput__suggestions{position:absolute;z-index:2;padding:0;margin:2px 0 0;width:min(100%,31rem);list-style:none;background-color:var(--pkt-color-background-card);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-searchinput--global .pkt-searchinput__suggestions{width:min(100% - 3rem,28rem)}.pkt-searchinput--local-with-button .pkt-searchinput__suggestions{width:min(100% - 3.5rem,27.5rem)}.pkt-searchinput--fullwidth .pkt-searchinput__suggestions{width:100%}.pkt-searchinput__suggestion{display:block;padding:1rem;text-decoration:none;background-color:rgba(0,0,0,0);color:var(--pkt-color-text-action-normal);border:none;font:inherit;outline:inherit;text-align:inherit}.pkt-searchinput__suggestion:hover,.pkt-searchinput__suggestion:focus,.pkt-searchinput__suggestion:active{text-decoration:none;background-color:var(--pkt-color-background-subtle);color:var(--pkt-color-text-action-active)}.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title{text-decoration:underline}.pkt-searchinput__suggestion:hover>*,.pkt-searchinput__suggestion:focus>*,.pkt-searchinput__suggestion:active>*{color:inherit}.pkt-searchinput__suggestion--has-hover{cursor:pointer}.pkt-searchinput__suggestion-title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__suggestion-text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}.pkt-stepper{--pkt-steps-indicator-width: 24px;--pkt-steps-indicator-height: 24px;--pkt-steps-indicator-color: var(--pkt-color-brand-dark-blue-1000);--pkt-steps-border-width: 2.5px;--pkt-steps-line-length: 1.5rem;color:var(--pkt-color-brand-dark-blue-1000);font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;list-style:none;margin:0;padding:0}.pkt-stepper .pkt-step{display:grid}.pkt-stepper .pkt-step__wrapper{grid-column:title/content;grid-row:title/content}.pkt-stepper .pkt-step__title{font-weight:500;width:max-content;width:100%}.pkt-stepper .pkt-step__content{font-weight:300;padding-bottom:1.5rem;width:100%}.pkt-stepper .pkt-step__indicator{z-index:2;grid-area:indicator}.pkt-stepper .pkt-step__line{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-stepper .pkt-step__line--1{grid-area:indicator}.pkt-stepper .pkt-step__line--2{grid-area:indicator}.pkt-stepper .pkt-step__line--3{grid-area:line;height:fit-content}.pkt-stepper .pkt-step__nav-wrapper{display:flex;gap:20px;margin-top:1rem}.pkt-stepper--vertical{display:grid;grid-template-columns:1fr}.pkt-stepper--vertical .pkt-step{grid-template-areas:"indicator title" "line content";grid-template-columns:var(--pkt-steps-indicator-width) auto;grid-template-rows:var(--pkt-steps-indicator-height) minmax(min-content, max-content);grid-gap:0 1rem;justify-items:flex-start}.pkt-stepper--vertical .pkt-step--current .pkt-step__title,.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding:1rem 1.5rem;background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding-top:0}.pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper{margin-bottom:1.5rem}.pkt-stepper--vertical .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--vertical .pkt-step__line{min-height:min-content;height:100%;margin:auto;width:var(--pkt-steps-border-width)}.pkt-stepper--vertical .pkt-step__line--1{height:50%;transform:translateY(-55%)}.pkt-stepper--vertical .pkt-step__line--2{height:50%;transform:translateY(55%)}.pkt-stepper--vertical .pkt-step__line--3{min-height:4rem}.pkt-stepper--vertical .pkt-step__nav-wrapper{flex-direction:row}.pkt-stepper--horizontal{display:flex}.pkt-stepper--horizontal .pkt-step{grid-template-areas:"indicator line" "title title" "content content";grid-template-columns:var(--pkt-steps-indicator-width) minmax(60px, max-content);grid-template-rows:var(--pkt-steps-indicator-width) min-content min-content;justify-items:flex-start}.pkt-stepper--horizontal .pkt-step__wrapper{min-width:fit-content}.pkt-stepper--horizontal .pkt-step__title{padding:1.5rem 1rem 1.5rem 0}.pkt-stepper--horizontal .pkt-step__content{padding:0 1rem 1rem 0}.pkt-stepper--horizontal .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--horizontal .pkt-step__line{min-width:min-content;width:100%;margin:auto;height:var(--pkt-steps-border-width)}.pkt-stepper--horizontal .pkt-step__line--1{width:50%;transform:translateX(-55%)}.pkt-stepper--horizontal .pkt-step__line--2{width:50%;transform:translateX(55%)}.pkt-stepper--horizontal .pkt-step__line--3{min-width:5rem}.pkt-stepper--horizontal .pkt-step__nav-wrapper{flex-direction:column}.pkt-step:first-of-type .pkt-step__line--1{display:none}.pkt-step--incomplete .pkt-step__line{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--incomplete .pkt-step__title,.pkt-step--incomplete .pkt-step__content{color:var(--pkt-color-grays-gray-600)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--1{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--2{background-color:var(--pkt-color-grays-gray-200)}.pkt-step:last-of-type .pkt-step__line--3,.pkt-step:last-of-type .pkt-step__line--2{display:none}.pkt-step--current .pkt-step__line--1{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-step--current .pkt-step__line--2,.pkt-step--current .pkt-step__line--3{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--1{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--hideContent:not(.pkt-step--current) .pkt-step__content{display:none}.pkt-step--hideStep:not(.pkt-step--current) .pkt-step__title,.pkt-step--hideStep:not(.pkt-step--current) .pkt-step__content{display:none}.pkt-stepper--vertical .pkt-step--hideStep:not(.pkt-step--current) .pkt-step__line--3{min-height:2rem}.pkt-stepper--horizontal .pkt-step--hideStep:not(.pkt-step--current){grid-template-columns:var(--pkt-steps-indicator-width) minmax(2rem, max-content)}.pkt-stepper--horizontal .pkt-step--hideStep:not(.pkt-step--current) .pkt-step__line--3{min-width:2rem}.pkt-tabs{--pkt-tabs-bg: var(--pkt-color-background-default);background-color:var(--pkt-tabs-bg);position:relative;border-bottom:1px solid var(--pkt-color-border-gray)}.pkt-tabs__list{position:relative;width:auto;width:100%;overflow-x:auto;scrollbar-width:thin;padding:.25rem 4rem 0 .25rem;margin:0;display:flex;flex-wrap:nowrap;align-items:flex-start}.pkt-tabs__button{border:0;padding:0;background:none;border-radius:0}.pkt-tabs__link,.pkt-tabs__button{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--pkt-color-text-action-disabled);border-bottom:.25rem solid rgba(0,0,0,0);white-space:nowrap;letter-spacing:-0.2px;font-weight:400;font-size:1rem;line-height:1.5rem}.pkt-tabs__link .pkt-icon,.pkt-tabs__link pkt-icon,.pkt-tabs__button .pkt-icon,.pkt-tabs__button pkt-icon{--fg-color: currentColor}.pkt-tabs__link,.pkt-tabs__link:hover,.pkt-tabs__link:active,.pkt-tabs__button,.pkt-tabs__button:hover,.pkt-tabs__button:active{text-decoration:none}.pkt-tabs__link:focus:not(:active),.pkt-tabs__link:focus-visible:not(:active),.pkt-tabs__button:focus:not(:active),.pkt-tabs__button:focus-visible:not(:active){border:0;box-shadow:none;background-color:var(--pkt-color-surface-default-gray);outline:.25rem solid var(--pkt-color-border-states-focus);outline-offset:0}.pkt-tabs__link.active:focus,.pkt-tabs__link.active:focus-visible,.pkt-tabs__button.active:focus,.pkt-tabs__button.active:focus-visible{box-shadow:none;border-bottom:.25rem solid var(--pkt-color-border-blue)}.pkt-tabs__link:hover,.pkt-tabs__link:focus,.pkt-tabs__link:focus-visible,.pkt-tabs__link:focus-visible:is(:active),.pkt-tabs__link:focus:is(:active),.pkt-tabs__link:active,.pkt-tabs__button:hover,.pkt-tabs__button:focus,.pkt-tabs__button:focus-visible,.pkt-tabs__button:focus-visible:is(:active),.pkt-tabs__button:focus:is(:active),.pkt-tabs__button:active{outline:0;color:var(--pkt-color-text-action-active);border-bottom:.25rem solid var(--pkt-color-border-states-hover)}.pkt-tabs__link.active,.pkt-tabs__button.active{color:var(--pkt-color-text-action-normal);border-bottom:.25rem solid var(--pkt-color-border-blue);letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-tabs:after{content:"";display:block;position:absolute;z-index:3;background:linear-gradient(90deg, transparent 0%, var(--pkt-tabs-bg) 100%);top:0;right:0;bottom:0;width:5rem;pointer-events:none}.pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}[data-mode=dark] .pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}.pkt-tag{width:fit-content;background:var(--pkt-color-surface-default-light-blue);padding:.25rem .5rem;display:inline-flex;align-items:center;height:1.875rem;column-gap:0;color:var(--pkt-color-tag-text-normal);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-tag.pkt-btn:hover,.pkt-tag.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover);text-decoration:underline;border-color:rgba(0,0,0,0)}.pkt-tag.pkt-btn:hover>svg,.pkt-tag.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-btn:focus,.pkt-tag.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);border-color:var(--pkt-color-text-action-active);outline:4px solid var(--pkt-color-border-states-focus);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:focus>svg,.pkt-tag.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:active,.pkt-tag.pkt-tag--active,.pkt-tag.pkt-tag--active:hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-btn:active>svg,.pkt-tag.pkt-tag--active>svg,.pkt-tag.pkt-tag--active:hover>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag__icon{width:16px;height:16px;margin-right:.5rem}.pkt-tag__close-btn{width:16px;height:16px;margin-left:.5rem}.pkt-tag--green{background:var(--pkt-color-surface-strong-light-green)}.pkt-tag--green.pkt-btn:hover,.pkt-tag--green.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-hover)}.pkt-tag--green.pkt-btn:hover>svg,.pkt-tag--green.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--green.pkt-btn:focus,.pkt-tag--green.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-focus)}.pkt-tag--green.pkt-btn:focus>svg,.pkt-tag--green.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--green.pkt-btn:active,.pkt-tag--green.pkt-tag--active{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-active)}.pkt-tag--green.pkt-btn:active>svg,.pkt-tag--green.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--yellow{background:var(--pkt-color-surface-default-yellow)}.pkt-tag--yellow.pkt-btn:hover,.pkt-tag--yellow.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-hover)}.pkt-tag--yellow.pkt-btn:hover>svg,.pkt-tag--yellow.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--yellow.pkt-btn:focus,.pkt-tag--yellow.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-focus)}.pkt-tag--yellow.pkt-btn:focus>svg,.pkt-tag--yellow.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--yellow.pkt-btn:active,.pkt-tag--yellow.pkt-tag--active{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-active)}.pkt-tag--yellow.pkt-btn:active>svg,.pkt-tag--yellow.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--red{background:var(--pkt-color-surface-default-red)}.pkt-tag--red.pkt-btn:hover,.pkt-tag--red.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-hover)}.pkt-tag--red.pkt-btn:hover>svg,.pkt-tag--red.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--red.pkt-btn:focus,.pkt-tag--red.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-focus)}.pkt-tag--red.pkt-btn:focus>svg,.pkt-tag--red.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--red.pkt-btn:active,.pkt-tag--red.pkt-tag--active{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-active)}.pkt-tag--red.pkt-btn:active>svg,.pkt-tag--red.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--beige{background:var(--pkt-color-surface-default-light-beige)}.pkt-tag--beige.pkt-btn:hover,.pkt-tag--beige.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-hover)}.pkt-tag--beige.pkt-btn:hover>svg,.pkt-tag--beige.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--beige.pkt-btn:focus,.pkt-tag--beige.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-focus)}.pkt-tag--beige.pkt-btn:focus>svg,.pkt-tag--beige.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--beige.pkt-btn:active,.pkt-tag--beige.pkt-tag--active{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-active)}.pkt-tag--beige.pkt-btn:active>svg,.pkt-tag--beige.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--gray,.pkt-tag--grey{background:var(--pkt-color-surface-default-gray)}.pkt-tag--gray.pkt-btn:hover,.pkt-tag--gray.pkt-tag--hover,.pkt-tag--grey.pkt-btn:hover,.pkt-tag--grey.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-hover)}.pkt-tag--gray.pkt-btn:hover>svg,.pkt-tag--gray.pkt-tag--hover>svg,.pkt-tag--grey.pkt-btn:hover>svg,.pkt-tag--grey.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--gray.pkt-btn:focus,.pkt-tag--gray.pkt-tag--focus,.pkt-tag--grey.pkt-btn:focus,.pkt-tag--grey.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:focus>svg,.pkt-tag--gray.pkt-tag--focus>svg,.pkt-tag--grey.pkt-btn:focus>svg,.pkt-tag--grey.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:active,.pkt-tag--gray.pkt-tag--active,.pkt-tag--grey.pkt-btn:active,.pkt-tag--grey.pkt-tag--active{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag--gray.pkt-btn:active>svg,.pkt-tag--gray.pkt-tag--active>svg,.pkt-tag--grey.pkt-btn:active>svg,.pkt-tag--grey.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--blue-light{background:var(--pkt-color-surface-subtle-light-blue)}.pkt-tag--blue-light.pkt-btn:hover,.pkt-tag--blue-light.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover)}.pkt-tag--blue-light.pkt-btn:hover>svg,.pkt-tag--blue-light.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag--blue-light.pkt-btn:focus,.pkt-tag--blue-light.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-focus)}.pkt-tag--blue-light.pkt-btn:focus>svg,.pkt-tag--blue-light.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag--blue-light.pkt-btn:active,.pkt-tag--blue-light.pkt-tag--active{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag--blue-light.pkt-btn:active>svg,.pkt-tag--blue-light.pkt-tag--active>svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag--blue-dark{background:var(--pkt-color-brand-dark-blue-1000);color:var(--pkt-color-brand-neutrals-200)}.pkt-tag--blue-dark.pkt-btn:hover,.pkt-tag--blue-dark.pkt-btn:focus,.pkt-tag--blue-dark.pkt-tag--hover{background-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-brand-neutrals-200)}.pkt-tag--blue-dark .pkt-icon>svg{--fg-color: var(--pkt-color-brand-neutrals-200)}.pkt-tag--small{padding:.25rem;height:1.375rem}.pkt-tag--medium{padding:.25rem .5rem;height:1.875rem}.pkt-tag--large{padding:.25rem .5rem;height:2.25rem;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-tag--normal-text{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-tag--thin-text{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-teaserlist{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;position:relative;row-gap:30px}@media screen and (min-width: 48rem){.pkt-teaserlist{column-gap:30px;grid-template-columns:200px auto;grid-template-rows:auto;justify-items:normal}}@media screen and (min-width: 64rem){.pkt-teaserlist{grid-template-columns:300px auto}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip{grid-template-columns:auto 200px}}@media screen and (min-width: 64rem){.pkt-teaserlist.flip{grid-template-columns:auto 300px}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__img{grid-column:2}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__txt{grid-column:1;grid-row:1}}.pkt-teaserlist__img{width:150px}@media screen and (min-width: 48rem){.pkt-teaserlist__img{width:100%}}pkt-textinput,pkt-textarea,pkt-select{display:block}.pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-input:not(.pkt-input-compact),.pkt-textinput__input:not(.pkt-input-compact){min-height:3rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth):not(.pkt-datepicker__input:not(.pkt-datepicker--multiple)),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth):not(.pkt-datepicker__input:not(.pkt-datepicker--multiple)),.pkt-input__container:not(:is(:has(.pkt-datepicker__input:not(.pkt-datepicker--multiple)))):not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(31rem,100%)}.pkt-input__container:is(:has(.pkt-datepicker__input:not(.pkt-datepicker--multiple))):not(:is(:has(.pkt-input--fullwidth))){width:fit-content}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/12.29/icons/chevron-thin-down.svg);background-image:var(--svg);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.5rem auto,100%}.pkt-input:is(select) option,.pkt-textinput__input:is(select) option{background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);font-weight:normal}.pkt-input::placeholder,.pkt-textinput__input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-input:hover,.pkt-textinput__input:hover,.pkt-input.pkt-input--hover,.pkt-input--hover.pkt-textinput__input{border-color:var(--pkt-color-input-border-hover)}.pkt-input:focus-visible,.pkt-textinput__input:focus-visible,.pkt-input.pkt-input__textinput--focus,.pkt-input__textinput--focus.pkt-textinput__input{box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:focus,.pkt-textinput__input:focus{outline:none;box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:disabled,.pkt-textinput__input:disabled,.pkt-input:disabled::placeholder,.pkt-textinput__input:disabled::placeholder,.pkt-input[readonly],[readonly].pkt-textinput__input{opacity:1;background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-input-border-disabled);cursor:inherit}.pkt-input:disabled:active,.pkt-textinput__input:disabled:active{border:2px solid var(--pkt-color-input-border-disabled)}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input-separator{display:flex;align-items:center;width:auto;height:3rem;border:2px solid var(--pkt-color-input-border-normal);flex-shrink:0;color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-input-background-normal)}.pkt-input-prefix{padding:.5rem 0rem .5rem 1rem}.pkt-input-prefix::after{content:"";width:1px;margin-left:.5rem;height:100%;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-suffix{padding:.5rem 1rem .5rem 0rem}.pkt-input-suffix svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input-suffix::before{content:"";width:1px;margin-right:.5rem;height:1.5rem;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-icon{padding:.5rem 1rem;align-self:stretch}.pkt-input-icon svg{width:1.5rem;height:1.5rem}.pkt-input-icon:not(button) svg{margin-left:.5rem}.pkt-input-separator{padding:.5rem 0}.pkt-input--counter-error,.pkt-input--counter-error:focus{border-color:var(--pkt-color-input-border-error);background-color:var(--pkt-color-surface-default-faded-red)}.pkt-input--counter-error:focus{box-shadow:0 0 0 2px var(--pkt-color-input-border-error)}.pkt-input__container{display:flex;align-items:center;align-self:stretch}.pkt-input__container:is(:has(input[size])),.pkt-input__container:is(:has(textarea[cols])){align-self:flex-start}.pkt-input__container :first-child:not(:only-child){border-right-width:0}.pkt-input__container :last-child:not(:only-child){border-left-width:0}.pkt-input__container :not(:first-child):not(:last-child){border-left-width:0;border-right-width:0}.pkt-input__container p{margin:0}.pkt-input__container input:focus{outline:none;box-shadow:none}.pkt-input__container:hover .pkt-input,.pkt-input__container:hover .pkt-textinput__input,.pkt-input__container:hover .pkt-input-prefix,.pkt-input__container:hover .pkt-input-suffix,.pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__container:hover .pkt-input:disabled,.pkt-input__container:hover .pkt-textinput__input:disabled,.pkt-input__container:hover .pkt-input-prefix:disabled,.pkt-input__container:hover .pkt-input-suffix:disabled,.pkt-input__container:hover .pkt-input-icon:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-input__container:focus-within{outline:2px solid var(--pkt-color-input-border-active)}.pkt-input__container:focus-within .pkt-input,.pkt-input__container:focus-within .pkt-textinput__input,.pkt-input__container:focus-within .pkt-input-prefix,.pkt-input__container:focus-within .pkt-input-suffix,.pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__counter{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-input__counter{width:min(100%,31rem);text-align:right}.pkt-input__counter--error{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-input__counter--error{color:var(--pkt-color-input-text-error)}.pkt-input__range-inputs{min-width:17rem;container:range/inline-size}@container range (width < 30rem){.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);display:grid;grid-template-rows:auto auto;grid-template-columns:min-content auto 4rem;gap:0}.pkt-input__container>:nth-child(2){grid-column-start:span 2}.pkt-input__container .pkt-input-prefix,.pkt-input__container .pkt-input-suffix,.pkt-input__container .pkt-input-icon,.pkt-input__container .pkt-input,.pkt-input__container .pkt-textinput__input{border:0}}
|
|
@@ -319,6 +319,13 @@
|
|
|
319
319
|
align-items: center;
|
|
320
320
|
column-gap: 0.5rem;
|
|
321
321
|
}
|
|
322
|
+
.pkt-btn .pkt-btn__element-content {
|
|
323
|
+
display: inline-flex;
|
|
324
|
+
flex-direction: row;
|
|
325
|
+
align-items: center;
|
|
326
|
+
justify-content: center;
|
|
327
|
+
gap: 0.5rem;
|
|
328
|
+
}
|
|
322
329
|
.pkt-btn {
|
|
323
330
|
height: 3rem;
|
|
324
331
|
padding: 0 1rem;
|
|
@@ -713,7 +720,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn.pkt-b
|
|
|
713
720
|
outline-color: var(--pkt-color-input-border-hover);
|
|
714
721
|
}
|
|
715
722
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
716
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
723
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.29/icons/check-medium.svg);
|
|
717
724
|
position: relative;
|
|
718
725
|
background-color: var(--pkt-color-input-border-normal);
|
|
719
726
|
}
|
|
@@ -771,7 +778,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn.pkt-b
|
|
|
771
778
|
cursor: not-allowed;
|
|
772
779
|
}
|
|
773
780
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
774
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
781
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.29/icons/check-medium.svg);
|
|
775
782
|
--pkt-color-input-check-border: var(--pkt-color-input-border-normal);
|
|
776
783
|
filter: grayscale(100%) brightness(400%);
|
|
777
784
|
}
|
|
@@ -919,6 +926,12 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
919
926
|
}
|
|
920
927
|
|
|
921
928
|
/* Common styles for all inputs */
|
|
929
|
+
pkt-textinput,
|
|
930
|
+
pkt-textarea,
|
|
931
|
+
pkt-select {
|
|
932
|
+
display: block;
|
|
933
|
+
}
|
|
934
|
+
|
|
922
935
|
.pkt-input, .pkt-select select,
|
|
923
936
|
.pkt-select:is(select),
|
|
924
937
|
.pkt-input-prefix,
|
|
@@ -1017,7 +1030,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
1017
1030
|
}
|
|
1018
1031
|
.pkt-input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
|
|
1019
1032
|
.pkt-select:is(select):not([multiple]) {
|
|
1020
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
1033
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.29/icons/chevron-thin-down.svg);
|
|
1021
1034
|
background-image: var(--svg);
|
|
1022
1035
|
background-repeat: no-repeat;
|
|
1023
1036
|
background-position: right 0.7rem top 50%;
|