@oslokommune/punkt-css 11.11.0 → 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 +34 -0
- package/dist/css/components/calendar.css +174 -0
- package/dist/css/components/calendar.min.css +1 -0
- package/dist/css/components/icon.css +10 -5
- package/dist/css/components/icon.min.css +1 -1
- package/dist/css/components/linkcard.css +8 -4
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/components/tabs.css +3 -1
- package/dist/css/components/tabs.min.css +1 -1
- package/dist/css/components/textinput.css +14 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/pkt-base.css +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +210 -11
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-elements.css +18 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +215 -14
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_calendar.scss +147 -0
- package/dist/scss/components/_icon.scss +2 -1
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_linkcard.scss +15 -12
- package/dist/scss/components/_tabs.scss +2 -1
- package/dist/scss/elements/_input.scss +12 -3
- package/package.json +2 -2
|
@@ -625,6 +625,181 @@
|
|
|
625
625
|
}
|
|
626
626
|
}
|
|
627
627
|
|
|
628
|
+
.pkt-calendar,
|
|
629
|
+
pkt-el-calendar {
|
|
630
|
+
max-width: 25rem;
|
|
631
|
+
}
|
|
632
|
+
.pkt-calendar .pkt-cal-month-nav,
|
|
633
|
+
pkt-el-calendar .pkt-cal-month-nav {
|
|
634
|
+
display: flex;
|
|
635
|
+
justify-content: space-between;
|
|
636
|
+
align-items: center;
|
|
637
|
+
margin-bottom: 1rem;
|
|
638
|
+
}
|
|
639
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,
|
|
640
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker {
|
|
641
|
+
display: flex;
|
|
642
|
+
gap: 0.5rem;
|
|
643
|
+
}
|
|
644
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,
|
|
645
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input {
|
|
646
|
+
font-size: 1rem;
|
|
647
|
+
font-weight: 500;
|
|
648
|
+
letter-spacing: -0.2px;
|
|
649
|
+
line-height: 1.5rem;
|
|
650
|
+
}
|
|
651
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),
|
|
652
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select) {
|
|
653
|
+
text-align: right;
|
|
654
|
+
}
|
|
655
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year,
|
|
656
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-cal-month-picker > .pkt-cal-input-year {
|
|
657
|
+
max-width: 4.5rem;
|
|
658
|
+
}
|
|
659
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-btn,
|
|
660
|
+
.pkt-calendar .pkt-cal-month-nav li,
|
|
661
|
+
.pkt-calendar .pkt-cal-days .pkt-btn,
|
|
662
|
+
.pkt-calendar .pkt-cal-days li,
|
|
663
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn,
|
|
664
|
+
pkt-el-calendar .pkt-cal-month-nav li,
|
|
665
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn,
|
|
666
|
+
pkt-el-calendar .pkt-cal-days li {
|
|
667
|
+
font: inherit;
|
|
668
|
+
aspect-ratio: 1/1;
|
|
669
|
+
display: flex;
|
|
670
|
+
justify-content: center;
|
|
671
|
+
align-items: center;
|
|
672
|
+
}
|
|
673
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-btn,
|
|
674
|
+
.pkt-calendar .pkt-cal-days .pkt-btn,
|
|
675
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn,
|
|
676
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn {
|
|
677
|
+
margin: 1px;
|
|
678
|
+
z-index: 1;
|
|
679
|
+
border-radius: 50%;
|
|
680
|
+
}
|
|
681
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-btn:focus, .pkt-calendar .pkt-cal-month-nav .pkt-btn:active,
|
|
682
|
+
.pkt-calendar .pkt-cal-days .pkt-btn:focus,
|
|
683
|
+
.pkt-calendar .pkt-cal-days .pkt-btn:active,
|
|
684
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:focus,
|
|
685
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:active,
|
|
686
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:focus,
|
|
687
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:active {
|
|
688
|
+
outline: 0;
|
|
689
|
+
border: 0;
|
|
690
|
+
}
|
|
691
|
+
.pkt-calendar .pkt-cal-month-nav .pkt-btn:disabled,
|
|
692
|
+
.pkt-calendar .pkt-cal-days .pkt-btn:disabled,
|
|
693
|
+
pkt-el-calendar .pkt-cal-month-nav .pkt-btn:disabled,
|
|
694
|
+
pkt-el-calendar .pkt-cal-days .pkt-btn:disabled {
|
|
695
|
+
background-color: transparent;
|
|
696
|
+
border: 0;
|
|
697
|
+
cursor: not-allowed;
|
|
698
|
+
}
|
|
699
|
+
.pkt-calendar .pkt-cal-days,
|
|
700
|
+
pkt-el-calendar .pkt-cal-days {
|
|
701
|
+
list-style: none;
|
|
702
|
+
display: grid;
|
|
703
|
+
grid-template-columns: repeat(7, 14.285%);
|
|
704
|
+
margin: 0;
|
|
705
|
+
padding-left: 0;
|
|
706
|
+
justify-content: center;
|
|
707
|
+
align-items: center;
|
|
708
|
+
}
|
|
709
|
+
.pkt-calendar .pkt-cal-days > li,
|
|
710
|
+
pkt-el-calendar .pkt-cal-days > li {
|
|
711
|
+
aspect-ratio: 1/1;
|
|
712
|
+
justify-content: center;
|
|
713
|
+
align-items: center;
|
|
714
|
+
position: relative;
|
|
715
|
+
text-align: center;
|
|
716
|
+
z-index: 1;
|
|
717
|
+
}
|
|
718
|
+
.pkt-calendar .pkt-cal-days > li:before, .pkt-calendar .pkt-cal-days > li:after,
|
|
719
|
+
pkt-el-calendar .pkt-cal-days > li:before,
|
|
720
|
+
pkt-el-calendar .pkt-cal-days > li:after {
|
|
721
|
+
content: "";
|
|
722
|
+
display: block;
|
|
723
|
+
position: absolute;
|
|
724
|
+
top: 0;
|
|
725
|
+
bottom: 0;
|
|
726
|
+
z-index: 0;
|
|
727
|
+
}
|
|
728
|
+
.pkt-calendar .pkt-cal-days > li:before,
|
|
729
|
+
pkt-el-calendar .pkt-cal-days > li:before {
|
|
730
|
+
left: 0;
|
|
731
|
+
right: 50%;
|
|
732
|
+
}
|
|
733
|
+
.pkt-calendar .pkt-cal-days > li:after,
|
|
734
|
+
pkt-el-calendar .pkt-cal-days > li:after {
|
|
735
|
+
left: 50%;
|
|
736
|
+
right: 0;
|
|
737
|
+
}
|
|
738
|
+
.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names, .pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,
|
|
739
|
+
pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,
|
|
740
|
+
pkt-el-calendar.pkt-cal-weeknumbers .pkt-cal-days {
|
|
741
|
+
grid-template-columns: repeat(8, 12.5%);
|
|
742
|
+
}
|
|
743
|
+
.pkt-calendar .pkt-cal-other,
|
|
744
|
+
pkt-el-calendar .pkt-cal-other {
|
|
745
|
+
color: var(--pkt-color-grays-gray-200);
|
|
746
|
+
}
|
|
747
|
+
.pkt-calendar .pkt-cal-other .pkt-btn,
|
|
748
|
+
pkt-el-calendar .pkt-cal-other .pkt-btn {
|
|
749
|
+
color: inherit;
|
|
750
|
+
background: transparent;
|
|
751
|
+
border: none;
|
|
752
|
+
}
|
|
753
|
+
.pkt-calendar .pkt-cal-today .pkt-btn,
|
|
754
|
+
pkt-el-calendar .pkt-cal-today .pkt-btn {
|
|
755
|
+
z-index: 2;
|
|
756
|
+
text-decoration: underline;
|
|
757
|
+
outline: 1px solid var(--pkt-color-border-default);
|
|
758
|
+
}
|
|
759
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn,
|
|
760
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn:focus,
|
|
761
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn,
|
|
762
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:focus {
|
|
763
|
+
background-color: var(--pkt-color-surface-strong-blue);
|
|
764
|
+
}
|
|
765
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn:hover,
|
|
766
|
+
.pkt-calendar .pkt-cal-selected .pkt-btn:focus:hover,
|
|
767
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:hover,
|
|
768
|
+
pkt-el-calendar .pkt-cal-selected .pkt-btn:focus:hover {
|
|
769
|
+
border-color: var(--pkt-color-surface-strong-blue);
|
|
770
|
+
}
|
|
771
|
+
.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,
|
|
772
|
+
pkt-el-calendar .pkt-cal-in-range:before,
|
|
773
|
+
pkt-el-calendar .pkt-cal-in-range:after,
|
|
774
|
+
pkt-el-calendar .pkt-cal-in-range-first:after,
|
|
775
|
+
pkt-el-calendar .pkt-cal-in-range-last:before {
|
|
776
|
+
background-color: var(--pkt-color-surface-default-light-blue);
|
|
777
|
+
}
|
|
778
|
+
.pkt-calendar .pkt-cal-in-range-first:before, .pkt-calendar .pkt-cal-in-range-last:after,
|
|
779
|
+
pkt-el-calendar .pkt-cal-in-range-first:before,
|
|
780
|
+
pkt-el-calendar .pkt-cal-in-range-last:after {
|
|
781
|
+
background-color: transparent;
|
|
782
|
+
}
|
|
783
|
+
.pkt-calendar .pkt-cal-range-hover:before,
|
|
784
|
+
.pkt-calendar .pkt-cal-range-hover .pkt-btn,
|
|
785
|
+
pkt-el-calendar .pkt-cal-range-hover:before,
|
|
786
|
+
pkt-el-calendar .pkt-cal-range-hover .pkt-btn {
|
|
787
|
+
background-color: var(--pkt-color-surface-default-light-blue);
|
|
788
|
+
}
|
|
789
|
+
.pkt-calendar .pkt-cal-range-hover .pkt-btn,
|
|
790
|
+
pkt-el-calendar .pkt-cal-range-hover .pkt-btn {
|
|
791
|
+
border-color: var(--pkt-color-surface-default-light-blue);
|
|
792
|
+
}
|
|
793
|
+
.pkt-calendar .pkt-cal-excluded,
|
|
794
|
+
pkt-el-calendar .pkt-cal-excluded {
|
|
795
|
+
background-color: var(--pkt-color-brand-neutrals-100);
|
|
796
|
+
}
|
|
797
|
+
.pkt-calendar .pkt-cal-excluded:before, .pkt-calendar .pkt-cal-excluded:after,
|
|
798
|
+
pkt-el-calendar .pkt-cal-excluded:before,
|
|
799
|
+
pkt-el-calendar .pkt-cal-excluded:after {
|
|
800
|
+
background-color: transparent;
|
|
801
|
+
}
|
|
802
|
+
|
|
628
803
|
/*
|
|
629
804
|
* Footer element
|
|
630
805
|
*/
|
|
@@ -1069,26 +1244,31 @@
|
|
|
1069
1244
|
*
|
|
1070
1245
|
* TODO: use SVG icons instead
|
|
1071
1246
|
*/
|
|
1072
|
-
.pkt-icon
|
|
1247
|
+
.pkt-icon,
|
|
1248
|
+
pkt-el-icon {
|
|
1073
1249
|
display: inline-flex;
|
|
1074
1250
|
min-height: 1rem;
|
|
1075
1251
|
min-width: 1rem;
|
|
1076
1252
|
}
|
|
1077
|
-
.pkt-icon > svg
|
|
1253
|
+
.pkt-icon > svg,
|
|
1254
|
+
pkt-el-icon > svg {
|
|
1078
1255
|
min-height: 1rem;
|
|
1079
1256
|
min-width: 1rem;
|
|
1080
1257
|
max-height: 100%;
|
|
1081
1258
|
max-width: 100%;
|
|
1082
1259
|
}
|
|
1083
|
-
.pkt-icon--small
|
|
1260
|
+
.pkt-icon--small,
|
|
1261
|
+
pkt-el-icon--small {
|
|
1084
1262
|
height: 1rem;
|
|
1085
1263
|
width: 1rem;
|
|
1086
1264
|
}
|
|
1087
|
-
.pkt-icon--medium
|
|
1265
|
+
.pkt-icon--medium,
|
|
1266
|
+
pkt-el-icon--medium {
|
|
1088
1267
|
height: 1.5rem;
|
|
1089
1268
|
width: 1.5rem;
|
|
1090
1269
|
}
|
|
1091
|
-
.pkt-icon--large
|
|
1270
|
+
.pkt-icon--large,
|
|
1271
|
+
pkt-el-icon--large {
|
|
1092
1272
|
height: 4rem;
|
|
1093
1273
|
width: 4rem;
|
|
1094
1274
|
}
|
|
@@ -1289,7 +1469,9 @@
|
|
|
1289
1469
|
line-height: 1.5rem;
|
|
1290
1470
|
white-space: nowrap;
|
|
1291
1471
|
}
|
|
1292
|
-
.pkt-tabs__link .pkt-icon,
|
|
1472
|
+
.pkt-tabs__link .pkt-icon,
|
|
1473
|
+
.pkt-tabs__link pkt-el-icon, .pkt-tabs__button .pkt-icon,
|
|
1474
|
+
.pkt-tabs__button pkt-el-icon {
|
|
1293
1475
|
--fg-color: currentColor;
|
|
1294
1476
|
}
|
|
1295
1477
|
.pkt-tabs__link, .pkt-tabs__link:hover, .pkt-tabs__link:active, .pkt-tabs__button, .pkt-tabs__button:hover, .pkt-tabs__button:active {
|
|
@@ -1504,11 +1686,13 @@
|
|
|
1504
1686
|
background-size: 1.5rem 1.5rem;
|
|
1505
1687
|
margin-left: 0.5rem;
|
|
1506
1688
|
}
|
|
1507
|
-
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon
|
|
1689
|
+
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,
|
|
1690
|
+
.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon {
|
|
1508
1691
|
margin-top: 0.188rem;
|
|
1509
1692
|
}
|
|
1510
1693
|
@media screen and (min-width: 35.938rem) {
|
|
1511
|
-
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon
|
|
1694
|
+
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,
|
|
1695
|
+
.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon {
|
|
1512
1696
|
margin-top: 0.375rem;
|
|
1513
1697
|
}
|
|
1514
1698
|
}
|
|
@@ -1546,10 +1730,12 @@
|
|
|
1546
1730
|
filter: brightness(0) saturate(100%) invert(93%) sepia(91%) saturate(6664%) hue-rotate(169deg) brightness(103%) contrast(107%);
|
|
1547
1731
|
}
|
|
1548
1732
|
|
|
1549
|
-
[data-mode=dark] .pkt-linkcard--beige .pkt-link--external::after,
|
|
1733
|
+
[data-mode=dark] .pkt-linkcard--beige .pkt-link--external::after,
|
|
1734
|
+
.pkt-linkcard--blue .pkt-link--external::after {
|
|
1550
1735
|
filter: brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important;
|
|
1551
1736
|
}
|
|
1552
|
-
[data-mode=dark] .pkt-linkcard--beige .pkt-link--external:hover::after,
|
|
1737
|
+
[data-mode=dark] .pkt-linkcard--beige .pkt-link--external:hover::after,
|
|
1738
|
+
.pkt-linkcard--blue .pkt-link--external:hover::after {
|
|
1553
1739
|
filter: brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important;
|
|
1554
1740
|
}
|
|
1555
1741
|
|
|
@@ -1748,6 +1934,19 @@
|
|
|
1748
1934
|
margin: 0;
|
|
1749
1935
|
padding: 0.5rem 1rem;
|
|
1750
1936
|
}
|
|
1937
|
+
.pkt-input-compact.pkt-input, .pkt-input-compact.pkt-textinput__input {
|
|
1938
|
+
border: 0;
|
|
1939
|
+
border-bottom: 1px solid var(--pkt-color-input-border-normal);
|
|
1940
|
+
padding: 0 0 0.1rem 0;
|
|
1941
|
+
font-size: 1rem;
|
|
1942
|
+
font-weight: 300;
|
|
1943
|
+
letter-spacing: -0.2px;
|
|
1944
|
+
line-height: 1.5rem;
|
|
1945
|
+
}
|
|
1946
|
+
.pkt-input-compact.pkt-input:is(select):not([multiple]), .pkt-input-compact.pkt-textinput__input:is(select):not([multiple]) {
|
|
1947
|
+
background-position: right 0 top 50%;
|
|
1948
|
+
padding-right: 2rem;
|
|
1949
|
+
}
|
|
1751
1950
|
.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))) {
|
|
1752
1951
|
width: min(100%, 31rem);
|
|
1753
1952
|
}
|
|
@@ -1764,7 +1963,7 @@
|
|
|
1764
1963
|
padding-right: 3rem;
|
|
1765
1964
|
}
|
|
1766
1965
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
1767
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
1966
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/chevron-thin-down.svg);
|
|
1768
1967
|
background-image: var(--svg);
|
|
1769
1968
|
background-repeat: no-repeat;
|
|
1770
1969
|
background-position: right 0.7rem top 50%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-accordion{display:grid;grid-template-columns:1fr;grid-template-rows:0fr;row-gap:.5rem;transition:grid-template-rows 500ms;font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}.pkt-accordion:focus-visible{border:.25rem solid var(--pkt-color-border-states-hover)}.pkt-accordion--borderless .pkt-accordion-item{border:none}.pkt-accordion--borderless .pkt-accordion-item[open] .pkt-accordion-item__title{box-shadow:inset 0 0 0 .25rem var(--pkt-color-border-states-active)}.pkt-accordion--outlined .pkt-accordion-item{border: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-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{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon>svg{min-height:1rem;min-width:1rem;max-height:100%;max-width:100%}.pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large{height:4rem;width:4rem}.pkt-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__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{margin-top:.188rem}@media screen and (min-width: 35.938rem){.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: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.11/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}
|
|
@@ -707,7 +707,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
|
|
|
707
707
|
outline-color: var(--pkt-color-input-border-hover);
|
|
708
708
|
}
|
|
709
709
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
710
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
710
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/check-medium.svg);
|
|
711
711
|
position: relative;
|
|
712
712
|
background-color: var(--pkt-color-input-border-normal);
|
|
713
713
|
}
|
|
@@ -767,7 +767,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
|
|
|
767
767
|
cursor: not-allowed;
|
|
768
768
|
}
|
|
769
769
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
770
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
770
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/check-medium.svg);
|
|
771
771
|
--pkt-color-input-check-border: var(
|
|
772
772
|
--pkt-color-input-border-normal
|
|
773
773
|
);
|
|
@@ -975,6 +975,21 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
975
975
|
margin: 0;
|
|
976
976
|
padding: 0.5rem 1rem;
|
|
977
977
|
}
|
|
978
|
+
.pkt-input-compact.pkt-input, .pkt-select select.pkt-input-compact,
|
|
979
|
+
.pkt-input-compact.pkt-select:is(select) {
|
|
980
|
+
border: 0;
|
|
981
|
+
border-bottom: 1px solid var(--pkt-color-input-border-normal);
|
|
982
|
+
padding: 0 0 0.1rem 0;
|
|
983
|
+
font-size: 1rem;
|
|
984
|
+
font-weight: 300;
|
|
985
|
+
letter-spacing: -0.2px;
|
|
986
|
+
line-height: 1.5rem;
|
|
987
|
+
}
|
|
988
|
+
.pkt-input-compact.pkt-input:is(select):not([multiple]), .pkt-select select.pkt-input-compact:is(select):not([multiple]),
|
|
989
|
+
.pkt-input-compact.pkt-select:is(select):not([multiple]) {
|
|
990
|
+
background-position: right 0 top 50%;
|
|
991
|
+
padding-right: 2rem;
|
|
992
|
+
}
|
|
978
993
|
.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth), .pkt-select select:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),
|
|
979
994
|
.pkt-select:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth):is(select), .pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))) {
|
|
980
995
|
width: min(100%, 31rem);
|
|
@@ -995,7 +1010,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
|
|
|
995
1010
|
}
|
|
996
1011
|
.pkt-input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
|
|
997
1012
|
.pkt-select:is(select):not([multiple]) {
|
|
998
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
1013
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/chevron-thin-down.svg);
|
|
999
1014
|
background-image: var(--svg);
|
|
1000
1015
|
background-repeat: no-repeat;
|
|
1001
1016
|
background-position: right 0.7rem top 50%;
|