@oslokommune/punkt-css 18.3.2 → 18.5.1

package/dist/css/pkt-base.css

@@ -2849,6 +2849,10 @@ strong {
 /*
  * Link
  */
+pkt-link {
+  display: inline;
+}
+
 a,
 .pkt-link-button {
   color: var(--pkt-color-text-action-normal);
@@ -2923,7 +2927,7 @@ a:active, a.pkt-link--active,
 .pkt-link--external::after {
   display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/18.3/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -3037,6 +3041,12 @@ button.pkt-link {
     padding-inline: 2rem;
   }
 }
+.pkt-grid--inline {
+  display: inline-grid;
+}
+.pkt-grid--dense {
+  grid-auto-flow: dense;
+}
 .pkt-grid--full {
   max-width: 100%;
 }
@@ -3355,6 +3365,9 @@ button.pkt-link {
 .pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
   align-self: self-end;
 }
+.pkt-grid > .pkt-cell.pkt-cell--span1, .pkt-grid > * > .pkt-cell.pkt-cell--span1 {
+  grid-column-end: span 1;
+}
 .pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
   grid-column-end: span 2;
 }
@@ -3388,6 +3401,84 @@ button.pkt-link {
 .pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
   grid-column-end: span 12;
 }
+.pkt-grid > .pkt-cell.pkt-cell--start1, .pkt-grid > * > .pkt-cell.pkt-cell--start1 {
+  grid-column-start: 1;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end1, .pkt-grid > * > .pkt-cell.pkt-cell--end1 {
+  grid-column-end: 1;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start2, .pkt-grid > * > .pkt-cell.pkt-cell--start2 {
+  grid-column-start: 2;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end2, .pkt-grid > * > .pkt-cell.pkt-cell--end2 {
+  grid-column-end: 2;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start3, .pkt-grid > * > .pkt-cell.pkt-cell--start3 {
+  grid-column-start: 3;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end3, .pkt-grid > * > .pkt-cell.pkt-cell--end3 {
+  grid-column-end: 3;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start4, .pkt-grid > * > .pkt-cell.pkt-cell--start4 {
+  grid-column-start: 4;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end4, .pkt-grid > * > .pkt-cell.pkt-cell--end4 {
+  grid-column-end: 4;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start5, .pkt-grid > * > .pkt-cell.pkt-cell--start5 {
+  grid-column-start: 5;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end5, .pkt-grid > * > .pkt-cell.pkt-cell--end5 {
+  grid-column-end: 5;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start6, .pkt-grid > * > .pkt-cell.pkt-cell--start6 {
+  grid-column-start: 6;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end6, .pkt-grid > * > .pkt-cell.pkt-cell--end6 {
+  grid-column-end: 6;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start7, .pkt-grid > * > .pkt-cell.pkt-cell--start7 {
+  grid-column-start: 7;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end7, .pkt-grid > * > .pkt-cell.pkt-cell--end7 {
+  grid-column-end: 7;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start8, .pkt-grid > * > .pkt-cell.pkt-cell--start8 {
+  grid-column-start: 8;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end8, .pkt-grid > * > .pkt-cell.pkt-cell--end8 {
+  grid-column-end: 8;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start9, .pkt-grid > * > .pkt-cell.pkt-cell--start9 {
+  grid-column-start: 9;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end9, .pkt-grid > * > .pkt-cell.pkt-cell--end9 {
+  grid-column-end: 9;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start10, .pkt-grid > * > .pkt-cell.pkt-cell--start10 {
+  grid-column-start: 10;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end10, .pkt-grid > * > .pkt-cell.pkt-cell--end10 {
+  grid-column-end: 10;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start11, .pkt-grid > * > .pkt-cell.pkt-cell--start11 {
+  grid-column-start: 11;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end11, .pkt-grid > * > .pkt-cell.pkt-cell--end11 {
+  grid-column-end: 11;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start12, .pkt-grid > * > .pkt-cell.pkt-cell--start12 {
+  grid-column-start: 12;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end12, .pkt-grid > * > .pkt-cell.pkt-cell--end12 {
+  grid-column-end: 12;
+}
+.pkt-grid > .pkt-cell.pkt-cell--start13, .pkt-grid > * > .pkt-cell.pkt-cell--start13 {
+  grid-column-start: 13;
+}
+.pkt-grid > .pkt-cell.pkt-cell--end13, .pkt-grid > * > .pkt-cell.pkt-cell--end13 {
+  grid-column-end: 13;
+}
 
 /*
  * Responsiv grid
@@ -4971,6 +5062,9 @@ button.pkt-link {
   }
 }
 @media screen {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-mobile-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
     grid-column-end: span 2;
   }
@@ -5004,8 +5098,89 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-mobile-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-mobile-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-mobile-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-mobile-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-mobile-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-mobile-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-mobile-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-mobile-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-mobile-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-mobile-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-mobile-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-mobile-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-mobile-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-mobile-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-mobile-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-mobile-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-mobile-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-mobile-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-mobile-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-mobile-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-mobile-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-mobile-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-mobile-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-mobile-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-mobile-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-mobile-up {
+    grid-column-end: 13;
+  }
 }
 @media screen and (min-width: 36rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-phablet-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
     grid-column-end: span 2;
   }
@@ -5039,8 +5214,89 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-phablet-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-phablet-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-phablet-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-phablet-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-phablet-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-phablet-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-phablet-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-phablet-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-phablet-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-phablet-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-phablet-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-phablet-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-phablet-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-phablet-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-phablet-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-phablet-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-phablet-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-phablet-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-phablet-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-phablet-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-phablet-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-phablet-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-phablet-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-phablet-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-phablet-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-phablet-up {
+    grid-column-end: 13;
+  }
 }
 @media screen and (min-width: 48rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
     grid-column-end: span 2;
   }
@@ -5074,8 +5330,89 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-up {
+    grid-column-end: 13;
+  }
 }
 @media screen and (min-width: 64rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-big-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
     grid-column-end: span 2;
   }
@@ -5109,8 +5446,89 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-big-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-big-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-big-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-big-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-big-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-big-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-big-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-big-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-big-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-big-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-big-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-big-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-big-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-big-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-big-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-big-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-big-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-big-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-big-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-big-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-big-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-big-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-big-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-big-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-big-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-big-up {
+    grid-column-end: 13;
+  }
 }
 @media screen and (min-width: 80rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-laptop-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
     grid-column-end: span 2;
   }
@@ -5144,8 +5562,89 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-laptop-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-laptop-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-laptop-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-laptop-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-laptop-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-laptop-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-laptop-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-laptop-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-laptop-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-laptop-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-laptop-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-laptop-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-laptop-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-laptop-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-laptop-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-laptop-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-laptop-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-laptop-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-laptop-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-laptop-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-laptop-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-laptop-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-laptop-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-laptop-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-laptop-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-laptop-up {
+    grid-column-end: 13;
+  }
 }
 @media screen and (min-width: 100rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-desktop-up {
+    grid-column-end: span 1;
+  }
   .pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
     grid-column-end: span 2;
   }
@@ -5179,6 +5678,84 @@ button.pkt-link {
   .pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
     grid-column-end: span 12;
   }
+  .pkt-grid > .pkt-cell.pkt-cell--start1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-desktop-up {
+    grid-column-start: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-desktop-up {
+    grid-column-end: 1;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-desktop-up {
+    grid-column-start: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-desktop-up {
+    grid-column-end: 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-desktop-up {
+    grid-column-start: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-desktop-up {
+    grid-column-end: 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-desktop-up {
+    grid-column-start: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-desktop-up {
+    grid-column-end: 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-desktop-up {
+    grid-column-start: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-desktop-up {
+    grid-column-end: 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-desktop-up {
+    grid-column-start: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-desktop-up {
+    grid-column-end: 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-desktop-up {
+    grid-column-start: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-desktop-up {
+    grid-column-end: 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-desktop-up {
+    grid-column-start: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-desktop-up {
+    grid-column-end: 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-desktop-up {
+    grid-column-start: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-desktop-up {
+    grid-column-end: 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-desktop-up {
+    grid-column-start: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-desktop-up {
+    grid-column-end: 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-desktop-up {
+    grid-column-start: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-desktop-up {
+    grid-column-end: 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-desktop-up {
+    grid-column-start: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-desktop-up {
+    grid-column-end: 12;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--start13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-desktop-up {
+    grid-column-start: 13;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--end13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-desktop-up {
+    grid-column-end: 13;
+  }
 }
 
 .pkt-layout {