@oslokommune/punkt-css 17.0.6 → 17.0.7

package/dist/css/pkt-grid.css

@@ -0,0 +1,2232 @@
+@charset "UTF-8";
+/* 
+ * Containers
+ *
+ * Containers er en viktig brikke for å bruke Punkt, og som holder på, 
+ * gir luft rundt og justerer innholdet innenfor en skjermstørrelse.
+ */
+.pkt-container {
+  margin-inline: auto;
+  padding-inline: 1rem;
+  width: 100%;
+  max-width: 100vw;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-container {
+    padding-inline: 2rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-container {
+    max-width: 80rem;
+  }
+}
+.pkt-container--full {
+  max-width: 100%;
+}
+@media screen and (min-width: 36rem) {
+  .pkt-container--phablet {
+    max-width: 36rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-container--tablet {
+    max-width: 48rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-container--tablet-big {
+    max-width: 64rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-container--laptop {
+    max-width: 80rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-container--desktop {
+    max-width: 100rem;
+  }
+}
+.pkt-container--left {
+  margin-left: 0;
+  margin-right: auto;
+}
+.pkt-container--center {
+  margin-inline: auto;
+}
+.pkt-container--right {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/*
+ * CSS Grid layouts
+ */
+.pkt-grid {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(12, 1fr);
+  margin-inline: auto;
+  width: 100%;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid {
+    gap: 2rem;
+  }
+}
+.pkt-grid--padding {
+  padding-inline: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid--padding {
+    padding-inline: 2rem;
+  }
+}
+.pkt-grid--full {
+  max-width: 100%;
+}
+@media screen and (min-width: 36rem) {
+  .pkt-grid--phablet {
+    max-width: 36rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid--tablet {
+    max-width: 48rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-grid--tablet-big {
+    max-width: 64rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-grid--laptop {
+    max-width: 80rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-grid--desktop {
+    max-width: 100rem;
+  }
+}
+.pkt-grid--left {
+  margin-left: 0;
+  margin-right: auto;
+}
+.pkt-grid--center {
+  margin-inline: auto;
+}
+.pkt-grid--right {
+  margin-left: auto;
+  margin-right: 0;
+}
+.pkt-grid--gap-size-0 {
+  gap: 0rem;
+}
+.pkt-grid--colgap-size-0 {
+  column-gap: 0rem;
+}
+.pkt-grid--rowgap-size-0 {
+  row-gap: 0rem;
+}
+.pkt-grid--gap-size-2 {
+  gap: 0.125rem;
+}
+.pkt-grid--colgap-size-2 {
+  column-gap: 0.125rem;
+}
+.pkt-grid--rowgap-size-2 {
+  row-gap: 0.125rem;
+}
+.pkt-grid--gap-size-4 {
+  gap: 0.25rem;
+}
+.pkt-grid--colgap-size-4 {
+  column-gap: 0.25rem;
+}
+.pkt-grid--rowgap-size-4 {
+  row-gap: 0.25rem;
+}
+.pkt-grid--gap-size-6 {
+  gap: 0.375rem;
+}
+.pkt-grid--colgap-size-6 {
+  column-gap: 0.375rem;
+}
+.pkt-grid--rowgap-size-6 {
+  row-gap: 0.375rem;
+}
+.pkt-grid--gap-size-8 {
+  gap: 0.5rem;
+}
+.pkt-grid--colgap-size-8 {
+  column-gap: 0.5rem;
+}
+.pkt-grid--rowgap-size-8 {
+  row-gap: 0.5rem;
+}
+.pkt-grid--gap-size-12 {
+  gap: 0.75rem;
+}
+.pkt-grid--colgap-size-12 {
+  column-gap: 0.75rem;
+}
+.pkt-grid--rowgap-size-12 {
+  row-gap: 0.75rem;
+}
+.pkt-grid--gap-size-16 {
+  gap: 1rem;
+}
+.pkt-grid--colgap-size-16 {
+  column-gap: 1rem;
+}
+.pkt-grid--rowgap-size-16 {
+  row-gap: 1rem;
+}
+.pkt-grid--gap-size-24 {
+  gap: 1.5rem;
+}
+.pkt-grid--colgap-size-24 {
+  column-gap: 1.5rem;
+}
+.pkt-grid--rowgap-size-24 {
+  row-gap: 1.5rem;
+}
+.pkt-grid--gap-size-32 {
+  gap: 2rem;
+}
+.pkt-grid--colgap-size-32 {
+  column-gap: 2rem;
+}
+.pkt-grid--rowgap-size-32 {
+  row-gap: 2rem;
+}
+.pkt-grid--gap-size-40 {
+  gap: 2.5rem;
+}
+.pkt-grid--colgap-size-40 {
+  column-gap: 2.5rem;
+}
+.pkt-grid--rowgap-size-40 {
+  row-gap: 2.5rem;
+}
+.pkt-grid--gap-size-48 {
+  gap: 3rem;
+}
+.pkt-grid--colgap-size-48 {
+  column-gap: 3rem;
+}
+.pkt-grid--rowgap-size-48 {
+  row-gap: 3rem;
+}
+.pkt-grid--gap-size-52 {
+  gap: 3.25rem;
+}
+.pkt-grid--colgap-size-52 {
+  column-gap: 3.25rem;
+}
+.pkt-grid--rowgap-size-52 {
+  row-gap: 3.25rem;
+}
+.pkt-grid--gap-size-56 {
+  gap: 3.5rem;
+}
+.pkt-grid--colgap-size-56 {
+  column-gap: 3.5rem;
+}
+.pkt-grid--rowgap-size-56 {
+  row-gap: 3.5rem;
+}
+.pkt-grid--gap-size-64 {
+  gap: 4rem;
+}
+.pkt-grid--colgap-size-64 {
+  column-gap: 4rem;
+}
+.pkt-grid--rowgap-size-64 {
+  row-gap: 4rem;
+}
+.pkt-grid--gap-size-72 {
+  gap: 4.5rem;
+}
+.pkt-grid--colgap-size-72 {
+  column-gap: 4.5rem;
+}
+.pkt-grid--rowgap-size-72 {
+  row-gap: 4.5rem;
+}
+.pkt-grid--gap-size-80 {
+  gap: 5rem;
+}
+.pkt-grid--colgap-size-80 {
+  column-gap: 5rem;
+}
+.pkt-grid--rowgap-size-80 {
+  row-gap: 5rem;
+}
+.pkt-grid--gap-size-88 {
+  gap: 5.5rem;
+}
+.pkt-grid--colgap-size-88 {
+  column-gap: 5.5rem;
+}
+.pkt-grid--rowgap-size-88 {
+  row-gap: 5.5rem;
+}
+.pkt-grid--gap-size-104 {
+  gap: 6.5rem;
+}
+.pkt-grid--colgap-size-104 {
+  column-gap: 6.5rem;
+}
+.pkt-grid--rowgap-size-104 {
+  row-gap: 6.5rem;
+}
+.pkt-grid--gap-size-128 {
+  gap: 8rem;
+}
+.pkt-grid--colgap-size-128 {
+  column-gap: 8rem;
+}
+.pkt-grid--rowgap-size-128 {
+  row-gap: 8rem;
+}
+.pkt-grid--gap-size-148 {
+  gap: 9.25rem;
+}
+.pkt-grid--colgap-size-148 {
+  column-gap: 9.25rem;
+}
+.pkt-grid--rowgap-size-148 {
+  row-gap: 9.25rem;
+}
+.pkt-grid--gap-size-5 {
+  gap: 0.3125rem;
+}
+.pkt-grid--colgap-size-5 {
+  column-gap: 0.3125rem;
+}
+.pkt-grid--rowgap-size-5 {
+  row-gap: 0.3125rem;
+}
+.pkt-grid--gap-size-10 {
+  gap: 0.625rem;
+}
+.pkt-grid--colgap-size-10 {
+  column-gap: 0.625rem;
+}
+.pkt-grid--rowgap-size-10 {
+  row-gap: 0.625rem;
+}
+.pkt-grid--gap-size-15 {
+  gap: 0.9375rem;
+}
+.pkt-grid--colgap-size-15 {
+  column-gap: 0.9375rem;
+}
+.pkt-grid--rowgap-size-15 {
+  row-gap: 0.9375rem;
+}
+.pkt-grid--gap-size-20 {
+  gap: 1.25rem;
+}
+.pkt-grid--colgap-size-20 {
+  column-gap: 1.25rem;
+}
+.pkt-grid--rowgap-size-20 {
+  row-gap: 1.25rem;
+}
+.pkt-grid--gap-size-30 {
+  gap: 1.875rem;
+}
+.pkt-grid--colgap-size-30 {
+  column-gap: 1.875rem;
+}
+.pkt-grid--rowgap-size-30 {
+  row-gap: 1.875rem;
+}
+.pkt-grid--gap-size-50 {
+  gap: 3.125rem;
+}
+.pkt-grid--colgap-size-50 {
+  column-gap: 3.125rem;
+}
+.pkt-grid--rowgap-size-50 {
+  row-gap: 3.125rem;
+}
+.pkt-grid--gap-size-60 {
+  gap: 3.75rem;
+}
+.pkt-grid--colgap-size-60 {
+  column-gap: 3.75rem;
+}
+.pkt-grid--rowgap-size-60 {
+  row-gap: 3.75rem;
+}
+.pkt-grid--gap-size-75 {
+  gap: 4.6875rem;
+}
+.pkt-grid--colgap-size-75 {
+  column-gap: 4.6875rem;
+}
+.pkt-grid--rowgap-size-75 {
+  row-gap: 4.6875rem;
+}
+.pkt-grid--gap-size-100 {
+  gap: 6.25rem;
+}
+.pkt-grid--colgap-size-100 {
+  column-gap: 6.25rem;
+}
+.pkt-grid--rowgap-size-100 {
+  row-gap: 6.25rem;
+}
+@media screen {
+  .pkt-grid--gap-size-0-mobile-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-mobile-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-mobile-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-mobile-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-mobile-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-mobile-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-mobile-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-mobile-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-mobile-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-mobile-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-mobile-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-mobile-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-mobile-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-mobile-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-mobile-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-mobile-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-mobile-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-mobile-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-mobile-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-mobile-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-mobile-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-mobile-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-mobile-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-mobile-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-mobile-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-mobile-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-mobile-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-mobile-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-mobile-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-mobile-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-mobile-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-mobile-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-mobile-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-mobile-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-mobile-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-mobile-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-mobile-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-mobile-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-mobile-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-mobile-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-mobile-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-mobile-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-mobile-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-mobile-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-mobile-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-mobile-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-mobile-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-mobile-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-mobile-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-mobile-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-mobile-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-mobile-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-mobile-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-mobile-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-mobile-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-mobile-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-mobile-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-mobile-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-mobile-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-mobile-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-mobile-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-mobile-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-mobile-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-mobile-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-mobile-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-mobile-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-mobile-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-mobile-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-mobile-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-mobile-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-mobile-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-mobile-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-mobile-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-mobile-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-mobile-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-mobile-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-mobile-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-mobile-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-mobile-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-mobile-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-mobile-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-mobile-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-mobile-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-mobile-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-mobile-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-mobile-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-mobile-up {
+    row-gap: 6.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-grid--gap-size-0-phablet-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-phablet-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-phablet-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-phablet-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-phablet-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-phablet-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-phablet-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-phablet-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-phablet-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-phablet-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-phablet-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-phablet-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-phablet-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-phablet-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-phablet-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-phablet-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-phablet-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-phablet-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-phablet-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-phablet-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-phablet-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-phablet-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-phablet-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-phablet-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-phablet-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-phablet-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-phablet-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-phablet-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-phablet-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-phablet-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-phablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-phablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-phablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-phablet-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-phablet-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-phablet-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-phablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-phablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-phablet-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-phablet-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-phablet-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-phablet-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-phablet-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-phablet-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-phablet-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-phablet-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-phablet-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-phablet-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-phablet-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-phablet-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-phablet-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-phablet-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-phablet-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-phablet-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-phablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-phablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-phablet-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-phablet-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-phablet-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-phablet-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-phablet-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-phablet-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-phablet-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-phablet-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-phablet-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-phablet-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-phablet-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-phablet-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-phablet-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-phablet-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-phablet-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-phablet-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-phablet-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-phablet-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-phablet-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-phablet-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-phablet-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-phablet-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-phablet-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-phablet-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-phablet-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-phablet-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-phablet-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-phablet-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-phablet-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-phablet-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-phablet-up {
+    row-gap: 6.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid--gap-size-0-tablet-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-tablet-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-tablet-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-tablet-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-tablet-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-tablet-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-tablet-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-tablet-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-tablet-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-tablet-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-tablet-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-tablet-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-tablet-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-tablet-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-tablet-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-tablet-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-tablet-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-tablet-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-tablet-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-tablet-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-tablet-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-tablet-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-tablet-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-tablet-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-tablet-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-tablet-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-tablet-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-tablet-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-tablet-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-tablet-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-tablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-tablet-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-tablet-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-tablet-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-tablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-tablet-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-tablet-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-tablet-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-tablet-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-tablet-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-tablet-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-tablet-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-tablet-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-tablet-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-tablet-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-tablet-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-tablet-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-tablet-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-tablet-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-tablet-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-tablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-tablet-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-tablet-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-tablet-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-tablet-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-tablet-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-tablet-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-tablet-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-tablet-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-tablet-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-tablet-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-tablet-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-tablet-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-tablet-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-tablet-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-tablet-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-tablet-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-tablet-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-tablet-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-tablet-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-tablet-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-tablet-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-tablet-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-tablet-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-tablet-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-tablet-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-tablet-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-tablet-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-tablet-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-tablet-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-tablet-up {
+    row-gap: 6.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-grid--gap-size-0-tablet-big-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-tablet-big-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-tablet-big-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-tablet-big-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-tablet-big-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-tablet-big-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-tablet-big-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-tablet-big-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-tablet-big-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-tablet-big-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-tablet-big-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-tablet-big-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-tablet-big-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-tablet-big-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-tablet-big-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-tablet-big-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-tablet-big-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-tablet-big-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-tablet-big-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-tablet-big-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-tablet-big-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-tablet-big-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-tablet-big-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-tablet-big-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-tablet-big-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-tablet-big-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-tablet-big-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-tablet-big-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-tablet-big-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-tablet-big-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-tablet-big-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-big-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-big-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-tablet-big-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-tablet-big-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-tablet-big-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-tablet-big-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-big-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-big-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-tablet-big-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-tablet-big-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-tablet-big-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-tablet-big-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-tablet-big-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-tablet-big-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-tablet-big-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-tablet-big-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-tablet-big-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-tablet-big-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-tablet-big-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-tablet-big-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-tablet-big-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-tablet-big-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-tablet-big-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-tablet-big-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-big-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-big-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-tablet-big-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-tablet-big-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-tablet-big-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-tablet-big-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-tablet-big-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-tablet-big-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-tablet-big-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-tablet-big-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-tablet-big-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-tablet-big-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-tablet-big-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-tablet-big-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-tablet-big-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-tablet-big-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-tablet-big-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-tablet-big-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-tablet-big-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-tablet-big-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-tablet-big-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-tablet-big-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-tablet-big-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-tablet-big-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-tablet-big-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-tablet-big-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-tablet-big-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-tablet-big-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-tablet-big-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-tablet-big-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-tablet-big-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-tablet-big-up {
+    row-gap: 6.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-grid--gap-size-0-laptop-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-laptop-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-laptop-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-laptop-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-laptop-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-laptop-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-laptop-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-laptop-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-laptop-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-laptop-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-laptop-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-laptop-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-laptop-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-laptop-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-laptop-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-laptop-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-laptop-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-laptop-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-laptop-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-laptop-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-laptop-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-laptop-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-laptop-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-laptop-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-laptop-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-laptop-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-laptop-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-laptop-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-laptop-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-laptop-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-laptop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-laptop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-laptop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-laptop-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-laptop-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-laptop-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-laptop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-laptop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-laptop-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-laptop-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-laptop-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-laptop-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-laptop-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-laptop-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-laptop-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-laptop-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-laptop-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-laptop-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-laptop-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-laptop-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-laptop-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-laptop-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-laptop-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-laptop-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-laptop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-laptop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-laptop-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-laptop-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-laptop-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-laptop-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-laptop-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-laptop-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-laptop-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-laptop-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-laptop-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-laptop-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-laptop-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-laptop-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-laptop-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-laptop-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-laptop-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-laptop-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-laptop-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-laptop-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-laptop-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-laptop-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-laptop-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-laptop-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-laptop-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-laptop-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-laptop-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-laptop-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-laptop-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-laptop-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-laptop-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-laptop-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-laptop-up {
+    row-gap: 6.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-grid--gap-size-0-desktop-up {
+    gap: 0rem;
+  }
+  .pkt-grid--colgap-size-0-desktop-up {
+    column-gap: 0rem;
+  }
+  .pkt-grid--rowgap-size-0-desktop-up {
+    row-gap: 0rem;
+  }
+  .pkt-grid--gap-size-2-desktop-up {
+    gap: 0.125rem;
+  }
+  .pkt-grid--colgap-size-2-desktop-up {
+    column-gap: 0.125rem;
+  }
+  .pkt-grid--rowgap-size-2-desktop-up {
+    row-gap: 0.125rem;
+  }
+  .pkt-grid--gap-size-4-desktop-up {
+    gap: 0.25rem;
+  }
+  .pkt-grid--colgap-size-4-desktop-up {
+    column-gap: 0.25rem;
+  }
+  .pkt-grid--rowgap-size-4-desktop-up {
+    row-gap: 0.25rem;
+  }
+  .pkt-grid--gap-size-6-desktop-up {
+    gap: 0.375rem;
+  }
+  .pkt-grid--colgap-size-6-desktop-up {
+    column-gap: 0.375rem;
+  }
+  .pkt-grid--rowgap-size-6-desktop-up {
+    row-gap: 0.375rem;
+  }
+  .pkt-grid--gap-size-8-desktop-up {
+    gap: 0.5rem;
+  }
+  .pkt-grid--colgap-size-8-desktop-up {
+    column-gap: 0.5rem;
+  }
+  .pkt-grid--rowgap-size-8-desktop-up {
+    row-gap: 0.5rem;
+  }
+  .pkt-grid--gap-size-12-desktop-up {
+    gap: 0.75rem;
+  }
+  .pkt-grid--colgap-size-12-desktop-up {
+    column-gap: 0.75rem;
+  }
+  .pkt-grid--rowgap-size-12-desktop-up {
+    row-gap: 0.75rem;
+  }
+  .pkt-grid--gap-size-16-desktop-up {
+    gap: 1rem;
+  }
+  .pkt-grid--colgap-size-16-desktop-up {
+    column-gap: 1rem;
+  }
+  .pkt-grid--rowgap-size-16-desktop-up {
+    row-gap: 1rem;
+  }
+  .pkt-grid--gap-size-24-desktop-up {
+    gap: 1.5rem;
+  }
+  .pkt-grid--colgap-size-24-desktop-up {
+    column-gap: 1.5rem;
+  }
+  .pkt-grid--rowgap-size-24-desktop-up {
+    row-gap: 1.5rem;
+  }
+  .pkt-grid--gap-size-32-desktop-up {
+    gap: 2rem;
+  }
+  .pkt-grid--colgap-size-32-desktop-up {
+    column-gap: 2rem;
+  }
+  .pkt-grid--rowgap-size-32-desktop-up {
+    row-gap: 2rem;
+  }
+  .pkt-grid--gap-size-40-desktop-up {
+    gap: 2.5rem;
+  }
+  .pkt-grid--colgap-size-40-desktop-up {
+    column-gap: 2.5rem;
+  }
+  .pkt-grid--rowgap-size-40-desktop-up {
+    row-gap: 2.5rem;
+  }
+  .pkt-grid--gap-size-48-desktop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-desktop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-desktop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-52-desktop-up {
+    gap: 3.25rem;
+  }
+  .pkt-grid--colgap-size-52-desktop-up {
+    column-gap: 3.25rem;
+  }
+  .pkt-grid--rowgap-size-52-desktop-up {
+    row-gap: 3.25rem;
+  }
+  .pkt-grid--gap-size-56-desktop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-desktop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-desktop-up {
+    row-gap: 3.5rem;
+  }
+  .pkt-grid--gap-size-64-desktop-up {
+    gap: 4rem;
+  }
+  .pkt-grid--colgap-size-64-desktop-up {
+    column-gap: 4rem;
+  }
+  .pkt-grid--rowgap-size-64-desktop-up {
+    row-gap: 4rem;
+  }
+  .pkt-grid--gap-size-72-desktop-up {
+    gap: 4.5rem;
+  }
+  .pkt-grid--colgap-size-72-desktop-up {
+    column-gap: 4.5rem;
+  }
+  .pkt-grid--rowgap-size-72-desktop-up {
+    row-gap: 4.5rem;
+  }
+  .pkt-grid--gap-size-80-desktop-up {
+    gap: 5rem;
+  }
+  .pkt-grid--colgap-size-80-desktop-up {
+    column-gap: 5rem;
+  }
+  .pkt-grid--rowgap-size-80-desktop-up {
+    row-gap: 5rem;
+  }
+  .pkt-grid--gap-size-88-desktop-up {
+    gap: 5.5rem;
+  }
+  .pkt-grid--colgap-size-88-desktop-up {
+    column-gap: 5.5rem;
+  }
+  .pkt-grid--rowgap-size-88-desktop-up {
+    row-gap: 5.5rem;
+  }
+  .pkt-grid--gap-size-104-desktop-up {
+    gap: 6.5rem;
+  }
+  .pkt-grid--colgap-size-104-desktop-up {
+    column-gap: 6.5rem;
+  }
+  .pkt-grid--rowgap-size-104-desktop-up {
+    row-gap: 6.5rem;
+  }
+  .pkt-grid--gap-size-128-desktop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-desktop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-desktop-up {
+    row-gap: 8rem;
+  }
+  .pkt-grid--gap-size-148-desktop-up {
+    gap: 9.25rem;
+  }
+  .pkt-grid--colgap-size-148-desktop-up {
+    column-gap: 9.25rem;
+  }
+  .pkt-grid--rowgap-size-148-desktop-up {
+    row-gap: 9.25rem;
+  }
+  .pkt-grid--gap-size-5-desktop-up {
+    gap: 0.3125rem;
+  }
+  .pkt-grid--colgap-size-5-desktop-up {
+    column-gap: 0.3125rem;
+  }
+  .pkt-grid--rowgap-size-5-desktop-up {
+    row-gap: 0.3125rem;
+  }
+  .pkt-grid--gap-size-10-desktop-up {
+    gap: 0.625rem;
+  }
+  .pkt-grid--colgap-size-10-desktop-up {
+    column-gap: 0.625rem;
+  }
+  .pkt-grid--rowgap-size-10-desktop-up {
+    row-gap: 0.625rem;
+  }
+  .pkt-grid--gap-size-15-desktop-up {
+    gap: 0.9375rem;
+  }
+  .pkt-grid--colgap-size-15-desktop-up {
+    column-gap: 0.9375rem;
+  }
+  .pkt-grid--rowgap-size-15-desktop-up {
+    row-gap: 0.9375rem;
+  }
+  .pkt-grid--gap-size-20-desktop-up {
+    gap: 1.25rem;
+  }
+  .pkt-grid--colgap-size-20-desktop-up {
+    column-gap: 1.25rem;
+  }
+  .pkt-grid--rowgap-size-20-desktop-up {
+    row-gap: 1.25rem;
+  }
+  .pkt-grid--gap-size-30-desktop-up {
+    gap: 1.875rem;
+  }
+  .pkt-grid--colgap-size-30-desktop-up {
+    column-gap: 1.875rem;
+  }
+  .pkt-grid--rowgap-size-30-desktop-up {
+    row-gap: 1.875rem;
+  }
+  .pkt-grid--gap-size-50-desktop-up {
+    gap: 3.125rem;
+  }
+  .pkt-grid--colgap-size-50-desktop-up {
+    column-gap: 3.125rem;
+  }
+  .pkt-grid--rowgap-size-50-desktop-up {
+    row-gap: 3.125rem;
+  }
+  .pkt-grid--gap-size-60-desktop-up {
+    gap: 3.75rem;
+  }
+  .pkt-grid--colgap-size-60-desktop-up {
+    column-gap: 3.75rem;
+  }
+  .pkt-grid--rowgap-size-60-desktop-up {
+    row-gap: 3.75rem;
+  }
+  .pkt-grid--gap-size-75-desktop-up {
+    gap: 4.6875rem;
+  }
+  .pkt-grid--colgap-size-75-desktop-up {
+    column-gap: 4.6875rem;
+  }
+  .pkt-grid--rowgap-size-75-desktop-up {
+    row-gap: 4.6875rem;
+  }
+  .pkt-grid--gap-size-100-desktop-up {
+    gap: 6.25rem;
+  }
+  .pkt-grid--colgap-size-100-desktop-up {
+    column-gap: 6.25rem;
+  }
+  .pkt-grid--rowgap-size-100-desktop-up {
+    row-gap: 6.25rem;
+  }
+}
+.pkt-grid > .pkt-cell--left, .pkt-grid > * > .pkt-cell--left {
+  justify-self: start;
+}
+.pkt-grid > .pkt-cell--center, .pkt-grid > * > .pkt-cell--center {
+  justify-self: center;
+}
+.pkt-grid > .pkt-cell--right, .pkt-grid > * > .pkt-cell--right {
+  justify-self: end;
+}
+.pkt-grid > .pkt-cell--top, .pkt-grid > * > .pkt-cell--top {
+  align-self: self-start;
+}
+.pkt-grid > .pkt-cell--center-vertical, .pkt-grid > * > .pkt-cell--center-vertical {
+  align-self: center;
+}
+.pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
+  align-self: self-end;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
+  grid-column-end: span 2;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span3, .pkt-grid > * > .pkt-cell.pkt-cell--span3 {
+  grid-column-end: span 3;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span4, .pkt-grid > * > .pkt-cell.pkt-cell--span4 {
+  grid-column-end: span 4;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span5, .pkt-grid > * > .pkt-cell.pkt-cell--span5 {
+  grid-column-end: span 5;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span6, .pkt-grid > * > .pkt-cell.pkt-cell--span6 {
+  grid-column-end: span 6;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span7, .pkt-grid > * > .pkt-cell.pkt-cell--span7 {
+  grid-column-end: span 7;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span8, .pkt-grid > * > .pkt-cell.pkt-cell--span8 {
+  grid-column-end: span 8;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span9, .pkt-grid > * > .pkt-cell.pkt-cell--span9 {
+  grid-column-end: span 9;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span10, .pkt-grid > * > .pkt-cell.pkt-cell--span10 {
+  grid-column-end: span 10;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span11, .pkt-grid > * > .pkt-cell.pkt-cell--span11 {
+  grid-column-end: span 11;
+}
+.pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
+  grid-column-end: span 12;
+}
+@media screen {
+  .pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
+    grid-column-end: span 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-mobile-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-mobile-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-mobile-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-mobile-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-mobile-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-mobile-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-mobile-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-mobile-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-mobile-up {
+    grid-column-end: span 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
+    grid-column-end: span 12;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
+    grid-column-end: span 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-phablet-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-phablet-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-phablet-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-phablet-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-phablet-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-phablet-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-phablet-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-phablet-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-phablet-up {
+    grid-column-end: span 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
+    grid-column-end: span 12;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
+    grid-column-end: span 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-up {
+    grid-column-end: span 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
+    grid-column-end: span 12;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .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;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-big-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-big-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-big-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-big-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-big-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-big-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-big-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-big-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-big-up {
+    grid-column-end: span 11;
+  }
+  .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;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
+    grid-column-end: span 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-laptop-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-laptop-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-laptop-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-laptop-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-laptop-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-laptop-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-laptop-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-laptop-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-laptop-up {
+    grid-column-end: span 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
+    grid-column-end: span 12;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
+    grid-column-end: span 2;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-desktop-up {
+    grid-column-end: span 3;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-desktop-up {
+    grid-column-end: span 4;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-desktop-up {
+    grid-column-end: span 5;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-desktop-up {
+    grid-column-end: span 6;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-desktop-up {
+    grid-column-end: span 7;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-desktop-up {
+    grid-column-end: span 8;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-desktop-up {
+    grid-column-end: span 9;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-desktop-up {
+    grid-column-end: span 10;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-desktop-up {
+    grid-column-end: span 11;
+  }
+  .pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
+    grid-column-end: span 12;
+  }
+}
+
+.pkt-layout {
+  display: grid;
+  width: 100vw;
+  min-height: 100vh;
+  grid-template-rows: auto 1fr auto;
+}