@oslokommune/punkt-css 18.3.2 → 18.5.0

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.
Files changed (80) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/css/components/backlink.css +4 -0
  3. package/dist/css/components/backlink.min.css +1 -1
  4. package/dist/css/components/breadcrumbs.css +4 -0
  5. package/dist/css/components/breadcrumbs.min.css +1 -1
  6. package/dist/css/components/card.css +64 -11
  7. package/dist/css/components/card.min.css +1 -1
  8. package/dist/css/components/consent.css +3 -0
  9. package/dist/css/components/consent.min.css +1 -0
  10. package/dist/css/components/datepicker.css +5 -0
  11. package/dist/css/components/datepicker.min.css +1 -1
  12. package/dist/css/components/footer.css +5 -0
  13. package/dist/css/components/footer.min.css +1 -1
  14. package/dist/css/components/header-global.css +4 -0
  15. package/dist/css/components/header-global.min.css +1 -1
  16. package/dist/css/components/header-menu.css +4 -0
  17. package/dist/css/components/header-menu.min.css +1 -1
  18. package/dist/css/components/header-service.css +4 -0
  19. package/dist/css/components/header-service.min.css +1 -1
  20. package/dist/css/components/header-user-menu.css +4 -0
  21. package/dist/css/components/header-user-menu.min.css +1 -1
  22. package/dist/css/components/header.css +4 -0
  23. package/dist/css/components/header.min.css +1 -1
  24. package/dist/css/components/heading.css +3 -0
  25. package/dist/css/components/heading.min.css +1 -1
  26. package/dist/css/components/inputwrapper.css +4 -0
  27. package/dist/css/components/inputwrapper.min.css +1 -1
  28. package/dist/css/components/loader.css +7 -0
  29. package/dist/css/components/loader.min.css +1 -1
  30. package/dist/css/components/modal.css +4 -0
  31. package/dist/css/components/modal.min.css +1 -1
  32. package/dist/css/components/progressbar.css +4 -0
  33. package/dist/css/components/progressbar.min.css +1 -1
  34. package/dist/css/components/searchinput.css +4 -0
  35. package/dist/css/components/searchinput.min.css +1 -1
  36. package/dist/css/elements/button.css +7 -0
  37. package/dist/css/elements/button.min.css +1 -1
  38. package/dist/css/elements/checkbox-radio.css +8 -3
  39. package/dist/css/elements/checkbox-radio.min.css +1 -1
  40. package/dist/css/elements/input.css +1 -1
  41. package/dist/css/elements/input.min.css +1 -1
  42. package/dist/css/pkt-base.css +578 -1
  43. package/dist/css/pkt-base.min.css +1 -1
  44. package/dist/css/pkt-components.css +132 -11
  45. package/dist/css/pkt-components.min.css +1 -1
  46. package/dist/css/pkt-docs.css +726 -16
  47. package/dist/css/pkt-docs.min.css +1 -1
  48. package/dist/css/pkt-elements.css +16 -4
  49. package/dist/css/pkt-elements.min.css +1 -1
  50. package/dist/css/pkt-grid.css +87 -0
  51. package/dist/css/pkt-grid.min.css +1 -1
  52. package/dist/css/pkt.css +726 -16
  53. package/dist/css/pkt.layer.css +708 -16
  54. package/dist/css/pkt.layer.min.css +1 -1
  55. package/dist/css/pkt.min.css +1 -1
  56. package/dist/scss/abstracts/variables/_index.scss +1 -1
  57. package/dist/scss/base/_grid-responsive.scss +10 -1
  58. package/dist/scss/base/_grid.scss +19 -1
  59. package/dist/scss/base/_link.scss +4 -0
  60. package/dist/scss/components/_backlink.scss +4 -0
  61. package/dist/scss/components/_breadcrumbs.scss +4 -0
  62. package/dist/scss/components/_card.scss +96 -19
  63. package/dist/scss/components/_consent.scss +3 -0
  64. package/dist/scss/components/_datepicker.scss +5 -0
  65. package/dist/scss/components/_footer.scss +5 -0
  66. package/dist/scss/components/_header-global.scss +4 -0
  67. package/dist/scss/components/_header-menu.scss +4 -0
  68. package/dist/scss/components/_header-service.scss +4 -0
  69. package/dist/scss/components/_header-user-menu.scss +4 -0
  70. package/dist/scss/components/_header.scss +4 -0
  71. package/dist/scss/components/_heading.scss +7 -0
  72. package/dist/scss/components/_index.scss +1 -0
  73. package/dist/scss/components/_inputwrapper.scss +4 -0
  74. package/dist/scss/components/_loader.scss +8 -0
  75. package/dist/scss/components/_modal.scss +4 -0
  76. package/dist/scss/components/_progressbar.scss +4 -0
  77. package/dist/scss/components/_searchinput.scss +4 -0
  78. package/dist/scss/elements/_button.scss +8 -0
  79. package/dist/scss/elements/_checkbox-radio.scss +5 -0
  80. package/package.json +2 -2
package/dist/css/pkt.css CHANGED
@@ -3090,6 +3090,10 @@ strong {
3090
3090
  /*
3091
3091
  * Link
3092
3092
  */
3093
+ pkt-link {
3094
+ display: inline;
3095
+ }
3096
+
3093
3097
  a,
3094
3098
  .pkt-link-button {
3095
3099
  color: var(--pkt-color-text-action-normal);
@@ -3164,7 +3168,7 @@ a:active, a.pkt-link--active,
3164
3168
  .pkt-link--external::after {
3165
3169
  display: inline-block;
3166
3170
  content: " ";
3167
- --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/new-window-small.svg);
3171
+ --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/new-window-small.svg);
3168
3172
  background-image: var(--svg);
3169
3173
  background-repeat: no-repeat;
3170
3174
  background-size: 18px 18px;
@@ -3278,6 +3282,12 @@ button.pkt-link {
3278
3282
  padding-inline: 2rem;
3279
3283
  }
3280
3284
  }
3285
+ .pkt-grid--inline {
3286
+ display: inline-grid;
3287
+ }
3288
+ .pkt-grid--dense {
3289
+ grid-auto-flow: dense;
3290
+ }
3281
3291
  .pkt-grid--full {
3282
3292
  max-width: 100%;
3283
3293
  }
