@oslokommune/punkt-css 17.0.6 → 17.0.7

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 (21) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/css/pkt-base.css +13213 -13213
  3. package/dist/css/pkt-base.min.css +1 -1
  4. package/dist/css/pkt-docs.css +13213 -13213
  5. package/dist/css/pkt-docs.min.css +1 -1
  6. package/dist/css/pkt-grid.css +2232 -0
  7. package/dist/css/pkt-grid.min.css +1 -0
  8. package/dist/css/pkt-tokens.css +273 -0
  9. package/dist/css/pkt-tokens.min.css +1 -0
  10. package/dist/css/pkt-utilities.css +11335 -0
  11. package/dist/css/pkt-utilities.min.css +1 -0
  12. package/dist/css/pkt.css +13213 -13213
  13. package/dist/css/pkt.min.css +1 -1
  14. package/dist/scss/base/_colors-tokens.scss +106 -0
  15. package/dist/scss/base/_colors-utilities.scss +43 -0
  16. package/dist/scss/base/_colors.scss +2 -144
  17. package/dist/scss/base/_index.scss +10 -3
  18. package/dist/scss/pkt-grid.scss +6 -0
  19. package/dist/scss/pkt-tokens.scss +5 -0
  20. package/dist/scss/pkt-utilities.scss +6 -0
  21. package/package.json +2 -2
