@oslokommune/punkt-css 11.12.1 → 11.12.3
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 +17 -0
- package/dist/css/components/calendar.css +72 -27
- package/dist/css/components/calendar.min.css +1 -1
- package/dist/css/components/icon.css +5 -5
- package/dist/css/components/icon.min.css +1 -1
- package/dist/css/components/tabs.css +2 -2
- package/dist/css/components/tabs.min.css +1 -1
- package/dist/css/pkt-components.css +79 -34
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +79 -34
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_calendar.scss +2 -1
- package/dist/scss/components/_icon.scss +1 -1
- package/dist/scss/components/_tabs.scss +1 -1
- package/package.json +2 -2
|
@@ -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:3px solid var(--pkt-color-border-gray)}.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{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{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0 0 1.5rem 2.5rem}.pkt-alert__close~.pkt-alert__title{margin:0 4rem 1.5rem 2.5rem}.pkt-alert__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;margin:0 0 0 2.5rem}.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{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;margin-top:1.5rem}.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{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem;margin:0 2.875rem}.pkt-alert--compact .pkt-alert__close{top:.25rem}.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);font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;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)}[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.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--grey{background:var(--pkt-color-surface-default-gray)}.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--grey.pkt-btn:hover>svg,.pkt-tag--grey.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.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--grey.pkt-btn:focus>svg,.pkt-tag--grey.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-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--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--small{padding:.25rem;height:1.375rem}.pkt-tag--medium{padding:.25rem .5rem;height:1.875rem}.pkt-tag--large{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;padding:.25rem .5rem;height:2.25rem}.pkt-tag--normal-text{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem}.pkt-tag--thin-text{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem}.pkt-back-link__icon{flex-basis:1rem}.pkt-back-link__text{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;flex-grow:1}.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;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;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{max-width:25rem}.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{display:flex;gap:.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.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{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav li,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days li{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn{margin:1px;z-index:1;border-radius:50%}.pkt-calendar .pkt-cal-month-nav .pkt-btn:focus,.pkt-calendar .pkt-cal-month-nav .pkt-btn:active,.pkt-calendar .pkt-cal-days .pkt-btn:focus,.pkt-calendar .pkt-cal-days .pkt-btn:active{outline:0;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn:disabled,.pkt-calendar .pkt-cal-days .pkt-btn:disabled{background-color:rgba(0,0,0,0);border:0;cursor:not-allowed}.pkt-calendar .pkt-cal-days{list-style:none;display:grid;grid-template-columns:repeat(7, 14.285%);margin:0;padding-left:0;justify-content:center;align-items:center}.pkt-calendar .pkt-cal-days>li{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center;z-index:1}.pkt-calendar .pkt-cal-days>li:before,.pkt-calendar .pkt-cal-days>li:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:0}.pkt-calendar .pkt-cal-days>li:before{left:0;right:50%}.pkt-calendar .pkt-cal-days>li:after{left:50%;right:0}.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{color:var(--pkt-color-grays-gray-200)}.pkt-calendar .pkt-cal-other .pkt-btn{color:inherit;background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn{z-index:2;text-decoration:underline;outline:1px solid var(--pkt-color-border-default)}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus{background-color:var(--pkt-color-surface-strong-blue)}.pkt-calendar .pkt-cal-selected .pkt-btn:hover,.pkt-calendar .pkt-cal-selected .pkt-btn:focus:hover{border-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{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{background-color:rgba(0,0,0,0)}.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 .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.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{background-color:rgba(0,0,0,0)}.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}@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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem;margin-bottom:2rem;margin-top:0;color:var(--pkt-color-text-body-default)}.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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}@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}@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;z-index:10}.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;font-size:1.375rem;font-weight:300;letter-spacing:-0.2px;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;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;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;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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);font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem}.pkt-user-menu__name{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{font-size:1rem;font-weight:300;letter-spacing:-0.2px;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,pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium,pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large,pkt-icon--large{height:4rem;width:4rem}.pkt-inputwrapper__label{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--pkt-color-text-body-default)}.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);font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-text-body-default)}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable{display:inline-flex;text-align:left;align-items:center}.pkt-inputwrapper__helptext-expandable-heading{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.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:1rem;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)}.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 .pkt-btn{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;padding:0;height:auto}.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-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);font-size:1rem;font-weight:400;letter-spacing:-0.2px;line-height:1.5rem;white-space:nowrap}.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);font-size:1rem;font-weight:500;letter-spacing:-0.2px;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-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-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:block;position:relative;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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem;margin:0 0 1.5rem 0}.pkt-messagebox__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.pkt-messagebox__text p{margin-bottom:1rem}.pkt-messagebox__text p:last-of-type{margin-bottom:0}.pkt-messagebox--compact{padding:1rem 1rem 1rem .75rem}.pkt-messagebox--compact .pkt-messagebox__title{font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__text{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-linkcard{display:flex;align-items:flex-start;padding:1rem;text-decoration:none;width:100%;height:100%}@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{font-size:1.25rem;font-weight:500;letter-spacing:-0.2px;line-height:2rem;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon{margin-top:.188rem}@media screen and (min-width: 35.938rem){.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon{margin-top:.375rem}}.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);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);color:var(--pkt-color-text-body-dark) !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-outline{border:4px solid var(--pkt-color-border-subtle)}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige)}[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{font-size:.75rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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-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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}.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;font-size:1rem;font-weight:300;letter-spacing:-0.2px;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),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.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/11.12/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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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;margin-left:.5rem}.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:none}.pkt-input__container :last-child:not(:only-child){border-left:none}.pkt-input__container :not(:first-child):not(:last-child){border-left:none;border-right:none}.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{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;width:min(100%,31rem);text-align:right}.pkt-input__counter--error{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-input-text-error)}.pkt-searchinput{position:relative;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;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}
|
|
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:3px solid var(--pkt-color-border-gray)}.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{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{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0 0 1.5rem 2.5rem}.pkt-alert__close~.pkt-alert__title{margin:0 4rem 1.5rem 2.5rem}.pkt-alert__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;margin:0 0 0 2.5rem}.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{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;margin-top:1.5rem}.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{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem;margin:0 2.875rem}.pkt-alert--compact .pkt-alert__close{top:.25rem}.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);font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;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)}[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.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--grey{background:var(--pkt-color-surface-default-gray)}.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--grey.pkt-btn:hover>svg,.pkt-tag--grey.pkt-tag--hover>svg{--fg-color: var(--pkt-color-tag-text-hover)}.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--grey.pkt-btn:focus>svg,.pkt-tag--grey.pkt-tag--focus>svg{--fg-color: var(--pkt-color-tag-text-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--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--small{padding:.25rem;height:1.375rem}.pkt-tag--medium{padding:.25rem .5rem;height:1.875rem}.pkt-tag--large{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;padding:.25rem .5rem;height:2.25rem}.pkt-tag--normal-text{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem}.pkt-tag--thin-text{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem}.pkt-back-link__icon{flex-basis:1rem}.pkt-back-link__text{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;flex-grow:1}.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;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;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-el-calendar{max-width:25rem}.pkt-calendar .pkt-cal-month-nav,pkt-el-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-el-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-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),pkt-el-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-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav li,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days li,pkt-el-calendar .pkt-cal-month-nav .pkt-btn,pkt-el-calendar .pkt-cal-month-nav li,pkt-el-calendar .pkt-cal-days .pkt-btn,pkt-el-calendar .pkt-cal-days li{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn,pkt-el-calendar .pkt-cal-month-nav .pkt-btn,pkt-el-calendar .pkt-cal-days .pkt-btn{margin:1px;z-index:1;border-radius:50%}.pkt-calendar .pkt-cal-month-nav .pkt-btn:focus,.pkt-calendar .pkt-cal-month-nav .pkt-btn:active,.pkt-calendar .pkt-cal-days .pkt-btn:focus,.pkt-calendar .pkt-cal-days .pkt-btn:active,pkt-el-calendar .pkt-cal-month-nav .pkt-btn:focus,pkt-el-calendar .pkt-cal-month-nav .pkt-btn:active,pkt-el-calendar .pkt-cal-days .pkt-btn:focus,pkt-el-calendar .pkt-cal-days .pkt-btn:active{outline:0;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn:disabled,.pkt-calendar .pkt-cal-days .pkt-btn:disabled,pkt-el-calendar .pkt-cal-month-nav .pkt-btn:disabled,pkt-el-calendar .pkt-cal-days .pkt-btn:disabled{background-color:rgba(0,0,0,0);border:0;cursor:not-allowed}.pkt-calendar .pkt-cal-days,pkt-el-calendar .pkt-cal-days{list-style:none;display:grid;grid-template-columns:repeat(7, 14.285%);margin:0;padding-left:0;justify-content:center;align-items:center}.pkt-calendar .pkt-cal-days>li,pkt-el-calendar .pkt-cal-days>li{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center;z-index:1}.pkt-calendar .pkt-cal-days>li:before,.pkt-calendar .pkt-cal-days>li:after,pkt-el-calendar .pkt-cal-days>li:before,pkt-el-calendar .pkt-cal-days>li:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:0}.pkt-calendar .pkt-cal-days>li:before,pkt-el-calendar .pkt-cal-days>li:before{left:0;right:50%}.pkt-calendar .pkt-cal-days>li:after,pkt-el-calendar .pkt-cal-days>li:after{left:50%;right:0}.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-days{grid-template-columns:repeat(8, 12.5%)}.pkt-calendar .pkt-cal-other,pkt-el-calendar .pkt-cal-other{color:var(--pkt-color-grays-gray-200)}.pkt-calendar .pkt-cal-other .pkt-btn,pkt-el-calendar .pkt-cal-other .pkt-btn{color:inherit;background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn,pkt-el-calendar .pkt-cal-today .pkt-btn{z-index:2;text-decoration:underline;outline:1px solid var(--pkt-color-border-default)}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus,pkt-el-calendar .pkt-cal-selected .pkt-btn,pkt-el-calendar .pkt-cal-selected .pkt-btn:focus{background-color:var(--pkt-color-surface-strong-blue)}.pkt-calendar .pkt-cal-selected .pkt-btn:hover,.pkt-calendar .pkt-cal-selected .pkt-btn:focus:hover,pkt-el-calendar .pkt-cal-selected .pkt-btn:hover,pkt-el-calendar .pkt-cal-selected .pkt-btn:focus:hover{border-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-el-calendar .pkt-cal-in-range:before,pkt-el-calendar .pkt-cal-in-range:after,pkt-el-calendar .pkt-cal-in-range-first:after,pkt-el-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-el-calendar .pkt-cal-in-range-first:before,pkt-el-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-el-calendar .pkt-cal-range-hover:before,pkt-el-calendar .pkt-cal-range-hover .pkt-btn{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-el-calendar .pkt-cal-range-hover .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-excluded,pkt-el-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-el-calendar .pkt-cal-excluded:before,pkt-el-calendar .pkt-cal-excluded:after{background-color:rgba(0,0,0,0)}.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}@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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem;margin-bottom:2rem;margin-top:0;color:var(--pkt-color-text-body-default)}.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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}@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}@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;z-index:10}.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;font-size:1.375rem;font-weight:300;letter-spacing:-0.2px;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;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;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;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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);font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem}.pkt-user-menu__name{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{font-size:1rem;font-weight:300;letter-spacing:-0.2px;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-el-icon{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon>svg,pkt-el-icon>svg{min-height:1rem;min-width:1rem;max-height:100%;max-width:100%}.pkt-icon--small,pkt-el-icon--small{height:1rem;width:1rem}.pkt-icon--medium,pkt-el-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large,pkt-el-icon--large{height:4rem;width:4rem}.pkt-inputwrapper__label{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--pkt-color-text-body-default)}.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);font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-text-body-default)}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable{display:inline-flex;text-align:left;align-items:center}.pkt-inputwrapper__helptext-expandable-heading{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.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:1rem;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)}.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 .pkt-btn{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;padding:0;height:auto}.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-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);font-size:1rem;font-weight:400;letter-spacing:-0.2px;line-height:1.5rem;white-space:nowrap}.pkt-tabs__link .pkt-icon,.pkt-tabs__link pkt-el-icon,.pkt-tabs__button .pkt-icon,.pkt-tabs__button pkt-el-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);font-size:1rem;font-weight:500;letter-spacing:-0.2px;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-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-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:block;position:relative;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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem;margin:0 0 1.5rem 0}.pkt-messagebox__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.pkt-messagebox__text p{margin-bottom:1rem}.pkt-messagebox__text p:last-of-type{margin-bottom:0}.pkt-messagebox--compact{padding:1rem 1rem 1rem .75rem}.pkt-messagebox--compact .pkt-messagebox__title{font-size:1rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5rem}.pkt-messagebox--compact .pkt-messagebox__text{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-linkcard{display:flex;align-items:flex-start;padding:1rem;text-decoration:none;width:100%;height:100%}@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{font-size:1.25rem;font-weight:500;letter-spacing:-0.2px;line-height:2rem;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon{margin-top:.188rem}@media screen and (min-width: 35.938rem){.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon{margin-top:.375rem}}.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);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);color:var(--pkt-color-text-body-dark) !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-outline{border:4px solid var(--pkt-color-border-subtle)}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige)}[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{font-size:.75rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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-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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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}.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;font-size:1rem;font-weight:300;letter-spacing:-0.2px;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),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.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/11.12/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{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;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;margin-left:.5rem}.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:none}.pkt-input__container :last-child:not(:only-child){border-left:none}.pkt-input__container :not(:first-child):not(:last-child){border-left:none;border-right:none}.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{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;width:min(100%,31rem);text-align:right}.pkt-input__counter--error{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-input-text-error)}.pkt-searchinput{position:relative;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;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{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;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}
|
package/dist/css/pkt.css
CHANGED
|
@@ -18913,35 +18913,45 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
18913
18913
|
}
|
|
18914
18914
|
}
|
|
18915
18915
|
|
|
18916
|
-
.pkt-calendar
|
|
18916
|
+
.pkt-calendar,
|
|
18917
|
+
pkt-el-calendar {
|
|
18917
18918
|
max-width: 25rem;
|
|
18918
18919
|
}
|
|
18919
|
-
.pkt-calendar .pkt-cal-month-nav
|
|
18920
|
+
.pkt-calendar .pkt-cal-month-nav,
|
|
18921
|
+
pkt-el-calendar .pkt-cal-month-nav {
|
|
18920
18922
|
display: flex;
|
|
18921
18923
|
justify-content: space-between;
|
|
18922
18924
|
align-items: center;
|
|
18923
18925
|
margin-bottom: 1rem;
|
|
18924
18926
|
}
|
|
18925
|
-
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker
|
|
18927
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,
|
|
18928
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker {
|
|
18926
18929
|
display: flex;
|
|
18927
18930
|
gap: 0.5rem;
|
|
18928
18931
|
}
|
|
18929
|
-
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input
|
|
18932
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,
|
|
18933
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input {
|
|
18930
18934
|
font-size: 1rem;
|
|
18931
18935
|
font-weight: 500;
|
|
18932
18936
|
letter-spacing: -0.2px;
|
|
18933
18937
|
line-height: 1.5rem;
|
|
18934
18938
|
}
|
|
18935
|
-
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select)
|
|
18939
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),
|
|
18940
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select) {
|
|
18936
18941
|
text-align: right;
|
|
18937
18942
|
}
|
|
18938
|
-
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year
|
|
18943
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year,
|
|
18944
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year {
|
|
18939
18945
|
max-width: 4.5rem;
|
|
18940
18946
|
}
|
|
18941
18947
|
.pkt-calendar .pkt-cal-month-nav .pkt-btn,
|
|
18942
18948
|
.pkt-calendar .pkt-cal-month-nav li,
|
|
18943
18949
|
.pkt-calendar .pkt-cal-days .pkt-btn,
|
|
18944
|
-
.pkt-calendar .pkt-cal-days li
|
|
18950
|
+
.pkt-calendar .pkt-cal-days li,
|
|
18951
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn,
|
|
18952
|
+
pkt-el-calendar .pkt-cal-month-nav li,
|
|
18953
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn,
|
|
18954
|
+
pkt-el-calendar .pkt-cal-days li {
|
|
18945
18955
|
font: inherit;
|
|
18946
18956
|
aspect-ratio: 1/1;
|
|
18947
18957
|
display: flex;
|
|
@@ -18949,24 +18959,33 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
18949
18959
|
align-items: center;
|
|
18950
18960
|
}
|
|
18951
18961
|
.pkt-calendar .pkt-cal-month-nav .pkt-btn,
|
|
18952
|
-
.pkt-calendar .pkt-cal-days .pkt-btn
|
|
18962
|
+
.pkt-calendar .pkt-cal-days .pkt-btn,
|
|
18963
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn,
|
|
18964
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn {
|
|
18953
18965
|
margin: 1px;
|
|
18954
18966
|
z-index: 1;
|
|
18955
18967
|
border-radius: 50%;
|
|
18956
18968
|
}
|
|
18957
18969
|
.pkt-calendar .pkt-cal-month-nav .pkt-btn:focus, .pkt-calendar .pkt-cal-month-nav .pkt-btn:active,
|
|
18958
18970
|
.pkt-calendar .pkt-cal-days .pkt-btn:focus,
|
|
18959
|
-
.pkt-calendar .pkt-cal-days .pkt-btn:active
|
|
18971
|
+
.pkt-calendar .pkt-cal-days .pkt-btn:active,
|
|
18972
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:focus,
|
|
18973
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:active,
|
|
18974
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:focus,
|
|
18975
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:active {
|
|
18960
18976
|
outline: 0;
|
|
18961
18977
|
border: 0;
|
|
18962
18978
|
}
|
|
18963
18979
|
.pkt-calendar .pkt-cal-month-nav .pkt-btn:disabled,
|
|
18964
|
-
.pkt-calendar .pkt-cal-days .pkt-btn:disabled
|
|
18980
|
+
.pkt-calendar .pkt-cal-days .pkt-btn:disabled,
|
|
18981
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:disabled,
|
|
18982
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:disabled {
|
|
18965
18983
|
background-color: transparent;
|
|
18966
18984
|
border: 0;
|
|
18967
18985
|
cursor: not-allowed;
|
|
18968
18986
|
}
|
|
18969
|
-
.pkt-calendar .pkt-cal-days
|
|
18987
|
+
.pkt-calendar .pkt-cal-days,
|
|
18988
|
+
pkt-el-calendar .pkt-cal-days {
|
|
18970
18989
|
list-style: none;
|
|
18971
18990
|
display: grid;
|
|
18972
18991
|
grid-template-columns: repeat(7, 14.285%);
|
|
@@ -18975,7 +18994,8 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
18975
18994
|
justify-content: center;
|
|
18976
18995
|
align-items: center;
|
|
18977
18996
|
}
|
|
18978
|
-
.pkt-calendar .pkt-cal-days > li
|
|
18997
|
+
.pkt-calendar .pkt-cal-days > li,
|
|
18998
|
+
pkt-el-calendar .pkt-cal-days > li {
|
|
18979
18999
|
aspect-ratio: 1/1;
|
|
18980
19000
|
justify-content: center;
|
|
18981
19001
|
align-items: center;
|
|
@@ -18983,7 +19003,9 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
18983
19003
|
text-align: center;
|
|
18984
19004
|
z-index: 1;
|
|
18985
19005
|
}
|
|
18986
|
-
.pkt-calendar .pkt-cal-days > li:before, .pkt-calendar .pkt-cal-days > li:after
|
|
19006
|
+
.pkt-calendar .pkt-cal-days > li:before, .pkt-calendar .pkt-cal-days > li:after,
|
|
19007
|
+
pkt-el-calendar .pkt-cal-days > li:before,
|
|
19008
|
+
pkt-el-calendar .pkt-cal-days > li:after {
|
|
18987
19009
|
content: "";
|
|
18988
19010
|
display: block;
|
|
18989
19011
|
position: absolute;
|
|
@@ -18991,55 +19013,78 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
18991
19013
|
bottom: 0;
|
|
18992
19014
|
z-index: 0;
|
|
18993
19015
|
}
|
|
18994
|
-
.pkt-calendar .pkt-cal-days > li:before
|
|
19016
|
+
.pkt-calendar .pkt-cal-days > li:before,
|
|
19017
|
+
pkt-el-calendar .pkt-cal-days > li:before {
|
|
18995
19018
|
left: 0;
|
|
18996
19019
|
right: 50%;
|
|
18997
19020
|
}
|
|
18998
|
-
.pkt-calendar .pkt-cal-days > li:after
|
|
19021
|
+
.pkt-calendar .pkt-cal-days > li:after,
|
|
19022
|
+
pkt-el-calendar .pkt-cal-days > li:after {
|
|
18999
19023
|
left: 50%;
|
|
19000
19024
|
right: 0;
|
|
19001
19025
|
}
|
|
19002
|
-
.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names, .pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days
|
|
19026
|
+
.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names, .pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,
|
|
19027
|
+
pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,
|
|
19028
|
+
pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-days {
|
|
19003
19029
|
grid-template-columns: repeat(8, 12.5%);
|
|
19004
19030
|
}
|
|
19005
|
-
.pkt-calendar .pkt-cal-other
|
|
19031
|
+
.pkt-calendar .pkt-cal-other,
|
|
19032
|
+
pkt-el-calendar .pkt-cal-other {
|
|
19006
19033
|
color: var(--pkt-color-grays-gray-200);
|
|
19007
19034
|
}
|
|
19008
|
-
.pkt-calendar .pkt-cal-other .pkt-btn
|
|
19035
|
+
.pkt-calendar .pkt-cal-other .pkt-btn,
|
|
19036
|
+
pkt-el-calendar .pkt-cal-other .pkt-btn {
|
|
19009
19037
|
color: inherit;
|
|
19010
19038
|
background: transparent;
|
|
19011
19039
|
border: none;
|
|
19012
19040
|
}
|
|
19013
|
-
.pkt-calendar .pkt-cal-today .pkt-btn
|
|
19041
|
+
.pkt-calendar .pkt-cal-today .pkt-btn,
|
|
19042
|
+
pkt-el-calendar .pkt-cal-today .pkt-btn {
|
|
19014
19043
|
z-index: 2;
|
|
19015
19044
|
text-decoration: underline;
|
|
19016
19045
|
outline: 1px solid var(--pkt-color-border-default);
|
|
19017
19046
|
}
|
|
19018
19047
|
.pkt-calendar .pkt-cal-selected .pkt-btn,
|
|
19019
|
-
.pkt-calendar .pkt-cal-selected .pkt-btn:focus
|
|
19048
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn:focus,
|
|
19049
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn,
|
|
19050
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:focus {
|
|
19020
19051
|
background-color: var(--pkt-color-surface-strong-blue);
|
|
19021
19052
|
}
|
|
19022
19053
|
.pkt-calendar .pkt-cal-selected .pkt-btn:hover,
|
|
19023
|
-
.pkt-calendar .pkt-cal-selected .pkt-btn:focus:hover
|
|
19054
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn:focus:hover,
|
|
19055
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:hover,
|
|
19056
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:focus:hover {
|
|
19024
19057
|
border-color: var(--pkt-color-surface-strong-blue);
|
|
19025
19058
|
}
|
|
19026
|
-
.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
|
|
19059
|
+
.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,
|
|
19060
|
+
pkt-el-calendar .pkt-cal-in-range:before,
|
|
19061
|
+
pkt-el-calendar .pkt-cal-in-range:after,
|
|
19062
|
+
pkt-el-calendar .pkt-cal-in-range-first:after,
|
|
19063
|
+
pkt-el-calendar .pkt-cal-in-range-last:before {
|
|
19027
19064
|
background-color: var(--pkt-color-surface-default-light-blue);
|
|
19028
19065
|
}
|
|
19029
|
-
.pkt-calendar .pkt-cal-in-range-first:before, .pkt-calendar .pkt-cal-in-range-last:after
|
|
19066
|
+
.pkt-calendar .pkt-cal-in-range-first:before, .pkt-calendar .pkt-cal-in-range-last:after,
|
|
19067
|
+
pkt-el-calendar .pkt-cal-in-range-first:before,
|
|
19068
|
+
pkt-el-calendar .pkt-cal-in-range-last:after {
|
|
19030
19069
|
background-color: transparent;
|
|
19031
19070
|
}
|
|
19032
19071
|
.pkt-calendar .pkt-cal-range-hover:before,
|
|
19033
|
-
.pkt-calendar .pkt-cal-range-hover .pkt-btn
|
|
19072
|
+
.pkt-calendar .pkt-cal-range-hover .pkt-btn,
|
|
19073
|
+
pkt-el-calendar .pkt-cal-range-hover:before,
|
|
19074
|
+
pkt-el-calendar .pkt-cal-range-hover .pkt-btn {
|
|
19034
19075
|
background-color: var(--pkt-color-surface-default-light-blue);
|
|
19035
19076
|
}
|
|
19036
|
-
.pkt-calendar .pkt-cal-range-hover .pkt-btn
|
|
19077
|
+
.pkt-calendar .pkt-cal-range-hover .pkt-btn,
|
|
19078
|
+
pkt-el-calendar .pkt-cal-range-hover .pkt-btn {
|
|
19037
19079
|
border-color: var(--pkt-color-surface-default-light-blue);
|
|
19038
19080
|
}
|
|
19039
|
-
.pkt-calendar .pkt-cal-excluded
|
|
19081
|
+
.pkt-calendar .pkt-cal-excluded,
|
|
19082
|
+
pkt-el-calendar .pkt-cal-excluded {
|
|
19040
19083
|
background-color: var(--pkt-color-brand-neutrals-100);
|
|
19041
19084
|
}
|
|
19042
|
-
.pkt-calendar .pkt-cal-excluded:before, .pkt-calendar .pkt-cal-excluded:after
|
|
19085
|
+
.pkt-calendar .pkt-cal-excluded:before, .pkt-calendar .pkt-cal-excluded:after,
|
|
19086
|
+
pkt-el-calendar .pkt-cal-excluded:before,
|
|
19087
|
+
pkt-el-calendar .pkt-cal-excluded:after {
|
|
19043
19088
|
background-color: transparent;
|
|
19044
19089
|
}
|
|
19045
19090
|
|
|
@@ -19488,30 +19533,30 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
19488
19533
|
* TODO: use SVG icons instead
|
|
19489
19534
|
*/
|
|
19490
19535
|
.pkt-icon,
|
|
19491
|
-
pkt-icon {
|
|
19536
|
+
pkt-el-icon {
|
|
19492
19537
|
display: inline-flex;
|
|
19493
19538
|
min-height: 1rem;
|
|
19494
19539
|
min-width: 1rem;
|
|
19495
19540
|
}
|
|
19496
19541
|
.pkt-icon > svg,
|
|
19497
|
-
pkt-icon > svg {
|
|
19542
|
+
pkt-el-icon > svg {
|
|
19498
19543
|
min-height: 1rem;
|
|
19499
19544
|
min-width: 1rem;
|
|
19500
19545
|
max-height: 100%;
|
|
19501
19546
|
max-width: 100%;
|
|
19502
19547
|
}
|
|
19503
19548
|
.pkt-icon--small,
|
|
19504
|
-
pkt-icon--small {
|
|
19549
|
+
pkt-el-icon--small {
|
|
19505
19550
|
height: 1rem;
|
|
19506
19551
|
width: 1rem;
|
|
19507
19552
|
}
|
|
19508
19553
|
.pkt-icon--medium,
|
|
19509
|
-
pkt-icon--medium {
|
|
19554
|
+
pkt-el-icon--medium {
|
|
19510
19555
|
height: 1.5rem;
|
|
19511
19556
|
width: 1.5rem;
|
|
19512
19557
|
}
|
|
19513
19558
|
.pkt-icon--large,
|
|
19514
|
-
pkt-icon--large {
|
|
19559
|
+
pkt-el-icon--large {
|
|
19515
19560
|
height: 4rem;
|
|
19516
19561
|
width: 4rem;
|
|
19517
19562
|
}
|
|
@@ -19713,8 +19758,8 @@ pkt-icon--large {
|
|
|
19713
19758
|
white-space: nowrap;
|
|
19714
19759
|
}
|
|
19715
19760
|
.pkt-tabs__link .pkt-icon,
|
|
19716
|
-
.pkt-tabs__link pkt-icon, .pkt-tabs__button .pkt-icon,
|
|
19717
|
-
.pkt-tabs__button pkt-icon {
|
|
19761
|
+
.pkt-tabs__link pkt-el-icon, .pkt-tabs__button .pkt-icon,
|
|
19762
|
+
.pkt-tabs__button pkt-el-icon {
|
|
19718
19763
|
--fg-color: currentColor;
|
|
19719
19764
|
}
|
|
19720
19765
|
.pkt-tabs__link, .pkt-tabs__link:hover, .pkt-tabs__link:active, .pkt-tabs__button, .pkt-tabs__button:hover, .pkt-tabs__button:active {
|