@@ -3596,6 +3606,9 @@ button.pkt-link {
3596
3606
  .pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
3597
3607
  align-self: self-end;
3598
3608
  }
3609
+ .pkt-grid > .pkt-cell.pkt-cell--span1, .pkt-grid > * > .pkt-cell.pkt-cell--span1 {
3610
+ grid-column-end: span 1;
3611
+ }
3599
3612
  .pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
3600
3613
  grid-column-end: span 2;
3601
3614
  }
@@ -3629,6 +3642,84 @@ button.pkt-link {
3629
3642
  .pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
3630
3643
  grid-column-end: span 12;
3631
3644
  }
3645
+ .pkt-grid > .pkt-cell.pkt-cell--start1, .pkt-grid > * > .pkt-cell.pkt-cell--start1 {
3646
+ grid-column-start: 1;
3647
+ }
3648
+ .pkt-grid > .pkt-cell.pkt-cell--end1, .pkt-grid > * > .pkt-cell.pkt-cell--end1 {
3649
+ grid-column-end: 1;
3650
+ }
3651
+ .pkt-grid > .pkt-cell.pkt-cell--start2, .pkt-grid > * > .pkt-cell.pkt-cell--start2 {
3652
+ grid-column-start: 2;
3653
+ }
3654
+ .pkt-grid > .pkt-cell.pkt-cell--end2, .pkt-grid > * > .pkt-cell.pkt-cell--end2 {
3655
+ grid-column-end: 2;
3656
+ }
3657
+ .pkt-grid > .pkt-cell.pkt-cell--start3, .pkt-grid > * > .pkt-cell.pkt-cell--start3 {
3658
+ grid-column-start: 3;
3659
+ }
3660
+ .pkt-grid > .pkt-cell.pkt-cell--end3, .pkt-grid > * > .pkt-cell.pkt-cell--end3 {
3661
+ grid-column-end: 3;
3662
+ }
3663
+ .pkt-grid > .pkt-cell.pkt-cell--start4, .pkt-grid > * > .pkt-cell.pkt-cell--start4 {
3664
+ grid-column-start: 4;
3665
+ }
3666
+ .pkt-grid > .pkt-cell.pkt-cell--end4, .pkt-grid > * > .pkt-cell.pkt-cell--end4 {
3667
+ grid-column-end: 4;
3668
+ }
3669
+ .pkt-grid > .pkt-cell.pkt-cell--start5, .pkt-grid > * > .pkt-cell.pkt-cell--start5 {
3670
+ grid-column-start: 5;
3671
+ }
3672
+ .pkt-grid > .pkt-cell.pkt-cell--end5, .pkt-grid > * > .pkt-cell.pkt-cell--end5 {
3673
+ grid-column-end: 5;
3674
+ }
3675
+ .pkt-grid > .pkt-cell.pkt-cell--start6, .pkt-grid > * > .pkt-cell.pkt-cell--start6 {
3676
+ grid-column-start: 6;
3677
+ }
3678
+ .pkt-grid > .pkt-cell.pkt-cell--end6, .pkt-grid > * > .pkt-cell.pkt-cell--end6 {
3679
+ grid-column-end: 6;
3680
+ }
3681
+ .pkt-grid > .pkt-cell.pkt-cell--start7, .pkt-grid > * > .pkt-cell.pkt-cell--start7 {
3682
+ grid-column-start: 7;
3683
+ }
3684
+ .pkt-grid > .pkt-cell.pkt-cell--end7, .pkt-grid > * > .pkt-cell.pkt-cell--end7 {
3685
+ grid-column-end: 7;
3686
+ }
3687
+ .pkt-grid > .pkt-cell.pkt-cell--start8, .pkt-grid > * > .pkt-cell.pkt-cell--start8 {
3688
+ grid-column-start: 8;
3689
+ }
3690
+ .pkt-grid > .pkt-cell.pkt-cell--end8, .pkt-grid > * > .pkt-cell.pkt-cell--end8 {
3691
+ grid-column-end: 8;
3692
+ }
3693
+ .pkt-grid > .pkt-cell.pkt-cell--start9, .pkt-grid > * > .pkt-cell.pkt-cell--start9 {
3694
+ grid-column-start: 9;
3695
+ }
3696
+ .pkt-grid > .pkt-cell.pkt-cell--end9, .pkt-grid > * > .pkt-cell.pkt-cell--end9 {
3697
+ grid-column-end: 9;
3698
+ }
3699
+ .pkt-grid > .pkt-cell.pkt-cell--start10, .pkt-grid > * > .pkt-cell.pkt-cell--start10 {
3700
+ grid-column-start: 10;
3701
+ }
3702
+ .pkt-grid > .pkt-cell.pkt-cell--end10, .pkt-grid > * > .pkt-cell.pkt-cell--end10 {
3703
+ grid-column-end: 10;
3704
+ }
3705
+ .pkt-grid > .pkt-cell.pkt-cell--start11, .pkt-grid > * > .pkt-cell.pkt-cell--start11 {
3706
+ grid-column-start: 11;
3707
+ }
3708
+ .pkt-grid > .pkt-cell.pkt-cell--end11, .pkt-grid > * > .pkt-cell.pkt-cell--end11 {
3709
+ grid-column-end: 11;
3710
+ }
3711
+ .pkt-grid > .pkt-cell.pkt-cell--start12, .pkt-grid > * > .pkt-cell.pkt-cell--start12 {
3712
+ grid-column-start: 12;
3713
+ }
3714
+ .pkt-grid > .pkt-cell.pkt-cell--end12, .pkt-grid > * > .pkt-cell.pkt-cell--end12 {
3715
+ grid-column-end: 12;
3716
+ }
3717
+ .pkt-grid > .pkt-cell.pkt-cell--start13, .pkt-grid > * > .pkt-cell.pkt-cell--start13 {
3718
+ grid-column-start: 13;
3719
+ }
3720
+ .pkt-grid > .pkt-cell.pkt-cell--end13, .pkt-grid > * > .pkt-cell.pkt-cell--end13 {
3721
+ grid-column-end: 13;
3722
+ }
3632
3723
 