package/dist/css/pkt-grid.min.css ADDED
@@ -0,0 +1 @@
1
+ .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}.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:.125rem}.pkt-grid--colgap-size-2{column-gap:.125rem}.pkt-grid--rowgap-size-2{row-gap:.125rem}.pkt-grid--gap-size-4{gap:.25rem}.pkt-grid--colgap-size-4{column-gap:.25rem}.pkt-grid--rowgap-size-4{row-gap:.25rem}.pkt-grid--gap-size-6{gap:.375rem}.pkt-grid--colgap-size-6{column-gap:.375rem}.pkt-grid--rowgap-size-6{row-gap:.375rem}.pkt-grid--gap-size-8{gap:.5rem}.pkt-grid--colgap-size-8{column-gap:.5rem}.pkt-grid--rowgap-size-8{row-gap:.5rem}.pkt-grid--gap-size-12{gap:.75rem}.pkt-grid--colgap-size-12{column-gap:.75rem}.pkt-grid--rowgap-size-12{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5{column-gap:.3125rem}.pkt-grid--rowgap-size-5{row-gap:.3125rem}.pkt-grid--gap-size-10{gap:.625rem}.pkt-grid--colgap-size-10{column-gap:.625rem}.pkt-grid--rowgap-size-10{row-gap:.625rem}.pkt-grid--gap-size-15{gap:.9375rem}.pkt-grid--colgap-size-15{column-gap:.9375rem}.pkt-grid--rowgap-size-15{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-mobile-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-mobile-up{row-gap:.125rem}.pkt-grid--gap-size-4-mobile-up{gap:.25rem}.pkt-grid--colgap-size-4-mobile-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-mobile-up{row-gap:.25rem}.pkt-grid--gap-size-6-mobile-up{gap:.375rem}.pkt-grid--colgap-size-6-mobile-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-mobile-up{row-gap:.375rem}.pkt-grid--gap-size-8-mobile-up{gap:.5rem}.pkt-grid--colgap-size-8-mobile-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-mobile-up{row-gap:.5rem}.pkt-grid--gap-size-12-mobile-up{gap:.75rem}.pkt-grid--colgap-size-12-mobile-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-mobile-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-mobile-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-mobile-up{row-gap:.3125rem}.pkt-grid--gap-size-10-mobile-up{gap:.625rem}.pkt-grid--colgap-size-10-mobile-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-mobile-up{row-gap:.625rem}.pkt-grid--gap-size-15-mobile-up{gap:.9375rem}.pkt-grid--colgap-size-15-mobile-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-mobile-up{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-phablet-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-phablet-up{row-gap:.125rem}.pkt-grid--gap-size-4-phablet-up{gap:.25rem}.pkt-grid--colgap-size-4-phablet-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-phablet-up{row-gap:.25rem}.pkt-grid--gap-size-6-phablet-up{gap:.375rem}.pkt-grid--colgap-size-6-phablet-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-phablet-up{row-gap:.375rem}.pkt-grid--gap-size-8-phablet-up{gap:.5rem}.pkt-grid--colgap-size-8-phablet-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-phablet-up{row-gap:.5rem}.pkt-grid--gap-size-12-phablet-up{gap:.75rem}.pkt-grid--colgap-size-12-phablet-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-phablet-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-phablet-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-phablet-up{row-gap:.3125rem}.pkt-grid--gap-size-10-phablet-up{gap:.625rem}.pkt-grid--colgap-size-10-phablet-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-phablet-up{row-gap:.625rem}.pkt-grid--gap-size-15-phablet-up{gap:.9375rem}.pkt-grid--colgap-size-15-phablet-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-phablet-up{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-tablet-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-tablet-up{row-gap:.125rem}.pkt-grid--gap-size-4-tablet-up{gap:.25rem}.pkt-grid--colgap-size-4-tablet-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-tablet-up{row-gap:.25rem}.pkt-grid--gap-size-6-tablet-up{gap:.375rem}.pkt-grid--colgap-size-6-tablet-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-tablet-up{row-gap:.375rem}.pkt-grid--gap-size-8-tablet-up{gap:.5rem}.pkt-grid--colgap-size-8-tablet-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-tablet-up{row-gap:.5rem}.pkt-grid--gap-size-12-tablet-up{gap:.75rem}.pkt-grid--colgap-size-12-tablet-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-tablet-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-tablet-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-tablet-up{row-gap:.3125rem}.pkt-grid--gap-size-10-tablet-up{gap:.625rem}.pkt-grid--colgap-size-10-tablet-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-tablet-up{row-gap:.625rem}.pkt-grid--gap-size-15-tablet-up{gap:.9375rem}.pkt-grid--colgap-size-15-tablet-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-tablet-up{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-tablet-big-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-tablet-big-up{row-gap:.125rem}.pkt-grid--gap-size-4-tablet-big-up{gap:.25rem}.pkt-grid--colgap-size-4-tablet-big-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-tablet-big-up{row-gap:.25rem}.pkt-grid--gap-size-6-tablet-big-up{gap:.375rem}.pkt-grid--colgap-size-6-tablet-big-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-tablet-big-up{row-gap:.375rem}.pkt-grid--gap-size-8-tablet-big-up{gap:.5rem}.pkt-grid--colgap-size-8-tablet-big-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-tablet-big-up{row-gap:.5rem}.pkt-grid--gap-size-12-tablet-big-up{gap:.75rem}.pkt-grid--colgap-size-12-tablet-big-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-tablet-big-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-tablet-big-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-tablet-big-up{row-gap:.3125rem}.pkt-grid--gap-size-10-tablet-big-up{gap:.625rem}.pkt-grid--colgap-size-10-tablet-big-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-tablet-big-up{row-gap:.625rem}.pkt-grid--gap-size-15-tablet-big-up{gap:.9375rem}.pkt-grid--colgap-size-15-tablet-big-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-tablet-big-up{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-laptop-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-laptop-up{row-gap:.125rem}.pkt-grid--gap-size-4-laptop-up{gap:.25rem}.pkt-grid--colgap-size-4-laptop-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-laptop-up{row-gap:.25rem}.pkt-grid--gap-size-6-laptop-up{gap:.375rem}.pkt-grid--colgap-size-6-laptop-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-laptop-up{row-gap:.375rem}.pkt-grid--gap-size-8-laptop-up{gap:.5rem}.pkt-grid--colgap-size-8-laptop-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-laptop-up{row-gap:.5rem}.pkt-grid--gap-size-12-laptop-up{gap:.75rem}.pkt-grid--colgap-size-12-laptop-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-laptop-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-laptop-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-laptop-up{row-gap:.3125rem}.pkt-grid--gap-size-10-laptop-up{gap:.625rem}.pkt-grid--colgap-size-10-laptop-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-laptop-up{row-gap:.625rem}.pkt-grid--gap-size-15-laptop-up{gap:.9375rem}.pkt-grid--colgap-size-15-laptop-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-laptop-up{row-gap:.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:.125rem}.pkt-grid--colgap-size-2-desktop-up{column-gap:.125rem}.pkt-grid--rowgap-size-2-desktop-up{row-gap:.125rem}.pkt-grid--gap-size-4-desktop-up{gap:.25rem}.pkt-grid--colgap-size-4-desktop-up{column-gap:.25rem}.pkt-grid--rowgap-size-4-desktop-up{row-gap:.25rem}.pkt-grid--gap-size-6-desktop-up{gap:.375rem}.pkt-grid--colgap-size-6-desktop-up{column-gap:.375rem}.pkt-grid--rowgap-size-6-desktop-up{row-gap:.375rem}.pkt-grid--gap-size-8-desktop-up{gap:.5rem}.pkt-grid--colgap-size-8-desktop-up{column-gap:.5rem}.pkt-grid--rowgap-size-8-desktop-up{row-gap:.5rem}.pkt-grid--gap-size-12-desktop-up{gap:.75rem}.pkt-grid--colgap-size-12-desktop-up{column-gap:.75rem}.pkt-grid--rowgap-size-12-desktop-up{row-gap:.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:.3125rem}.pkt-grid--colgap-size-5-desktop-up{column-gap:.3125rem}.pkt-grid--rowgap-size-5-desktop-up{row-gap:.3125rem}.pkt-grid--gap-size-10-desktop-up{gap:.625rem}.pkt-grid--colgap-size-10-desktop-up{column-gap:.625rem}.pkt-grid--rowgap-size-10-desktop-up{row-gap:.625rem}.pkt-grid--gap-size-15-desktop-up{gap:.9375rem}.pkt-grid--colgap-size-15-desktop-up{column-gap:.9375rem}.pkt-grid--rowgap-size-15-desktop-up{row-gap:.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}
package/dist/css/pkt-tokens.css ADDED
@@ -0,0 +1,273 @@
1
+ /*
2
+ * Oslo-sans
3
+ */
4
+ @font-face {
5
+ font-display: swap;
6
+ font-family: Oslo Sans;
7
+ font-style: normal;
8
+ font-weight: 400;
9
+ src: url("../fonts/OsloSans-Regular.woff2") format("woff2"), url("../fonts/OsloSans-Regular.woff") format("woff");
10
+ }
11
+ @font-face {
12
+ font-display: swap;
13
+ font-family: Oslo Sans;
14
+ font-style: italic;
15
+ font-weight: 400;
16
+ src: url("../fonts/OsloSans-RegularItalic.woff2") format("woff2"), url("../fonts/OsloSans-RegularItalic.woff") format("woff");
17
+ }
18
+ @font-face {
19
+ font-display: swap;
20
+ font-family: Oslo Sans;
21
+ font-style: normal;
22
+ font-weight: 300;
23
+ src: url("../fonts/OsloSans-Light.woff2") format("woff2"), url("../fonts/OsloSans-Light.woff") format("woff");
24
+ }
25
+ @font-face {
26
+ font-display: swap;
27
+ font-family: Oslo Sans;
28
+ font-style: normal;
29
+ font-weight: 500;
30
+ src: url("../fonts/OsloSans-Medium.woff2") format("woff2"), url("../fonts/OsloSans-Medium.woff") format("woff");
31
+ }
32
+ @font-face {
33
+ font-display: swap;
34
+ font-family: Oslo Sans;
35
+ font-style: normal;
36
+ font-weight: 700;
37
+ src: url("../fonts/OsloSans-Bold.woff2") format("woff2"), url("../fonts/OsloSans-Bold.woff") format("woff");
38
+ }
39
+ @font-face {
40
+ font-display: swap;
41
+ font-family: Oslo Icons;
42
+ font-style: normal;
43
+ font-weight: 400;
44
+ src: url("../fonts/OsloIcons.woff2") format("woff2"), url("../fonts/OsloIcons.woff") format("woff");
45
+ }
46
+ /*
47
+ * Colors
48
+ * Brand
49
+ * Light mode
50
+ * Dark mode
51
+ */
52
+ :root {
53
+ /**
54
+ * @tokens Colors
55
+ * @presenter Color
56
+ */
57
+ --pkt-color-brand-blue-100: #f1fdff;
58
+ --pkt-color-brand-blue-200: #e5fcff;
59
+ --pkt-color-brand-blue-300: #d1f9ff;
60
+ --pkt-color-brand-blue-500: #b3f5ff;
61
+ --pkt-color-brand-blue-1000: #6fe9ff;
62
+ --pkt-color-brand-dark-blue-700: #6a698b;
63
+ --pkt-color-brand-dark-blue-1000: #2a2859;
64
+ --pkt-color-brand-warm-blue-1000: #1f42aa;
65
+ --pkt-color-brand-green-400: #c7fde9;
66
+ --pkt-color-brand-green-1000: #43f8b6;
67
+ --pkt-color-brand-light-green-400: #e5ffe6;
68
+ --pkt-color-brand-light-green-1000: #c7f6c9;
69
+ --pkt-color-brand-dark-green-1000: #034b45;
70
+ --pkt-color-brand-yellow-1000: #f9c66b;
71
+ --pkt-color-brand-yellow-500: #ffe7bc;
72
+ --pkt-color-brand-red-100: #fff2f1;
73
+ --pkt-color-brand-red-400: #ffdfdc;
74
+ --pkt-color-brand-red-600: #ffb4ac;
75
+ --pkt-color-brand-red-1000: #ff8274;
76
+ --pkt-color-brand-light-beige-1000: #f8f0dd;
77
+ --pkt-color-brand-dark-beige-1000: #d0bfae;
78
+ --pkt-color-brand-neutrals-white: #ffffff;
79
+ --pkt-color-brand-neutrals-100: #f9f9f9;
80
+ --pkt-color-brand-neutrals-200: #f2f2f2;
81
+ --pkt-color-brand-neutrals-1000: #2c2c2c;
82
+ --pkt-color-brand-neutrals-black: #000000;
83
+ --pkt-color-brand-neutrals-transparent: transparent;
84
+ --pkt-color-brand-purple-1000: #e0adff;
85
+ --pkt-color-grays-gray-100: #e6e6e6;
86
+ --pkt-color-grays-gray-200: #cccccc;
87
+ --pkt-color-grays-gray-300: #b3b3b3;
88
+ --pkt-color-grays-gray-400: #9a9a9a;
89
+ --pkt-color-grays-gray-500: #808080;
90
+ --pkt-color-grays-gray-600: #666666;
91
+ --pkt-color-grays-gray-700: #4d4d4d;
92
+ --pkt-color-grays-gray-800: #333333;
93
+ --pkt-color-grays-gray-900: #1a1a1a;
94
+ --pkt-color-grays-gray-1000: #2c2c2c;
95
+ --pkt-color-background-card: #ffffff;
96
+ --pkt-color-background-default: #ffffff;
97
+ --pkt-color-background-subtle: #f9f9f9;
98
+ --pkt-color-background-transparent: transparent;
99
+ --pkt-color-border-default: #2a2859;
100
+ --pkt-color-border-beige: #d0bfae;
101
+ --pkt-color-border-blue: #6fe9ff;
102
+ --pkt-color-border-gray: #cccccc;
103
+ --pkt-color-border-green: #43f8b6;
104
+ --pkt-color-border-light-beige: #f8f0dd;
105
+ --pkt-color-border-red: #ff8274;
106
+ --pkt-color-border-subtle: #f2f2f2;
107
+ --pkt-color-border-yellow: #f9c66b;
108
+ --pkt-color-border-states-active: #1f42aa;
109
+ --pkt-color-border-states-disabled: #b3b3b3;
110
+ --pkt-color-border-states-focus: #e0adff;
111
+ --pkt-color-border-states-hover: #1f42aa;
112
+ --pkt-color-surface-default-faded-green: #e5ffe6;
113
+ --pkt-color-surface-default-faded-red: #ffdfdc;
114
+ --pkt-color-surface-default-gray: #f9f9f9;
115
+ --pkt-color-surface-default-light-beige: #f8f0dd;
116
+ --pkt-color-surface-default-light-blue: #d1f9ff;
117
+ --pkt-color-surface-default-light-green: #c7fde9;
118
+ --pkt-color-surface-default-red: #ffb4ac;
119
+ --pkt-color-surface-default-yellow: #ffe7bc;
120
+ --pkt-color-surface-strong-beige: #d0bfae;
121
+ --pkt-color-surface-strong-blue: #6fe9ff;
122
+ --pkt-color-surface-strong-dark-blue: #2a2859;
123
+ --pkt-color-surface-strong-dark-green: #034b45;
124
+ --pkt-color-surface-strong-gray: #f2f2f2;
125
+ --pkt-color-surface-strong-green: #43f8b6;
126
+ --pkt-color-surface-strong-light-green: #c7f6c9;
127
+ --pkt-color-surface-strong-red: #ff8274;
128
+ --pkt-color-surface-strong-yellow: #f9c66b;
129
+ --pkt-color-surface-subtle-light-blue: #e5fcff;
130
+ --pkt-color-surface-subtle-light-red: #fff2f1;
131
+ --pkt-color-surface-subtle-pale-blue: #f1fdff;
132
+ --pkt-color-surface-subtle-white: #ffffff;
133
+ --pkt-color-text-body-dark: #2a2859;
134
+ --pkt-color-text-body-default: #2a2859;
135
+ --pkt-color-text-body-light: #ffffff;
136
+ --pkt-color-text-placeholder: #666666;
137
+ --pkt-color-text-action-disabled: #666666;
138
+ --pkt-color-text-action-active: #1f42aa;
139
+ --pkt-color-text-action-hover: #1f42aa;
140
+ --pkt-color-text-action-normal: #2a2859;
141
+ --pkt-color-input-background-normal: #ffffff;
142
+ --pkt-color-input-background-disabled: #f9f9f9;
143
+ --pkt-color-input-border-active: #1f42aa;
144
+ --pkt-color-input-border-disabled: #b3b3b3;
145
+ --pkt-color-input-border-error: #ff8274;
146
+ --pkt-color-input-border-hover: #1f42aa;
147
+ --pkt-color-input-border-normal: #2a2859;
148
+ --pkt-color-input-text-active: #1f42aa;
149
+ --pkt-color-input-text-disabled: #808080;
150
+ --pkt-color-input-text-hover: #1f42aa;
151
+ --pkt-color-input-text-normal: #2a2859;
152
+ --pkt-color-input-text-error: #ff8274;
153
+ --pkt-color-input-text-open: #ffffff;
154
+ --pkt-color-input-check-background: #ffffff;
155
+ --pkt-color-input-check-border: #2a2859;
156
+ --pkt-color-input-check-text-active: #1f42aa;
157
+ --pkt-color-input-check-text-hover: #1f42aa;
158
+ --color-blue: #6fe9ff;
159
+ --color-blue-light: #b3f5ff;
160
+ --color-blue-dark: #2a2859;
161
+ --color-green: #43f8b6;
162
+ --color-green-light: #c7f6c9;
163
+ --color-green-dark: #034b45;
164
+ --color-red: #ff8274;
165
+ --color-red-light: #ffb4ac;
166
+ --color-yellow: #f9c66b;
167
+ --color-beige-light: #f8f0dd;
168
+ --color-beige-dark: #d0bfae;
169
+ --color-active: #1f42aa;
170
+ --color-active-light: #b3f5ff;
171
+ --color-hover: #1f42aa;
172
+ --color-hover-light: #b3f5ff;
173
+ --color-focus: #e0adff;
174
+ --color-disabled: #4d4d4d;
175
+ --color-disabled-light: #f9f9f9;
176
+ --color-info: #2a2859;
177
+ --color-success: #034b45;
178
+ --color-warning: #774c01;
179
+ --color-error: #96281c;
180
+ --color-blue-dark-5: #f2f9ff;
181
+ --color-blue-dark-10: #d9e9f2;
182
+ --color-blue-5: #f1fdff;
183
+ --color-blue-10: #e5fcff;
184
+ --color-blue-60: #d1f9ff;
185
+ --color-green-dark-5: #f2fff3;
186
+ --color-green-dark-10: #d9f2ef;
187
+ --color-green-10: #e5ffe6;
188
+ --color-green-30: #c7fde9;
189
+ --color-red-5: #fff3f2;
190
+ --color-red-10: #ffe8e5;
191
+ --color-red-30: #ffdfdc;
192
+ --color-yellow-5: #fef9f0;
193
+ --color-yellow-50: #ffe7bc;
194
+ --color-gray-light: #f9f9f9;
195
+ --color-gray: #f2f2f2;
196
+ --color-gray-dark: #2c2c2c;
197
+ --color-transparent: transparent;
198
+ --color-white: #fff;
199
+ --color-grayscale-10: #e6e6e6;
200
+ --color-grayscale-20: #ccc;
201
+ --color-grayscale-30: #b3b3b3;
202
+ --color-grayscale-40: #9a9a9a;
203
+ --color-grayscale-50: #808080;
204
+ --color-grayscale-60: #666;
205
+ --color-grayscale-70: #4d4d4d;
206
+ --color-grayscale-80: #333;
207
+ --color-grayscale-90: #1a1a1a;
208
+ --color-black: #000;
209
+ }
210
+ :root[data-mode=dark],
211
+ :root [data-mode=dark] {
212
+ --pkt-color-background-card: var(--pkt-color-grays-gray-700);
213
+ --pkt-color-background-default: var(--pkt-color-grays-gray-1000);
214
+ --pkt-color-background-subtle: var(--pkt-color-grays-gray-1000);
215
+ --pkt-color-background-transparent: var(--pkt-color-brand-neutrals-transparent);
216
+ --pkt-color-border-default: var(--pkt-color-brand-neutrals-white);
217
+ --pkt-color-border-beige: var(--pkt-color-brand-dark-beige-1000);
218
+ --pkt-color-border-blue: var(--pkt-color-brand-blue-1000);
219
+ --pkt-color-border-green: var(--pkt-color-brand-green-1000);
220
+ --pkt-color-border-light-beige: var(--pkt-color-brand-light-beige-1000);
221
+ --pkt-color-border-red: var(--pkt-color-brand-red-1000);
222
+ --pkt-color-border-subtle: var(--pkt-color-brand-dark-blue-700);
223
+ --pkt-color-border-yellow: var(--pkt-color-brand-yellow-1000);
224
+ --pkt-color-border-states-active: var(--pkt-color-brand-blue-500);
225
+ --pkt-color-border-states-disabled: var(--pkt-color-grays-gray-500);
226
+ --pkt-color-border-states-focus: var(--pkt-color-brand-purple-1000);
227
+ --pkt-color-border-states-hover: var(--pkt-color-brand-blue-500);
228
+ --pkt-color-surface-default-faded-green: var(--pkt-color-brand-light-green-400);
229
+ --pkt-color-surface-default-faded-red: var(--pkt-color-brand-red-400);
230
+ --pkt-color-surface-default-gray: var(--pkt-color-brand-neutrals-100);
231
+ --pkt-color-surface-default-light-beige: var(--pkt-color-brand-light-beige-1000);
232
+ --pkt-color-surface-default-light-blue: var(--pkt-color-brand-blue-300);
233
+ --pkt-color-surface-default-light-green: var(--pkt-color-brand-green-400);
234
+ --pkt-color-surface-default-red: var(--pkt-color-brand-red-600);
235
+ --pkt-color-surface-default-yellow: var(--pkt-color-brand-yellow-500);
236
+ --pkt-color-surface-strong-beige: var(--pkt-color-brand-dark-beige-1000);
237
+ --pkt-color-surface-strong-blue: var(--pkt-color-brand-blue-1000);
238
+ --pkt-color-surface-strong-dark-blue: var(--pkt-color-brand-dark-blue-1000);
239
+ --pkt-color-surface-strong-dark-green: var(--pkt-color-brand-dark-green-1000);
240
+ --pkt-color-surface-strong-gray: var(--pkt-color-brand-neutrals-200);
241
+ --pkt-color-surface-strong-green: var(--pkt-color-brand-green-1000);
242
+ --pkt-color-surface-strong-light-green: var(--pkt-color-brand-light-green-1000);
243
+ --pkt-color-surface-strong-red: var(--pkt-color-brand-red-1000);
244
+ --pkt-color-surface-strong-yellow: var(--pkt-color-brand-yellow-1000);
245
+ --pkt-color-surface-subtle-light-blue: var(--pkt-color-brand-blue-200);
246
+ --pkt-color-surface-subtle-light-red: var(--pkt-color-brand-red-100);
247
+ --pkt-color-surface-subtle-pale-blue: var(--pkt-color-brand-blue-100);
248
+ --pkt-color-surface-subtle-white: var(--pkt-color-brand-neutrals-white);
249
+ --pkt-color-text-body-dark: var(--pkt-color-brand-dark-blue-1000);
250
+ --pkt-color-text-body-default: var(--pkt-color-brand-neutrals-white);
251
+ --pkt-color-text-body-light: var(--pkt-color-brand-neutrals-white);
252
+ --pkt-color-text-placeholder: var(--pkt-color-grays-gray-300);
253
+ --pkt-color-text-action-disabled: var(--pkt-color-grays-gray-200);
254
+ --pkt-color-text-action-active: var(--pkt-color-brand-blue-500);
255
+ --pkt-color-text-action-hover: var(--pkt-color-brand-blue-500);
256
+ --pkt-color-text-action-normal: var(--pkt-color-brand-neutrals-white);
257
+ --pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);
258
+ --pkt-color-input-border-active: var(--pkt-color-brand-blue-500);
259
+ --pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);
260
+ --pkt-color-input-border-error: var(--pkt-color-brand-red-1000);
261
+ --pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);
262
+ --pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);
263
+ --pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);
264
+ --pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);
265
+ --pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);
266
+ --pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);
267
+ --pkt-color-input-text-error: var(--pkt-color-brand-red-1000);
268
+ --pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000);
269
+ --pkt-color-input-check-background: var(--pkt-color-brand-dark-blue-1000);
270
+ --pkt-color-input-check-border: var(--pkt-color-brand-neutrals-white);
271
+ --pkt-color-input-check-text-active: var(--pkt-color-brand-blue-500);
272
+ --pkt-color-input-check-text-hover: var(--pkt-color-brand-blue-500);
273
+ }
package/dist/css/pkt-tokens.min.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-display:swap;font-family:Oslo Sans;font-style:normal;font-weight:400;src:url("../fonts/OsloSans-Regular.woff2") format("woff2"),url("../fonts/OsloSans-Regular.woff") format("woff")}@font-face{font-display:swap;font-family:Oslo Sans;font-style:italic;font-weight:400;src:url("../fonts/OsloSans-RegularItalic.woff2") format("woff2"),url("../fonts/OsloSans-RegularItalic.woff") format("woff")}@font-face{font-display:swap;font-family:Oslo Sans;font-style:normal;font-weight:300;src:url("../fonts/OsloSans-Light.woff2") format("woff2"),url("../fonts/OsloSans-Light.woff") format("woff")}@font-face{font-display:swap;font-family:Oslo Sans;font-style:normal;font-weight:500;src:url("../fonts/OsloSans-Medium.woff2") format("woff2"),url("../fonts/OsloSans-Medium.woff") format("woff")}@font-face{font-display:swap;font-family:Oslo Sans;font-style:normal;font-weight:700;src:url("../fonts/OsloSans-Bold.woff2") format("woff2"),url("../fonts/OsloSans-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:Oslo Icons;font-style:normal;font-weight:400;src:url("../fonts/OsloIcons.woff2") format("woff2"),url("../fonts/OsloIcons.woff") format("woff")}:root{--pkt-color-brand-blue-100: #f1fdff;--pkt-color-brand-blue-200: #e5fcff;--pkt-color-brand-blue-300: #d1f9ff;--pkt-color-brand-blue-500: #b3f5ff;--pkt-color-brand-blue-1000: #6fe9ff;--pkt-color-brand-dark-blue-700: #6a698b;--pkt-color-brand-dark-blue-1000: #2a2859;--pkt-color-brand-warm-blue-1000: #1f42aa;--pkt-color-brand-green-400: #c7fde9;--pkt-color-brand-green-1000: #43f8b6;--pkt-color-brand-light-green-400: #e5ffe6;--pkt-color-brand-light-green-1000: #c7f6c9;--pkt-color-brand-dark-green-1000: #034b45;--pkt-color-brand-yellow-1000: #f9c66b;--pkt-color-brand-yellow-500: #ffe7bc;--pkt-color-brand-red-100: #fff2f1;--pkt-color-brand-red-400: #ffdfdc;--pkt-color-brand-red-600: #ffb4ac;--pkt-color-brand-red-1000: #ff8274;--pkt-color-brand-light-beige-1000: #f8f0dd;--pkt-color-brand-dark-beige-1000: #d0bfae;--pkt-color-brand-neutrals-white: #ffffff;--pkt-color-brand-neutrals-100: #f9f9f9;--pkt-color-brand-neutrals-200: #f2f2f2;--pkt-color-brand-neutrals-1000: #2c2c2c;--pkt-color-brand-neutrals-black: #000000;--pkt-color-brand-neutrals-transparent: transparent;--pkt-color-brand-purple-1000: #e0adff;--pkt-color-grays-gray-100: #e6e6e6;--pkt-color-grays-gray-200: #cccccc;--pkt-color-grays-gray-300: #b3b3b3;--pkt-color-grays-gray-400: #9a9a9a;--pkt-color-grays-gray-500: #808080;--pkt-color-grays-gray-600: #666666;--pkt-color-grays-gray-700: #4d4d4d;--pkt-color-grays-gray-800: #333333;--pkt-color-grays-gray-900: #1a1a1a;--pkt-color-grays-gray-1000: #2c2c2c;--pkt-color-background-card: #ffffff;--pkt-color-background-default: #ffffff;--pkt-color-background-subtle: #f9f9f9;--pkt-color-background-transparent: transparent;--pkt-color-border-default: #2a2859;--pkt-color-border-beige: #d0bfae;--pkt-color-border-blue: #6fe9ff;--pkt-color-border-gray: #cccccc;--pkt-color-border-green: #43f8b6;--pkt-color-border-light-beige: #f8f0dd;--pkt-color-border-red: #ff8274;--pkt-color-border-subtle: #f2f2f2;--pkt-color-border-yellow: #f9c66b;--pkt-color-border-states-active: #1f42aa;--pkt-color-border-states-disabled: #b3b3b3;--pkt-color-border-states-focus: #e0adff;--pkt-color-border-states-hover: #1f42aa;--pkt-color-surface-default-faded-green: #e5ffe6;--pkt-color-surface-default-faded-red: #ffdfdc;--pkt-color-surface-default-gray: #f9f9f9;--pkt-color-surface-default-light-beige: #f8f0dd;--pkt-color-surface-default-light-blue: #d1f9ff;--pkt-color-surface-default-light-green: #c7fde9;--pkt-color-surface-default-red: #ffb4ac;--pkt-color-surface-default-yellow: #ffe7bc;--pkt-color-surface-strong-beige: #d0bfae;--pkt-color-surface-strong-blue: #6fe9ff;--pkt-color-surface-strong-dark-blue: #2a2859;--pkt-color-surface-strong-dark-green: #034b45;--pkt-color-surface-strong-gray: #f2f2f2;--pkt-color-surface-strong-green: #43f8b6;--pkt-color-surface-strong-light-green: #c7f6c9;--pkt-color-surface-strong-red: #ff8274;--pkt-color-surface-strong-yellow: #f9c66b;--pkt-color-surface-subtle-light-blue: #e5fcff;--pkt-color-surface-subtle-light-red: #fff2f1;--pkt-color-surface-subtle-pale-blue: #f1fdff;--pkt-color-surface-subtle-white: #ffffff;--pkt-color-text-body-dark: #2a2859;--pkt-color-text-body-default: #2a2859;--pkt-color-text-body-light: #ffffff;--pkt-color-text-placeholder: #666666;--pkt-color-text-action-disabled: #666666;--pkt-color-text-action-active: #1f42aa;--pkt-color-text-action-hover: #1f42aa;--pkt-color-text-action-normal: #2a2859;--pkt-color-input-background-normal: #ffffff;--pkt-color-input-background-disabled: #f9f9f9;--pkt-color-input-border-active: #1f42aa;--pkt-color-input-border-disabled: #b3b3b3;--pkt-color-input-border-error: #ff8274;--pkt-color-input-border-hover: #1f42aa;--pkt-color-input-border-normal: #2a2859;--pkt-color-input-text-active: #1f42aa;--pkt-color-input-text-disabled: #808080;--pkt-color-input-text-hover: #1f42aa;--pkt-color-input-text-normal: #2a2859;--pkt-color-input-text-error: #ff8274;--pkt-color-input-text-open: #ffffff;--pkt-color-input-check-background: #ffffff;--pkt-color-input-check-border: #2a2859;--pkt-color-input-check-text-active: #1f42aa;--pkt-color-input-check-text-hover: #1f42aa;--color-blue: #6fe9ff;--color-blue-light: #b3f5ff;--color-blue-dark: #2a2859;--color-green: #43f8b6;--color-green-light: #c7f6c9;--color-green-dark: #034b45;--color-red: #ff8274;--color-red-light: #ffb4ac;--color-yellow: #f9c66b;--color-beige-light: #f8f0dd;--color-beige-dark: #d0bfae;--color-active: #1f42aa;--color-active-light: #b3f5ff;--color-hover: #1f42aa;--color-hover-light: #b3f5ff;--color-focus: #e0adff;--color-disabled: #4d4d4d;--color-disabled-light: #f9f9f9;--color-info: #2a2859;--color-success: #034b45;--color-warning: #774c01;--color-error: #96281c;--color-blue-dark-5: #f2f9ff;--color-blue-dark-10: #d9e9f2;--color-blue-5: #f1fdff;--color-blue-10: #e5fcff;--color-blue-60: #d1f9ff;--color-green-dark-5: #f2fff3;--color-green-dark-10: #d9f2ef;--color-green-10: #e5ffe6;--color-green-30: #c7fde9;--color-red-5: #fff3f2;--color-red-10: #ffe8e5;--color-red-30: #ffdfdc;--color-yellow-5: #fef9f0;--color-yellow-50: #ffe7bc;--color-gray-light: #f9f9f9;--color-gray: #f2f2f2;--color-gray-dark: #2c2c2c;--color-transparent: transparent;--color-white: #fff;--color-grayscale-10: #e6e6e6;--color-grayscale-20: #ccc;--color-grayscale-30: #b3b3b3;--color-grayscale-40: #9a9a9a;--color-grayscale-50: #808080;--color-grayscale-60: #666;--color-grayscale-70: #4d4d4d;--color-grayscale-80: #333;--color-grayscale-90: #1a1a1a;--color-black: #000}:root[data-mode=dark],:root [data-mode=dark]{--pkt-color-background-card: var(--pkt-color-grays-gray-700);--pkt-color-background-default: var(--pkt-color-grays-gray-1000);--pkt-color-background-subtle: var(--pkt-color-grays-gray-1000);--pkt-color-background-transparent: var(--pkt-color-brand-neutrals-transparent);--pkt-color-border-default: var(--pkt-color-brand-neutrals-white);--pkt-color-border-beige: var(--pkt-color-brand-dark-beige-1000);--pkt-color-border-blue: var(--pkt-color-brand-blue-1000);--pkt-color-border-green: var(--pkt-color-brand-green-1000);--pkt-color-border-light-beige: var(--pkt-color-brand-light-beige-1000);--pkt-color-border-red: var(--pkt-color-brand-red-1000);--pkt-color-border-subtle: var(--pkt-color-brand-dark-blue-700);--pkt-color-border-yellow: var(--pkt-color-brand-yellow-1000);--pkt-color-border-states-active: var(--pkt-color-brand-blue-500);--pkt-color-border-states-disabled: var(--pkt-color-grays-gray-500);--pkt-color-border-states-focus: var(--pkt-color-brand-purple-1000);--pkt-color-border-states-hover: var(--pkt-color-brand-blue-500);--pkt-color-surface-default-faded-green: var(--pkt-color-brand-light-green-400);--pkt-color-surface-default-faded-red: var(--pkt-color-brand-red-400);--pkt-color-surface-default-gray: var(--pkt-color-brand-neutrals-100);--pkt-color-surface-default-light-beige: var(--pkt-color-brand-light-beige-1000);--pkt-color-surface-default-light-blue: var(--pkt-color-brand-blue-300);--pkt-color-surface-default-light-green: var(--pkt-color-brand-green-400);--pkt-color-surface-default-red: var(--pkt-color-brand-red-600);--pkt-color-surface-default-yellow: var(--pkt-color-brand-yellow-500);--pkt-color-surface-strong-beige: var(--pkt-color-brand-dark-beige-1000);--pkt-color-surface-strong-blue: var(--pkt-color-brand-blue-1000);--pkt-color-surface-strong-dark-blue: var(--pkt-color-brand-dark-blue-1000);--pkt-color-surface-strong-dark-green: var(--pkt-color-brand-dark-green-1000);--pkt-color-surface-strong-gray: var(--pkt-color-brand-neutrals-200);--pkt-color-surface-strong-green: var(--pkt-color-brand-green-1000);--pkt-color-surface-strong-light-green: var(--pkt-color-brand-light-green-1000);--pkt-color-surface-strong-red: var(--pkt-color-brand-red-1000);--pkt-color-surface-strong-yellow: var(--pkt-color-brand-yellow-1000);--pkt-color-surface-subtle-light-blue: var(--pkt-color-brand-blue-200);--pkt-color-surface-subtle-light-red: var(--pkt-color-brand-red-100);--pkt-color-surface-subtle-pale-blue: var(--pkt-color-brand-blue-100);--pkt-color-surface-subtle-white: var(--pkt-color-brand-neutrals-white);--pkt-color-text-body-dark: var(--pkt-color-brand-dark-blue-1000);--pkt-color-text-body-default: var(--pkt-color-brand-neutrals-white);--pkt-color-text-body-light: var(--pkt-color-brand-neutrals-white);--pkt-color-text-placeholder: var(--pkt-color-grays-gray-300);--pkt-color-text-action-disabled: var(--pkt-color-grays-gray-200);--pkt-color-text-action-active: var(--pkt-color-brand-blue-500);--pkt-color-text-action-hover: var(--pkt-color-brand-blue-500);--pkt-color-text-action-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-check-background: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-check-border: var(--pkt-color-brand-neutrals-white);--pkt-color-input-check-text-active: var(--pkt-color-brand-blue-500);--pkt-color-input-check-text-hover: var(--pkt-color-brand-blue-500)}