3633
3724
  /*
3634
3725
  * Responsiv grid
@@ -5212,6 +5303,9 @@ button.pkt-link {
5212
5303
  }
5213
5304
  }
5214
5305
  @media screen {
5306
+ .pkt-grid > .pkt-cell.pkt-cell--span1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-mobile-up {
5307
+ grid-column-end: span 1;
5308
+ }
5215
5309
  .pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
5216
5310
  grid-column-end: span 2;
5217
5311
  }
@@ -5245,8 +5339,89 @@ button.pkt-link {
5245
5339
  .pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
5246
5340
  grid-column-end: span 12;
5247
5341
  }
5342
+ .pkt-grid > .pkt-cell.pkt-cell--start1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-mobile-up {
5343
+ grid-column-start: 1;
5344
+ }
5345
+ .pkt-grid > .pkt-cell.pkt-cell--end1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-mobile-up {
5346
+ grid-column-end: 1;
5347
+ }
5348
+ .pkt-grid > .pkt-cell.pkt-cell--start2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-mobile-up {
5349
+ grid-column-start: 2;
5350
+ }
5351
+ .pkt-grid > .pkt-cell.pkt-cell--end2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-mobile-up {
5352
+ grid-column-end: 2;
5353
+ }
5354
+ .pkt-grid > .pkt-cell.pkt-cell--start3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-mobile-up {
5355
+ grid-column-start: 3;
5356
+ }
5357
+ .pkt-grid > .pkt-cell.pkt-cell--end3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-mobile-up {
5358
+ grid-column-end: 3;
5359
+ }
5360
+ .pkt-grid > .pkt-cell.pkt-cell--start4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-mobile-up {
5361
+ grid-column-start: 4;
5362
+ }
5363
+ .pkt-grid > .pkt-cell.pkt-cell--end4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-mobile-up {
5364
+ grid-column-end: 4;
5365
+ }
5366
+ .pkt-grid > .pkt-cell.pkt-cell--start5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-mobile-up {
5367
+ grid-column-start: 5;
5368
+ }
5369
+ .pkt-grid > .pkt-cell.pkt-cell--end5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-mobile-up {
5370
+ grid-column-end: 5;
5371
+ }
5372
+ .pkt-grid > .pkt-cell.pkt-cell--start6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-mobile-up {
5373
+ grid-column-start: 6;
5374
+ }
5375
+ .pkt-grid > .pkt-cell.pkt-cell--end6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-mobile-up {
5376
+ grid-column-end: 6;
5377
+ }
5378
+ .pkt-grid > .pkt-cell.pkt-cell--start7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-mobile-up {
5379
+ grid-column-start: 7;
5380
+ }
5381
+ .pkt-grid > .pkt-cell.pkt-cell--end7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-mobile-up {
5382
+ grid-column-end: 7;
5383
+ }
5384
+ .pkt-grid > .pkt-cell.pkt-cell--start8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-mobile-up {
5385
+ grid-column-start: 8;
5386
+ }
5387
+ .pkt-grid > .pkt-cell.pkt-cell--end8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-mobile-up {
5388
+ grid-column-end: 8;
5389
+ }
5390
+ .pkt-grid > .pkt-cell.pkt-cell--start9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-mobile-up {
5391
+ grid-column-start: 9;
5392
+ }
5393
+ .pkt-grid > .pkt-cell.pkt-cell--end9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-mobile-up {
5394
+ grid-column-end: 9;
5395
+ }
5396
+ .pkt-grid > .pkt-cell.pkt-cell--start10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-mobile-up {
5397
+ grid-column-start: 10;
5398
+ }
5399
+ .pkt-grid > .pkt-cell.pkt-cell--end10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-mobile-up {
5400
+ grid-column-end: 10;
5401
+ }
5402
+ .pkt-grid > .pkt-cell.pkt-cell--start11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-mobile-up {
5403
+ grid-column-start: 11;
5404
+ }
5405
+ .pkt-grid > .pkt-cell.pkt-cell--end11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-mobile-up {
5406
+ grid-column-end: 11;
5407
+ }
5408
+ .pkt-grid > .pkt-cell.pkt-cell--start12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-mobile-up {
5409
+ grid-column-start: 12;
5410
+ }
5411
+ .pkt-grid > .pkt-cell.pkt-cell--end12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-mobile-up {
5412
+ grid-column-end: 12;
5413
+ }
5414
+ .pkt-grid > .pkt-cell.pkt-cell--start13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-mobile-up {
5415
+ grid-column-start: 13;
5416
+ }
5417
+ .pkt-grid > .pkt-cell.pkt-cell--end13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-mobile-up {
5418
+ grid-column-end: 13;
5419
+ }
5248
5420
  }
5249
5421
  @media screen and (min-width: 36rem) {
5422
+ .pkt-grid > .pkt-cell.pkt-cell--span1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-phablet-up {
5423
+ grid-column-end: span 1;
5424
+ }
5250
5425
  .pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
5251
5426
  grid-column-end: span 2;
5252
5427
  }
@@ -5280,8 +5455,89 @@ button.pkt-link {
5280
5455
  .pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
5281
5456
  grid-column-end: span 12;
5282
5457
  }
5458
+ .pkt-grid > .pkt-cell.pkt-cell--start1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-phablet-up {
5459
+ grid-column-start: 1;
5460
+ }
5461
+ .pkt-grid > .pkt-cell.pkt-cell--end1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-phablet-up {
5462
+ grid-column-end: 1;
5463
+ }
5464
+ .pkt-grid > .pkt-cell.pkt-cell--start2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-phablet-up {
5465
+ grid-column-start: 2;
5466
+ }
5467
+ .pkt-grid > .pkt-cell.pkt-cell--end2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-phablet-up {
5468
+ grid-column-end: 2;
5469
+ }
5470
+ .pkt-grid > .pkt-cell.pkt-cell--start3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-phablet-up {
5471
+ grid-column-start: 3;
5472
+ }
5473
+ .pkt-grid > .pkt-cell.pkt-cell--end3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-phablet-up {
5474
+ grid-column-end: 3;
5475
+ }
5476
+ .pkt-grid > .pkt-cell.pkt-cell--start4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-phablet-up {
5477
+ grid-column-start: 4;
5478
+ }
5479
+ .pkt-grid > .pkt-cell.pkt-cell--end4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-phablet-up {
5480
+ grid-column-end: 4;
5481
+ }
5482
+ .pkt-grid > .pkt-cell.pkt-cell--start5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-phablet-up {
5483
+ grid-column-start: 5;
5484
+ }
5485
+ .pkt-grid > .pkt-cell.pkt-cell--end5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-phablet-up {
5486
+ grid-column-end: 5;
5487
+ }
5488
+ .pkt-grid > .pkt-cell.pkt-cell--start6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-phablet-up {
5489
+ grid-column-start: 6;
5490
+ }
5491
+ .pkt-grid > .pkt-cell.pkt-cell--end6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-phablet-up {
5492
+ grid-column-end: 6;
5493
+ }
5494
+ .pkt-grid > .pkt-cell.pkt-cell--start7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-phablet-up {
5495
+ grid-column-start: 7;
5496
+ }
5497
+ .pkt-grid > .pkt-cell.pkt-cell--end7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-phablet-up {
5498
+ grid-column-end: 7;
5499
+ }
5500
+ .pkt-grid > .pkt-cell.pkt-cell--start8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-phablet-up {
5501
+ grid-column-start: 8;
5502
+ }
5503
+ .pkt-grid > .pkt-cell.pkt-cell--end8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-phablet-up {
5504
+ grid-column-end: 8;
5505
+ }
5506
+ .pkt-grid > .pkt-cell.pkt-cell--start9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-phablet-up {
5507
+ grid-column-start: 9;
5508
+ }
5509
+ .pkt-grid > .pkt-cell.pkt-cell--end9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-phablet-up {
5510
+ grid-column-end: 9;
5511
+ }
5512
+ .pkt-grid > .pkt-cell.pkt-cell--start10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-phablet-up {
5513
+ grid-column-start: 10;
5514
+ }
5515
+ .pkt-grid > .pkt-cell.pkt-cell--end10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-phablet-up {
5516
+ grid-column-end: 10;
5517
+ }
5518
+ .pkt-grid > .pkt-cell.pkt-cell--start11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-phablet-up {
5519
+ grid-column-start: 11;
5520
+ }
5521
+ .pkt-grid > .pkt-cell.pkt-cell--end11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-phablet-up {
5522
+ grid-column-end: 11;
5523
+ }
5524
+ .pkt-grid > .pkt-cell.pkt-cell--start12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-phablet-up {
5525
+ grid-column-start: 12;
5526
+ }
5527
+ .pkt-grid > .pkt-cell.pkt-cell--end12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-phablet-up {
5528
+ grid-column-end: 12;
5529
+ }
5530
+ .pkt-grid > .pkt-cell.pkt-cell--start13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-phablet-up {
5531
+ grid-column-start: 13;
5532
+ }
5533
+ .pkt-grid > .pkt-cell.pkt-cell--end13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-phablet-up {
5534
+ grid-column-end: 13;
5535
+ }
5283
5536
  }
5284
5537
  @media screen and (min-width: 48rem) {
5538
+ .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-up {
5539
+ grid-column-end: span 1;
5540
+ }
5285
5541
  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
5286
5542
  grid-column-end: span 2;
5287
5543
  }
@@ -5315,8 +5571,89 @@ button.pkt-link {
5315
5571
  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
5316
5572
  grid-column-end: span 12;
5317
5573
  }
5574
+ .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-up {
5575
+ grid-column-start: 1;
5576
+ }
5577
+ .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-up {
5578
+ grid-column-end: 1;
5579
+ }
5580
+ .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-up {
5581
+ grid-column-start: 2;
5582
+ }
5583
+ .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-up {
5584
+ grid-column-end: 2;
5585
+ }
5586
+ .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-up {
5587
+ grid-column-start: 3;
5588
+ }
5589
+ .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-up {
5590
+ grid-column-end: 3;
5591
+ }
5592
+ .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-up {
5593
+ grid-column-start: 4;
5594
+ }
5595
+ .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-up {
5596
+ grid-column-end: 4;
5597
+ }
5598
+ .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-up {
5599
+ grid-column-start: 5;
5600
+ }
5601
+ .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-up {
5602
+ grid-column-end: 5;
5603
+ }
5604
+ .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-up {
5605
+ grid-column-start: 6;
5606
+ }
5607
+ .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-up {
5608
+ grid-column-end: 6;
5609
+ }
5610
+ .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-up {
5611
+ grid-column-start: 7;
5612
+ }
5613
+ .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-up {
5614
+ grid-column-end: 7;
5615
+ }
5616
+ .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-up {
5617
+ grid-column-start: 8;
5618
+ }
5619
+ .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-up {
5620
+ grid-column-end: 8;
5621
+ }
5622
+ .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-up {
5623
+ grid-column-start: 9;
5624
+ }
5625
+ .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-up {
5626
+ grid-column-end: 9;
5627
+ }
5628
+ .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-up {
5629
+ grid-column-start: 10;
5630
+ }
5631
+ .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-up {
5632
+ grid-column-end: 10;
5633
+ }
5634
+ .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-up {
5635
+ grid-column-start: 11;
5636
+ }
5637
+ .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-up {
5638
+ grid-column-end: 11;
5639
+ }
5640
+ .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-up {
5641
+ grid-column-start: 12;
5642
+ }
5643
+ .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-up {
5644
+ grid-column-end: 12;
5645
+ }
5646
+ .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-up {
5647
+ grid-column-start: 13;
5648
+ }
5649
+ .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-up {
5650
+ grid-column-end: 13;
5651
+ }
5318
5652
  }
5319
5653
  @media screen and (min-width: 64rem) {
5654
+ .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-big-up {
5655
+ grid-column-end: span 1;
5656
+ }
5320
5657
  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
5321
5658
  grid-column-end: span 2;
5322
5659
  }
@@ -5350,8 +5687,89 @@ button.pkt-link {
5350
5687
  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
5351
5688
  grid-column-end: span 12;
5352
5689
  }
5690
+ .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-big-up {
5691
+ grid-column-start: 1;
5692
+ }
5693
+ .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-big-up {
5694
+ grid-column-end: 1;
5695
+ }
5696
+ .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-big-up {
5697
+ grid-column-start: 2;
5698
+ }
5699
+ .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-big-up {
5700
+ grid-column-end: 2;
5701
+ }
5702
+ .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-big-up {
5703
+ grid-column-start: 3;
5704
+ }
5705
+ .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-big-up {
5706
+ grid-column-end: 3;
5707
+ }
5708
+ .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-big-up {
5709
+ grid-column-start: 4;
5710
+ }
5711
+ .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-big-up {
5712
+ grid-column-end: 4;
5713
+ }
5714
+ .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-big-up {
5715
+ grid-column-start: 5;
5716
+ }
5717
+ .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-big-up {
5718
+ grid-column-end: 5;
5719
+ }
5720
+ .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-big-up {
5721
+ grid-column-start: 6;
5722
+ }
5723
+ .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-big-up {
5724
+ grid-column-end: 6;
5725
+ }
5726
+ .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-big-up {
5727
+ grid-column-start: 7;
5728
+ }
5729
+ .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-big-up {
5730
+ grid-column-end: 7;
5731
+ }
5732
+ .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-big-up {
5733
+ grid-column-start: 8;
5734
+ }
5735
+ .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-big-up {
5736
+ grid-column-end: 8;
5737
+ }
5738
+ .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-big-up {
5739
+ grid-column-start: 9;
5740
+ }
5741
+ .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-big-up {
5742
+ grid-column-end: 9;
5743
+ }
5744
+ .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-big-up {
5745
+ grid-column-start: 10;
5746
+ }
5747
+ .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-big-up {
5748
+ grid-column-end: 10;
5749
+ }
5750
+ .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-big-up {
5751
+ grid-column-start: 11;
5752
+ }
5753
+ .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-big-up {
5754
+ grid-column-end: 11;
5755
+ }
5756
+ .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-big-up {
5757
+ grid-column-start: 12;
5758
+ }
5759
+ .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-big-up {
5760
+ grid-column-end: 12;
5761
+ }
5762
+ .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-big-up {
5763
+ grid-column-start: 13;
5764
+ }
5765
+ .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-big-up {
5766
+ grid-column-end: 13;
5767
+ }
5353
5768
  }
5354
5769
  @media screen and (min-width: 80rem) {
5770
+ .pkt-grid > .pkt-cell.pkt-cell--span1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-laptop-up {
5771
+ grid-column-end: span 1;
5772
+ }
5355
5773
  .pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
5356
5774
  grid-column-end: span 2;
5357
5775
  }
@@ -5385,8 +5803,89 @@ button.pkt-link {
5385
5803
  .pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
5386
5804
  grid-column-end: span 12;
5387
5805
  }
5806
+ .pkt-grid > .pkt-cell.pkt-cell--start1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-laptop-up {
5807
+ grid-column-start: 1;
5808
+ }
5809
+ .pkt-grid > .pkt-cell.pkt-cell--end1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-laptop-up {
5810
+ grid-column-end: 1;
5811
+ }
5812
+ .pkt-grid > .pkt-cell.pkt-cell--start2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-laptop-up {
5813
+ grid-column-start: 2;
5814
+ }
5815
+ .pkt-grid > .pkt-cell.pkt-cell--end2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-laptop-up {
5816
+ grid-column-end: 2;
5817
+ }
5818
+ .pkt-grid > .pkt-cell.pkt-cell--start3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-laptop-up {
5819
+ grid-column-start: 3;
5820
+ }
5821
+ .pkt-grid > .pkt-cell.pkt-cell--end3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-laptop-up {
5822
+ grid-column-end: 3;
5823
+ }
5824
+ .pkt-grid > .pkt-cell.pkt-cell--start4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-laptop-up {
5825
+ grid-column-start: 4;
5826
+ }
5827
+ .pkt-grid > .pkt-cell.pkt-cell--end4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-laptop-up {
5828
+ grid-column-end: 4;
5829
+ }
5830
+ .pkt-grid > .pkt-cell.pkt-cell--start5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-laptop-up {
5831
+ grid-column-start: 5;
5832
+ }
5833
+ .pkt-grid > .pkt-cell.pkt-cell--end5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-laptop-up {
5834
+ grid-column-end: 5;
5835
+ }
5836
+ .pkt-grid > .pkt-cell.pkt-cell--start6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-laptop-up {
5837
+ grid-column-start: 6;
5838
+ }
5839
+ .pkt-grid > .pkt-cell.pkt-cell--end6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-laptop-up {
5840
+ grid-column-end: 6;
5841
+ }
5842
+ .pkt-grid > .pkt-cell.pkt-cell--start7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-laptop-up {
5843
+ grid-column-start: 7;
5844
+ }
5845
+ .pkt-grid > .pkt-cell.pkt-cell--end7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-laptop-up {
5846
+ grid-column-end: 7;
5847
+ }
5848
+ .pkt-grid > .pkt-cell.pkt-cell--start8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-laptop-up {
5849
+ grid-column-start: 8;
5850
+ }
5851
+ .pkt-grid > .pkt-cell.pkt-cell--end8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-laptop-up {
5852
+ grid-column-end: 8;
5853
+ }
5854
+ .pkt-grid > .pkt-cell.pkt-cell--start9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-laptop-up {
5855
+ grid-column-start: 9;
5856
+ }
5857
+ .pkt-grid > .pkt-cell.pkt-cell--end9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-laptop-up {
5858
+ grid-column-end: 9;
5859
+ }
5860
+ .pkt-grid > .pkt-cell.pkt-cell--start10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-laptop-up {
5861
+ grid-column-start: 10;
5862
+ }
5863
+ .pkt-grid > .pkt-cell.pkt-cell--end10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-laptop-up {
5864
+ grid-column-end: 10;
5865
+ }
5866
+ .pkt-grid > .pkt-cell.pkt-cell--start11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-laptop-up {
5867
+ grid-column-start: 11;
5868
+ }
5869
+ .pkt-grid > .pkt-cell.pkt-cell--end11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-laptop-up {
5870
+ grid-column-end: 11;
5871
+ }
5872
+ .pkt-grid > .pkt-cell.pkt-cell--start12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-laptop-up {
5873
+ grid-column-start: 12;
5874
+ }
5875
+ .pkt-grid > .pkt-cell.pkt-cell--end12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-laptop-up {
5876
+ grid-column-end: 12;
5877
+ }
5878
+ .pkt-grid > .pkt-cell.pkt-cell--start13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-laptop-up {
5879
+ grid-column-start: 13;
5880
+ }
5881
+ .pkt-grid > .pkt-cell.pkt-cell--end13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-laptop-up {
5882
+ grid-column-end: 13;
5883
+ }
5388
5884
  }
5389
5885
  @media screen and (min-width: 100rem) {
5886
+ .pkt-grid > .pkt-cell.pkt-cell--span1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-desktop-up {
5887
+ grid-column-end: span 1;
5888
+ }
5390
5889
  .pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
5391
5890
  grid-column-end: span 2;
5392
5891
  }
@@ -5420,6 +5919,84 @@ button.pkt-link {
5420
5919
  .pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
5421
5920
  grid-column-end: span 12;
5422
5921
  }
5922
+ .pkt-grid > .pkt-cell.pkt-cell--start1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-desktop-up {
5923
+ grid-column-start: 1;
5924
+ }
5925
+ .pkt-grid > .pkt-cell.pkt-cell--end1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-desktop-up {
5926
+ grid-column-end: 1;
5927
+ }
5928
+ .pkt-grid > .pkt-cell.pkt-cell--start2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-desktop-up {
5929
+ grid-column-start: 2;
5930
+ }
5931
+ .pkt-grid > .pkt-cell.pkt-cell--end2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-desktop-up {
5932
+ grid-column-end: 2;
5933
+ }
5934
+ .pkt-grid > .pkt-cell.pkt-cell--start3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-desktop-up {
5935
+ grid-column-start: 3;
5936
+ }
5937
+ .pkt-grid > .pkt-cell.pkt-cell--end3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-desktop-up {
5938
+ grid-column-end: 3;
5939
+ }
5940
+ .pkt-grid > .pkt-cell.pkt-cell--start4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-desktop-up {
5941
+ grid-column-start: 4;
5942
+ }
5943
+ .pkt-grid > .pkt-cell.pkt-cell--end4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-desktop-up {
5944
+ grid-column-end: 4;
5945
+ }
5946
+ .pkt-grid > .pkt-cell.pkt-cell--start5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-desktop-up {
5947
+ grid-column-start: 5;
5948
+ }
5949
+ .pkt-grid > .pkt-cell.pkt-cell--end5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-desktop-up {
5950
+ grid-column-end: 5;
5951
+ }
5952
+ .pkt-grid > .pkt-cell.pkt-cell--start6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-desktop-up {
5953
+ grid-column-start: 6;
5954
+ }
5955
+ .pkt-grid > .pkt-cell.pkt-cell--end6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-desktop-up {
5956
+ grid-column-end: 6;
5957
+ }
5958
+ .pkt-grid > .pkt-cell.pkt-cell--start7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-desktop-up {
5959
+ grid-column-start: 7;
5960
+ }
5961
+ .pkt-grid > .pkt-cell.pkt-cell--end7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-desktop-up {
5962
+ grid-column-end: 7;
5963
+ }
5964
+ .pkt-grid > .pkt-cell.pkt-cell--start8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-desktop-up {
5965
+ grid-column-start: 8;
5966
+ }
5967
+ .pkt-grid > .pkt-cell.pkt-cell--end8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-desktop-up {
5968
+ grid-column-end: 8;
5969
+ }
5970
+ .pkt-grid > .pkt-cell.pkt-cell--start9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-desktop-up {
5971
+ grid-column-start: 9;
5972
+ }
5973
+ .pkt-grid > .pkt-cell.pkt-cell--end9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-desktop-up {
5974
+ grid-column-end: 9;
5975
+ }
5976
+ .pkt-grid > .pkt-cell.pkt-cell--start10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-desktop-up {
5977
+ grid-column-start: 10;
5978
+ }
5979
+ .pkt-grid > .pkt-cell.pkt-cell--end10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-desktop-up {
5980
+ grid-column-end: 10;
5981
+ }
5982
+ .pkt-grid > .pkt-cell.pkt-cell--start11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-desktop-up {
5983
+ grid-column-start: 11;
5984
+ }
5985
+ .pkt-grid > .pkt-cell.pkt-cell--end11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-desktop-up {
5986
+ grid-column-end: 11;
5987
+ }
5988
+ .pkt-grid > .pkt-cell.pkt-cell--start12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-desktop-up {
5989
+ grid-column-start: 12;
5990
+ }
5991
+ .pkt-grid > .pkt-cell.pkt-cell--end12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-desktop-up {
5992
+ grid-column-end: 12;
5993
+ }
5994
+ .pkt-grid > .pkt-cell.pkt-cell--start13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-desktop-up {
5995
+ grid-column-start: 13;
5996
+ }
5997
+ .pkt-grid > .pkt-cell.pkt-cell--end13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-desktop-up {
5998
+ grid-column-end: 13;
5999
+ }
5423
6000
  }
5424
6001
 
5425
6002
  .pkt-layout {
@@ -17386,6 +17963,13 @@ button.pkt-link {
17386
17963
  * Variant: label-only, icon-left, icon-right, icon-only
17387
17964
  * Background: light, dark
17388
17965
  */
17966
+ pkt-button {
17967
+ display: inline-block;
17968
+ }
17969
+ pkt-button[full-width] {
17970
+ display: block;
17971
+ }
17972
+
17389
17973
  .pkt-btn__icon svg {
17390
17974
  --ring-color: var(--pkt-color-brand-dark-blue-700);
17391
17975
  --spinner-color: var(--pkt-color-brand-blue-1000);
@@ -18032,6 +18616,11 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18032
18616
  *
18033
18617
  *
18034
18618
  */
18619
+ pkt-checkbox,
18620
+ pkt-radiobutton {
18621
+ display: block;
18622
+ }
18623
+
18035
18624
  .pkt-input-check {
18036
18625
  display: flex;
18037
18626
  flex-direction: column;
@@ -18126,7 +18715,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18126
18715
  box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-input-border-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
18127
18716
  }
18128
18717
  .pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
18129
- --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/minus-sign.svg);
18718
+ --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/minus-sign.svg);
18130
18719
  position: relative;
18131
18720
  background-color: var(--pkt-color-input-border-normal);
18132
18721
  }
@@ -18152,7 +18741,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18152
18741
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
18153
18742
  }
18154
18743
  .pkt-input-check__input-checkbox:checked[type=checkbox] {
18155
- --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/check-medium.svg);
18744
+ --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
18156
18745
  position: relative;
18157
18746
  background-color: var(--pkt-color-input-border-normal);
18158
18747
  }
@@ -18210,7 +18799,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18210
18799
  cursor: not-allowed;
18211
18800
  }
18212
18801
  .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
18213
- --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/check-medium.svg);
18802
+ --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
18214
18803
  --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
18215
18804
  filter: grayscale(100%) brightness(400%);
18216
18805
  }
@@ -18471,7 +19060,7 @@ pkt-select {
18471
19060
  padding-right: 3rem;
18472
19061
  }
18473
19062
  .pkt-input:is(select):not([multiple]) {
18474
- --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/chevron-thin-down.svg);
19063
+ --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/chevron-thin-down.svg);
18475
19064
  background-image: var(--svg);
18476
19065
  background-repeat: no-repeat;
18477
19066
  background-position: right 0.7rem top 50%;
@@ -19596,6 +20185,10 @@ pkt-alert {
19596
20185
  /*
19597
20186
  * Back link component
19598
20187
  */
20188
+ pkt-backlink {
20189
+ display: block;
20190
+ }
20191
+
19599
20192
  .pkt-back-link .pkt-link {
19600
20193
  display: inline-flex;
19601
20194
  align-items: center;
@@ -19682,6 +20275,10 @@ pkt-alert {
19682
20275
  /*
19683
20276
  * Breadcrumbs component
19684
20277
  */
20278
+ pkt-breadcrumbs {
20279
+ display: block;
20280
+ }
20281
+
19685
20282
  .pkt-breadcrumbs {
19686
20283
  position: relative;
19687
20284
  letter-spacing: -0.2px;
@@ -19998,15 +20595,9 @@ pkt-card {
19998
20595
  .pkt-card.pkt-card--padding-none {
19999
20596
  padding: 0;
20000
20597
  }
20001
- .pkt-card .pkt-card__heading h1,
20002
- .pkt-card .pkt-card__heading h2,
20003
- .pkt-card .pkt-card__heading h3,
20004
- .pkt-card .pkt-card__heading h4,
20005
- .pkt-card .pkt-card__heading h5 {
20598
+ .pkt-card.pkt-card .pkt-card__heading {
20006
20599
  padding: 0;
20007
20600
  margin: 0;
20008
- font-size: 1.875rem;
20009
- font-weight: 400;
20010
20601
  margin-block-end: 0.5rem;
20011
20602
  hyphens: auto;
20012
20603
  overflow-wrap: break-word;
@@ -20016,19 +20607,23 @@ pkt-card {
20016
20607
  text-underline-offset: 0.15em;
20017
20608
  }
20018
20609
  .pkt-card p.pkt-card__subheading {
20610
+ letter-spacing: -0.2px;
20611
+ font-weight: 300;
20612
+ font-size: 1.25rem;
20613
+ line-height: 2rem;
20019
20614
  padding: 0;
20020
20615
  margin: 0;
20021
- line-height: unset;
20022
20616
  margin-block-end: 1rem;
20023
- font-size: 1.25rem;
20024
- font-weight: 300;
20025
20617
  hyphens: auto;
20026
20618
  overflow-wrap: break-word;
20027
20619
  }
20028
20620
  .pkt-card .pkt-card__metadata {
20621
+ letter-spacing: -0.2px;
20622
+ font-weight: 300;
20623
+ font-size: 1rem;
20624
+ line-height: 1.5rem;
20029
20625
  margin-block-start: 1rem;
20030
20626
  margin-block-end: 0;
20031
- line-height: unset;
20032
20627
  gap: 0.5rem;
20033
20628
  }
20034
20629
  .pkt-card .pkt-card__metadata-lead {
@@ -20077,6 +20672,21 @@ pkt-card {
20077
20672
  max-height: 400px;
20078
20673
  max-width: 400px;
20079
20674
  }
20675
+ .pkt-card.pkt-card--zoom .pkt-card__image img {
20676
+ transform: scale(1);
20677
+ transition: transform 0.5s ease-in-out;
20678
+ }
20679
+ .pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
20680
+ transform: scale(1.1);
20681
+ }
20682
+ @media (prefers-reduced-motion: reduce) {
20683
+ .pkt-card.pkt-card--zoom .pkt-card__image img {
20684
+ transition: none;
20685
+ }
20686
+ .pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
20687
+ transform: none;
20688
+ }
20689
+ }
20080
20690
  .pkt-card.pkt-card--horizontal .pkt-card__image {
20081
20691
  max-width: 400px;
20082
20692
  margin-inline-end: 2rem;
@@ -20106,6 +20716,46 @@ pkt-card {
20106
20716
  aspect-ratio: 19/10;
20107
20717
  }
20108
20718
  }
20719
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto {
20720
+ aspect-ratio: auto;
20721
+ }
20722
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto img {
20723
+ height: auto;
20724
+ }
20725
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-1-1 {
20726
+ aspect-ratio: 1;
20727
+ }
20728
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-4-3 {
20729
+ aspect-ratio: 4/3;
20730
+ }
20731
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-3-2 {
20732
+ aspect-ratio: 3/2;
20733
+ }
20734
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-16-9 {
20735
+ aspect-ratio: 16/9;
20736
+ }
20737
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-19-10 {
20738
+ aspect-ratio: 19/10;
20739
+ }
20740
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted {
20741
+ aspect-ratio: auto;
20742
+ }
20743
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
20744
+ width: 100%;
20745
+ height: 12.5rem;
20746
+ object-fit: cover;
20747
+ object-position: center;
20748
+ }
20749
+ @media screen and (min-width: 48rem) {
20750
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
20751
+ height: 14.375rem;
20752
+ }
20753
+ }
20754
+ @media screen and (min-width: 64rem) {
20755
+ .pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
20756
+ height: 18.125rem;
20757
+ }
20758
+ }
20109
20759
  .pkt-card .pkt-card__wrapper .pkt-card__link::before {
20110
20760
  content: "";
20111
20761
  position: absolute;
@@ -20430,6 +21080,15 @@ pkt-combobox {
20430
21080
  line-height: 1.375rem;
20431
21081
  }
20432
21082
 
21083
+ pkt-consent {
21084
+ display: inline;
21085
+ }
21086
+
21087
+ pkt-date-tags,
21088
+ pkt-datepicker-popup {
21089
+ display: block;
21090
+ }
21091
+
20433
21092
  .pkt-datepicker,
20434
21093
  pkt-datepicker {
20435
21094
  display: block;
@@ -21474,6 +22133,11 @@ pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal::backdrop {
21474
22133
  * --pkt-footer-fg tekstfarge
21475
22134
  * --pkt-footer-link-hover hover-farge på lenker (default: text-action-active)
21476
22135
  */
22136
+ pkt-footer,
22137
+ pkt-footer-simple {
22138
+ display: block;
22139
+ }
22140
+
21477
22141
  .pkt-footer,
21478
22142
  .pkt-footer-simple {
21479
22143
  display: block;
@@ -21757,6 +22421,10 @@ a.pkt-footer-simple__link:hover {
21757
22421
  /*
21758
22422
  * Header component
21759
22423
  */
22424
+ pkt-header {
22425
+ display: block;
22426
+ }
22427
+
21760
22428
  .pkt-header {
21761
22429
  background-color: var(--pkt-color-background-default);
21762
22430
  border-bottom: 1px solid var(--pkt-color-border-subtle);
@@ -22078,6 +22746,10 @@ a.pkt-footer-simple__link:hover {
22078
22746
  * `$mobile-height` is the logo height on mobile (the service header drops to
22079
22747
  * 32px, the global header to 3.2rem).
22080
22748
  */
22749
+ pkt-header-global {
22750
+ display: block;
22751
+ }
22752
+
22081
22753
  .pkt-header-global-spacer {
22082
22754
  height: 6.5rem;
22083
22755
  }
@@ -22317,6 +22989,10 @@ a.pkt-footer-simple__link:hover {
22317
22989
  /*
22318
22990
  * Header menu (global mega menu)
22319
22991
  */
22992
+ pkt-header-menu {
22993
+ display: block;
22994
+ }
22995
+
22320
22996
  .pkt-header-menu {
22321
22997
  display: none;
22322
22998
  background-color: var(--pkt-color-background-default);
@@ -22902,6 +23578,10 @@ a.pkt-footer-simple__link:hover {
22902
23578
  * override downward. --mobile blocks come after --tablet so they win on
22903
23579
  * source order when both are present.
22904
23580
  */
23581
+ pkt-header-service {
23582
+ display: block;
23583
+ }
23584
+
22905
23585
  .pkt-header-service-spacer {
22906
23586
  height: 6.5rem;
22907
23587
  }
@@ -23384,6 +24064,10 @@ a.pkt-footer-simple__link:hover {
23384
24064
  /*
23385
24065
  * Header User Menu component
23386
24066
  */
24067
+ pkt-header-user-menu {
24068
+ display: block;
24069
+ }
24070
+
23387
24071
  .pkt-header-service__user-menu::after {
23388
24072
  content: "";
23389
24073
  position: absolute;
@@ -23519,6 +24203,9 @@ pkt-heading {
23519
24203
  font-weight: 600;
23520
24204
  line-height: 1.2;
23521
24205
  }
24206
+ .pkt-heading.pkt-heading {
24207
+ margin-block: 0;
24208
+ }
23522
24209
  .pkt-heading--xlarge {
23523
24210
  letter-spacing: -0.2px;
23524
24211
  font-weight: 400;
@@ -23687,6 +24374,10 @@ pkt-icon > svg {
23687
24374
  }
23688
24375
 
23689
24376
  /* inputwrapper */
24377
+ pkt-helptext {
24378
+ display: block;
24379
+ }
24380
+
23690
24381
  pkt-input-wrapper {
23691
24382
  display: block;
23692
24383
  }
@@ -24245,6 +24936,13 @@ pkt-listbox {
24245
24936
  /*
24246
24937
  * Loader component
24247
24938
  */
24939
+ pkt-loader {
24940
+ display: block;
24941
+ }
24942
+ pkt-loader[inline] {
24943
+ display: inline-block;
24944
+ }
24945
+
24248
24946
  .pkt-loader {
24249
24947
  color: currentColor;
24250
24948
  width: fit-content;
@@ -24381,6 +25079,10 @@ pkt-listbox {
24381
25079
  /*
24382
25080
  * Modal component
24383
25081
  */
25082
+ pkt-modal {
25083
+ display: contents;
25084
+ }
25085
+
24384
25086
  .pkt-modal {
24385
25087
  border: none;
24386
25088
  padding: 0;
@@ -24778,6 +25480,10 @@ pkt-messagebox {
24778
25480
  top: -15px;
24779
25481
  }
24780
25482
 
25483
+ pkt-progressbar {
25484
+ display: block;
25485
+ }
25486
+
24781
25487
  .pkt-progressbar {
24782
25488
  --pkt-progress-width: 0%;
24783
25489
  --pkt-progress-label-width: 5rem;
@@ -24836,6 +25542,10 @@ pkt-messagebox {
24836
25542
  transition: margin-left 0.5s ease;
24837
25543
  }
24838
25544
 
25545
+ pkt-searchinput {
25546
+ display: block;
25547
+ }
25548
+
24839
25549
  .pkt-searchinput {
24840
25550
  position: relative;
24841
25551
  letter-spacing: -0.2px;