@fremtind/jokul 0.69.0 → 0.69.1

package/styles/vind/vind.css

@@ -0,0 +1,1756 @@
+.jkl .flex {
+  display: flex;
+}
+.jkl .flex-wrap {
+  flex-wrap: wrap;
+}
+.jkl .flex-nowrap {
+  flex-wrap: nowrap;
+}
+.jkl .flex-row {
+  flex-direction: row;
+}
+.jkl .flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.jkl .flex-column {
+  flex-direction: column;
+}
+.jkl .flex-column-reverse {
+  flex-direction: column-reverse;
+}
+.jkl .grow {
+  flex-grow: 1;
+}
+.jkl .grow-0 {
+  flex-grow: 0;
+}
+.jkl .shrink {
+  flex-shrink: 1;
+}
+.jkl .shrink-0 {
+  flex-shrink: 0;
+}
+.jkl .gap-2 {
+  gap: 0.125rem;
+}
+.jkl .gap-x-2 {
+  column-gap: 0.125rem;
+}
+.jkl .gap-y-2 {
+  row-gap: 0.125rem;
+}
+.jkl .gap-4 {
+  gap: 0.25rem;
+}
+.jkl .gap-x-4 {
+  column-gap: 0.25rem;
+}
+.jkl .gap-y-4 {
+  row-gap: 0.25rem;
+}
+.jkl .gap-8 {
+  gap: 0.5rem;
+}
+.jkl .gap-x-8 {
+  column-gap: 0.5rem;
+}
+.jkl .gap-y-8 {
+  row-gap: 0.5rem;
+}
+.jkl .gap-12 {
+  gap: 0.75rem;
+}
+.jkl .gap-x-12 {
+  column-gap: 0.75rem;
+}
+.jkl .gap-y-12 {
+  row-gap: 0.75rem;
+}
+.jkl .gap-16 {
+  gap: 1rem;
+}
+.jkl .gap-x-16 {
+  column-gap: 1rem;
+}
+.jkl .gap-y-16 {
+  row-gap: 1rem;
+}
+.jkl .gap-24 {
+  gap: 1.5rem;
+}
+.jkl .gap-x-24 {
+  column-gap: 1.5rem;
+}
+.jkl .gap-y-24 {
+  row-gap: 1.5rem;
+}
+.jkl .gap-32 {
+  gap: 2rem;
+}
+.jkl .gap-x-32 {
+  column-gap: 2rem;
+}
+.jkl .gap-y-32 {
+  row-gap: 2rem;
+}
+.jkl .gap-40 {
+  gap: 2.5rem;
+}
+.jkl .gap-x-40 {
+  column-gap: 2.5rem;
+}
+.jkl .gap-y-40 {
+  row-gap: 2.5rem;
+}
+.jkl .gap-64 {
+  gap: 4rem;
+}
+.jkl .gap-x-64 {
+  column-gap: 4rem;
+}
+.jkl .gap-y-64 {
+  row-gap: 4rem;
+}
+.jkl .gap-104 {
+  gap: 6.5rem;
+}
+.jkl .gap-x-104 {
+  column-gap: 6.5rem;
+}
+.jkl .gap-y-104 {
+  row-gap: 6.5rem;
+}
+.jkl .gap-168 {
+  gap: 10.5rem;
+}
+.jkl .gap-x-168 {
+  column-gap: 10.5rem;
+}
+.jkl .gap-y-168 {
+  row-gap: 10.5rem;
+}
+.jkl .gap-3xs {
+  gap: 0.125rem;
+}
+.jkl .gap-x-3xs {
+  column-gap: 0.125rem;
+}
+.jkl .gap-y-3xs {
+  row-gap: 0.125rem;
+}
+.jkl .gap-2xs {
+  gap: 0.25rem;
+}
+.jkl .gap-x-2xs {
+  column-gap: 0.25rem;
+}
+.jkl .gap-y-2xs {
+  row-gap: 0.25rem;
+}
+.jkl .gap-xs {
+  gap: 0.5rem;
+}
+.jkl .gap-x-xs {
+  column-gap: 0.5rem;
+}
+.jkl .gap-y-xs {
+  row-gap: 0.5rem;
+}
+.jkl .gap-s {
+  gap: 0.75rem;
+}
+.jkl .gap-x-s {
+  column-gap: 0.75rem;
+}
+.jkl .gap-y-s {
+  row-gap: 0.75rem;
+}
+.jkl .gap-m {
+  gap: 1rem;
+}
+.jkl .gap-x-m {
+  column-gap: 1rem;
+}
+.jkl .gap-y-m {
+  row-gap: 1rem;
+}
+.jkl .gap-l {
+  gap: 1.5rem;
+}
+.jkl .gap-x-l {
+  column-gap: 1.5rem;
+}
+.jkl .gap-y-l {
+  row-gap: 1.5rem;
+}
+.jkl .gap-xl {
+  gap: 2.5rem;
+}
+.jkl .gap-x-xl {
+  column-gap: 2.5rem;
+}
+.jkl .gap-y-xl {
+  row-gap: 2.5rem;
+}
+.jkl .gap-2xl {
+  gap: 4rem;
+}
+.jkl .gap-x-2xl {
+  column-gap: 4rem;
+}
+.jkl .gap-y-2xl {
+  row-gap: 4rem;
+}
+.jkl .gap-3xl {
+  gap: 6.5rem;
+}
+.jkl .gap-x-3xl {
+  column-gap: 6.5rem;
+}
+.jkl .gap-y-3xl {
+  row-gap: 6.5rem;
+}
+.jkl .gap-4xl {
+  gap: 10.5rem;
+}
+.jkl .gap-x-4xl {
+  column-gap: 10.5rem;
+}
+.jkl .gap-y-4xl {
+  row-gap: 10.5rem;
+}
+.jkl .justify-normal {
+  justify-content: normal;
+}
+.jkl .justify-start {
+  justify-content: flex-start;
+}
+.jkl .justify-end {
+  justify-content: flex-end;
+}
+.jkl .justify-center {
+  justify-content: center;
+}
+.jkl .justify-between {
+  justify-content: space-between;
+}
+.jkl .justify-around {
+  justify-content: space-around;
+}
+.jkl .justify-evenly {
+  justify-content: space-evenly;
+}
+.jkl .justify-stretch {
+  justify-content: stretch;
+}
+.jkl .items-start {
+  align-items: flex-start;
+}
+.jkl .items-end {
+  align-items: flex-end;
+}
+.jkl .items-center {
+  align-items: center;
+}
+.jkl .items-baseline {
+  align-items: baseline;
+}
+.jkl .items-stretch {
+  align-items: stretch;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ */
+.jkl .font-sans {
+  font-family: "Fremtind Grotesk", "Adjusted Arial Fallback", Arial, sans-serif;
+}
+.jkl .font-mono {
+  font-family: "Fremtind Grotesk Mono", "Adjusted Courier New Fallback", -apple-system, BlinkMacSystemFont, monospace;
+}
+.jkl .font-normal {
+  font-weight: 400;
+}
+.jkl .font-bold {
+  font-weight: 700;
+}
+
+.jkl .m-2 {
+  margin: 0.125rem;
+}
+.jkl .mx-2 {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+.jkl .ms-2 {
+  margin-inline-start: 0.125rem;
+}
+.jkl .me-2 {
+  margin-inline-end: 0.125rem;
+}
+.jkl .my-2 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+.jkl .mt-2 {
+  margin-top: 0.125rem;
+}
+.jkl .mr-2 {
+  margin-right: 0.125rem;
+}
+.jkl .mb-2 {
+  margin-bottom: 0.125rem;
+}
+.jkl .ml-2 {
+  margin-left: 0.125rem;
+}
+.jkl .m-4 {
+  margin: 0.25rem;
+}
+.jkl .mx-4 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.jkl .ms-4 {
+  margin-inline-start: 0.25rem;
+}
+.jkl .me-4 {
+  margin-inline-end: 0.25rem;
+}
+.jkl .my-4 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.jkl .mt-4 {
+  margin-top: 0.25rem;
+}
+.jkl .mr-4 {
+  margin-right: 0.25rem;
+}
+.jkl .mb-4 {
+  margin-bottom: 0.25rem;
+}
+.jkl .ml-4 {
+  margin-left: 0.25rem;
+}
+.jkl .m-8 {
+  margin: 0.5rem;
+}
+.jkl .mx-8 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.jkl .ms-8 {
+  margin-inline-start: 0.5rem;
+}
+.jkl .me-8 {
+  margin-inline-end: 0.5rem;
+}
+.jkl .my-8 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.jkl .mt-8 {
+  margin-top: 0.5rem;
+}
+.jkl .mr-8 {
+  margin-right: 0.5rem;
+}
+.jkl .mb-8 {
+  margin-bottom: 0.5rem;
+}
+.jkl .ml-8 {
+  margin-left: 0.5rem;
+}
+.jkl .m-12 {
+  margin: 0.75rem;
+}
+.jkl .mx-12 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+.jkl .ms-12 {
+  margin-inline-start: 0.75rem;
+}
+.jkl .me-12 {
+  margin-inline-end: 0.75rem;
+}
+.jkl .my-12 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.jkl .mt-12 {
+  margin-top: 0.75rem;
+}
+.jkl .mr-12 {
+  margin-right: 0.75rem;
+}
+.jkl .mb-12 {
+  margin-bottom: 0.75rem;
+}
+.jkl .ml-12 {
+  margin-left: 0.75rem;
+}
+.jkl .m-16 {
+  margin: 1rem;
+}
+.jkl .mx-16 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.jkl .ms-16 {
+  margin-inline-start: 1rem;
+}
+.jkl .me-16 {
+  margin-inline-end: 1rem;
+}
+.jkl .my-16 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.jkl .mt-16 {
+  margin-top: 1rem;
+}
+.jkl .mr-16 {
+  margin-right: 1rem;
+}
+.jkl .mb-16 {
+  margin-bottom: 1rem;
+}
+.jkl .ml-16 {
+  margin-left: 1rem;
+}
+.jkl .m-24 {
+  margin: 1.5rem;
+}
+.jkl .mx-24 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+.jkl .ms-24 {
+  margin-inline-start: 1.5rem;
+}
+.jkl .me-24 {
+  margin-inline-end: 1.5rem;
+}
+.jkl .my-24 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.jkl .mt-24 {
+  margin-top: 1.5rem;
+}
+.jkl .mr-24 {
+  margin-right: 1.5rem;
+}
+.jkl .mb-24 {
+  margin-bottom: 1.5rem;
+}
+.jkl .ml-24 {
+  margin-left: 1.5rem;
+}
+.jkl .m-32 {
+  margin: 2rem;
+}
+.jkl .mx-32 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+.jkl .ms-32 {
+  margin-inline-start: 2rem;
+}
+.jkl .me-32 {
+  margin-inline-end: 2rem;
+}
+.jkl .my-32 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+.jkl .mt-32 {
+  margin-top: 2rem;
+}
+.jkl .mr-32 {
+  margin-right: 2rem;
+}
+.jkl .mb-32 {
+  margin-bottom: 2rem;
+}
+.jkl .ml-32 {
+  margin-left: 2rem;
+}
+.jkl .m-40 {
+  margin: 2.5rem;
+}
+.jkl .mx-40 {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
+}
+.jkl .ms-40 {
+  margin-inline-start: 2.5rem;
+}
+.jkl .me-40 {
+  margin-inline-end: 2.5rem;
+}
+.jkl .my-40 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+.jkl .mt-40 {
+  margin-top: 2.5rem;
+}
+.jkl .mr-40 {
+  margin-right: 2.5rem;
+}
+.jkl .mb-40 {
+  margin-bottom: 2.5rem;
+}
+.jkl .ml-40 {
+  margin-left: 2.5rem;
+}
+.jkl .m-64 {
+  margin: 4rem;
+}
+.jkl .mx-64 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+.jkl .ms-64 {
+  margin-inline-start: 4rem;
+}
+.jkl .me-64 {
+  margin-inline-end: 4rem;
+}
+.jkl .my-64 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+.jkl .mt-64 {
+  margin-top: 4rem;
+}
+.jkl .mr-64 {
+  margin-right: 4rem;
+}
+.jkl .mb-64 {
+  margin-bottom: 4rem;
+}
+.jkl .ml-64 {
+  margin-left: 4rem;
+}
+.jkl .m-104 {
+  margin: 6.5rem;
+}
+.jkl .mx-104 {
+  margin-left: 6.5rem;
+  margin-right: 6.5rem;
+}
+.jkl .ms-104 {
+  margin-inline-start: 6.5rem;
+}
+.jkl .me-104 {
+  margin-inline-end: 6.5rem;
+}
+.jkl .my-104 {
+  margin-top: 6.5rem;
+  margin-bottom: 6.5rem;
+}
+.jkl .mt-104 {
+  margin-top: 6.5rem;
+}
+.jkl .mr-104 {
+  margin-right: 6.5rem;
+}
+.jkl .mb-104 {
+  margin-bottom: 6.5rem;
+}
+.jkl .ml-104 {
+  margin-left: 6.5rem;
+}
+.jkl .m-168 {
+  margin: 10.5rem;
+}
+.jkl .mx-168 {
+  margin-left: 10.5rem;
+  margin-right: 10.5rem;
+}
+.jkl .ms-168 {
+  margin-inline-start: 10.5rem;
+}
+.jkl .me-168 {
+  margin-inline-end: 10.5rem;
+}
+.jkl .my-168 {
+  margin-top: 10.5rem;
+  margin-bottom: 10.5rem;
+}
+.jkl .mt-168 {
+  margin-top: 10.5rem;
+}
+.jkl .mr-168 {
+  margin-right: 10.5rem;
+}
+.jkl .mb-168 {
+  margin-bottom: 10.5rem;
+}
+.jkl .ml-168 {
+  margin-left: 10.5rem;
+}
+.jkl .m-3xs {
+  margin: 0.125rem;
+}
+.jkl .mx-3xs {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+.jkl .ms-3xs {
+  margin-inline-start: 0.125rem;
+}
+.jkl .me-3xs {
+  margin-inline-end: 0.125rem;
+}
+.jkl .my-3xs {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+.jkl .mt-3xs {
+  margin-top: 0.125rem;
+}
+.jkl .mr-3xs {
+  margin-right: 0.125rem;
+}
+.jkl .mb-3xs {
+  margin-bottom: 0.125rem;
+}
+.jkl .ml-3xs {
+  margin-left: 0.125rem;
+}
+.jkl .m-2xs {
+  margin: 0.25rem;
+}
+.jkl .mx-2xs {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.jkl .ms-2xs {
+  margin-inline-start: 0.25rem;
+}
+.jkl .me-2xs {
+  margin-inline-end: 0.25rem;
+}
+.jkl .my-2xs {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.jkl .mt-2xs {
+  margin-top: 0.25rem;
+}
+.jkl .mr-2xs {
+  margin-right: 0.25rem;
+}
+.jkl .mb-2xs {
+  margin-bottom: 0.25rem;
+}
+.jkl .ml-2xs {
+  margin-left: 0.25rem;
+}
+.jkl .m-xs {
+  margin: 0.5rem;
+}
+.jkl .mx-xs {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.jkl .ms-xs {
+  margin-inline-start: 0.5rem;
+}
+.jkl .me-xs {
+  margin-inline-end: 0.5rem;
+}
+.jkl .my-xs {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.jkl .mt-xs {
+  margin-top: 0.5rem;
+}
+.jkl .mr-xs {
+  margin-right: 0.5rem;
+}
+.jkl .mb-xs {
+  margin-bottom: 0.5rem;
+}
+.jkl .ml-xs {
+  margin-left: 0.5rem;
+}
+.jkl .m-s {
+  margin: 0.75rem;
+}
+.jkl .mx-s {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+.jkl .ms-s {
+  margin-inline-start: 0.75rem;
+}
+.jkl .me-s {
+  margin-inline-end: 0.75rem;
+}
+.jkl .my-s {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.jkl .mt-s {
+  margin-top: 0.75rem;
+}
+.jkl .mr-s {
+  margin-right: 0.75rem;
+}
+.jkl .mb-s {
+  margin-bottom: 0.75rem;
+}
+.jkl .ml-s {
+  margin-left: 0.75rem;
+}
+.jkl .m-m {
+  margin: 1rem;
+}
+.jkl .mx-m {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.jkl .ms-m {
+  margin-inline-start: 1rem;
+}
+.jkl .me-m {
+  margin-inline-end: 1rem;
+}
+.jkl .my-m {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.jkl .mt-m {
+  margin-top: 1rem;
+}
+.jkl .mr-m {
+  margin-right: 1rem;
+}
+.jkl .mb-m {
+  margin-bottom: 1rem;
+}
+.jkl .ml-m {
+  margin-left: 1rem;
+}
+.jkl .m-l {
+  margin: 1.5rem;
+}
+.jkl .mx-l {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+.jkl .ms-l {
+  margin-inline-start: 1.5rem;
+}
+.jkl .me-l {
+  margin-inline-end: 1.5rem;
+}
+.jkl .my-l {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.jkl .mt-l {
+  margin-top: 1.5rem;
+}
+.jkl .mr-l {
+  margin-right: 1.5rem;
+}
+.jkl .mb-l {
+  margin-bottom: 1.5rem;
+}
+.jkl .ml-l {
+  margin-left: 1.5rem;
+}
+.jkl .m-xl {
+  margin: 2.5rem;
+}
+.jkl .mx-xl {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
+}
+.jkl .ms-xl {
+  margin-inline-start: 2.5rem;
+}
+.jkl .me-xl {
+  margin-inline-end: 2.5rem;
+}
+.jkl .my-xl {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+.jkl .mt-xl {
+  margin-top: 2.5rem;
+}
+.jkl .mr-xl {
+  margin-right: 2.5rem;
+}
+.jkl .mb-xl {
+  margin-bottom: 2.5rem;
+}
+.jkl .ml-xl {
+  margin-left: 2.5rem;
+}
+.jkl .m-2xl {
+  margin: 4rem;
+}
+.jkl .mx-2xl {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+.jkl .ms-2xl {
+  margin-inline-start: 4rem;
+}
+.jkl .me-2xl {
+  margin-inline-end: 4rem;
+}
+.jkl .my-2xl {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+.jkl .mt-2xl {
+  margin-top: 4rem;
+}
+.jkl .mr-2xl {
+  margin-right: 4rem;
+}
+.jkl .mb-2xl {
+  margin-bottom: 4rem;
+}
+.jkl .ml-2xl {
+  margin-left: 4rem;
+}
+.jkl .m-3xl {
+  margin: 6.5rem;
+}
+.jkl .mx-3xl {
+  margin-left: 6.5rem;
+  margin-right: 6.5rem;
+}
+.jkl .ms-3xl {
+  margin-inline-start: 6.5rem;
+}
+.jkl .me-3xl {
+  margin-inline-end: 6.5rem;
+}
+.jkl .my-3xl {
+  margin-top: 6.5rem;
+  margin-bottom: 6.5rem;
+}
+.jkl .mt-3xl {
+  margin-top: 6.5rem;
+}
+.jkl .mr-3xl {
+  margin-right: 6.5rem;
+}
+.jkl .mb-3xl {
+  margin-bottom: 6.5rem;
+}
+.jkl .ml-3xl {
+  margin-left: 6.5rem;
+}
+.jkl .m-4xl {
+  margin: 10.5rem;
+}
+.jkl .mx-4xl {
+  margin-left: 10.5rem;
+  margin-right: 10.5rem;
+}
+.jkl .ms-4xl {
+  margin-inline-start: 10.5rem;
+}
+.jkl .me-4xl {
+  margin-inline-end: 10.5rem;
+}
+.jkl .my-4xl {
+  margin-top: 10.5rem;
+  margin-bottom: 10.5rem;
+}
+.jkl .mt-4xl {
+  margin-top: 10.5rem;
+}
+.jkl .mr-4xl {
+  margin-right: 10.5rem;
+}
+.jkl .mb-4xl {
+  margin-bottom: 10.5rem;
+}
+.jkl .ml-4xl {
+  margin-left: 10.5rem;
+}
+
+.jkl .p-2 {
+  padding: 0.125rem;
+}
+.jkl .px-2 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.jkl .ps-2 {
+  padding-inline-start: 0.125rem;
+}
+.jkl .pe-2 {
+  padding-inline-end: 0.125rem;
+}
+.jkl .py-2 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.jkl .pt-2 {
+  padding-top: 0.125rem;
+}
+.jkl .pr-2 {
+  padding-right: 0.125rem;
+}
+.jkl .pb-2 {
+  padding-bottom: 0.125rem;
+}
+.jkl .pl-2 {
+  padding-left: 0.125rem;
+}
+.jkl .p-4 {
+  padding: 0.25rem;
+}
+.jkl .px-4 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.jkl .ps-4 {
+  padding-inline-start: 0.25rem;
+}
+.jkl .pe-4 {
+  padding-inline-end: 0.25rem;
+}
+.jkl .py-4 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.jkl .pt-4 {
+  padding-top: 0.25rem;
+}
+.jkl .pr-4 {
+  padding-right: 0.25rem;
+}
+.jkl .pb-4 {
+  padding-bottom: 0.25rem;
+}
+.jkl .pl-4 {
+  padding-left: 0.25rem;
+}
+.jkl .p-8 {
+  padding: 0.5rem;
+}
+.jkl .px-8 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.jkl .ps-8 {
+  padding-inline-start: 0.5rem;
+}
+.jkl .pe-8 {
+  padding-inline-end: 0.5rem;
+}
+.jkl .py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.jkl .pt-8 {
+  padding-top: 0.5rem;
+}
+.jkl .pr-8 {
+  padding-right: 0.5rem;
+}
+.jkl .pb-8 {
+  padding-bottom: 0.5rem;
+}
+.jkl .pl-8 {
+  padding-left: 0.5rem;
+}
+.jkl .p-12 {
+  padding: 0.75rem;
+}
+.jkl .px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.jkl .ps-12 {
+  padding-inline-start: 0.75rem;
+}
+.jkl .pe-12 {
+  padding-inline-end: 0.75rem;
+}
+.jkl .py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.jkl .pt-12 {
+  padding-top: 0.75rem;
+}
+.jkl .pr-12 {
+  padding-right: 0.75rem;
+}
+.jkl .pb-12 {
+  padding-bottom: 0.75rem;
+}
+.jkl .pl-12 {
+  padding-left: 0.75rem;
+}
+.jkl .p-16 {
+  padding: 1rem;
+}
+.jkl .px-16 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.jkl .ps-16 {
+  padding-inline-start: 1rem;
+}
+.jkl .pe-16 {
+  padding-inline-end: 1rem;
+}
+.jkl .py-16 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.jkl .pt-16 {
+  padding-top: 1rem;
+}
+.jkl .pr-16 {
+  padding-right: 1rem;
+}
+.jkl .pb-16 {
+  padding-bottom: 1rem;
+}
+.jkl .pl-16 {
+  padding-left: 1rem;
+}
+.jkl .p-24 {
+  padding: 1.5rem;
+}
+.jkl .px-24 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.jkl .ps-24 {
+  padding-inline-start: 1.5rem;
+}
+.jkl .pe-24 {
+  padding-inline-end: 1.5rem;
+}
+.jkl .py-24 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+.jkl .pt-24 {
+  padding-top: 1.5rem;
+}
+.jkl .pr-24 {
+  padding-right: 1.5rem;
+}
+.jkl .pb-24 {
+  padding-bottom: 1.5rem;
+}
+.jkl .pl-24 {
+  padding-left: 1.5rem;
+}
+.jkl .p-32 {
+  padding: 2rem;
+}
+.jkl .px-32 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.jkl .ps-32 {
+  padding-inline-start: 2rem;
+}
+.jkl .pe-32 {
+  padding-inline-end: 2rem;
+}
+.jkl .py-32 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.jkl .pt-32 {
+  padding-top: 2rem;
+}
+.jkl .pr-32 {
+  padding-right: 2rem;
+}
+.jkl .pb-32 {
+  padding-bottom: 2rem;
+}
+.jkl .pl-32 {
+  padding-left: 2rem;
+}
+.jkl .p-40 {
+  padding: 2.5rem;
+}
+.jkl .px-40 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+.jkl .ps-40 {
+  padding-inline-start: 2.5rem;
+}
+.jkl .pe-40 {
+  padding-inline-end: 2.5rem;
+}
+.jkl .py-40 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+.jkl .pt-40 {
+  padding-top: 2.5rem;
+}
+.jkl .pr-40 {
+  padding-right: 2.5rem;
+}
+.jkl .pb-40 {
+  padding-bottom: 2.5rem;
+}
+.jkl .pl-40 {
+  padding-left: 2.5rem;
+}
+.jkl .p-64 {
+  padding: 4rem;
+}
+.jkl .px-64 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.jkl .ps-64 {
+  padding-inline-start: 4rem;
+}
+.jkl .pe-64 {
+  padding-inline-end: 4rem;
+}
+.jkl .py-64 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.jkl .pt-64 {
+  padding-top: 4rem;
+}
+.jkl .pr-64 {
+  padding-right: 4rem;
+}
+.jkl .pb-64 {
+  padding-bottom: 4rem;
+}
+.jkl .pl-64 {
+  padding-left: 4rem;
+}
+.jkl .p-104 {
+  padding: 6.5rem;
+}
+.jkl .px-104 {
+  padding-left: 6.5rem;
+  padding-right: 6.5rem;
+}
+.jkl .ps-104 {
+  padding-inline-start: 6.5rem;
+}
+.jkl .pe-104 {
+  padding-inline-end: 6.5rem;
+}
+.jkl .py-104 {
+  padding-top: 6.5rem;
+  padding-bottom: 6.5rem;
+}
+.jkl .pt-104 {
+  padding-top: 6.5rem;
+}
+.jkl .pr-104 {
+  padding-right: 6.5rem;
+}
+.jkl .pb-104 {
+  padding-bottom: 6.5rem;
+}
+.jkl .pl-104 {
+  padding-left: 6.5rem;
+}
+.jkl .p-168 {
+  padding: 10.5rem;
+}
+.jkl .px-168 {
+  padding-left: 10.5rem;
+  padding-right: 10.5rem;
+}
+.jkl .ps-168 {
+  padding-inline-start: 10.5rem;
+}
+.jkl .pe-168 {
+  padding-inline-end: 10.5rem;
+}
+.jkl .py-168 {
+  padding-top: 10.5rem;
+  padding-bottom: 10.5rem;
+}
+.jkl .pt-168 {
+  padding-top: 10.5rem;
+}
+.jkl .pr-168 {
+  padding-right: 10.5rem;
+}
+.jkl .pb-168 {
+  padding-bottom: 10.5rem;
+}
+.jkl .pl-168 {
+  padding-left: 10.5rem;
+}
+.jkl .p-3xs {
+  padding: 0.125rem;
+}
+.jkl .px-3xs {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.jkl .ps-3xs {
+  padding-inline-start: 0.125rem;
+}
+.jkl .pe-3xs {
+  padding-inline-end: 0.125rem;
+}
+.jkl .py-3xs {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.jkl .pt-3xs {
+  padding-top: 0.125rem;
+}
+.jkl .pr-3xs {
+  padding-right: 0.125rem;
+}
+.jkl .pb-3xs {
+  padding-bottom: 0.125rem;
+}
+.jkl .pl-3xs {
+  padding-left: 0.125rem;
+}
+.jkl .p-2xs {
+  padding: 0.25rem;
+}
+.jkl .px-2xs {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.jkl .ps-2xs {
+  padding-inline-start: 0.25rem;
+}
+.jkl .pe-2xs {
+  padding-inline-end: 0.25rem;
+}
+.jkl .py-2xs {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.jkl .pt-2xs {
+  padding-top: 0.25rem;
+}
+.jkl .pr-2xs {
+  padding-right: 0.25rem;
+}
+.jkl .pb-2xs {
+  padding-bottom: 0.25rem;
+}
+.jkl .pl-2xs {
+  padding-left: 0.25rem;
+}
+.jkl .p-xs {
+  padding: 0.5rem;
+}
+.jkl .px-xs {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.jkl .ps-xs {
+  padding-inline-start: 0.5rem;
+}
+.jkl .pe-xs {
+  padding-inline-end: 0.5rem;
+}
+.jkl .py-xs {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.jkl .pt-xs {
+  padding-top: 0.5rem;
+}
+.jkl .pr-xs {
+  padding-right: 0.5rem;
+}
+.jkl .pb-xs {
+  padding-bottom: 0.5rem;
+}
+.jkl .pl-xs {
+  padding-left: 0.5rem;
+}
+.jkl .p-s {
+  padding: 0.75rem;
+}
+.jkl .px-s {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.jkl .ps-s {
+  padding-inline-start: 0.75rem;
+}
+.jkl .pe-s {
+  padding-inline-end: 0.75rem;
+}
+.jkl .py-s {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.jkl .pt-s {
+  padding-top: 0.75rem;
+}
+.jkl .pr-s {
+  padding-right: 0.75rem;
+}
+.jkl .pb-s {
+  padding-bottom: 0.75rem;
+}
+.jkl .pl-s {
+  padding-left: 0.75rem;
+}
+.jkl .p-m {
+  padding: 1rem;
+}
+.jkl .px-m {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.jkl .ps-m {
+  padding-inline-start: 1rem;
+}
+.jkl .pe-m {
+  padding-inline-end: 1rem;
+}
+.jkl .py-m {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.jkl .pt-m {
+  padding-top: 1rem;
+}
+.jkl .pr-m {
+  padding-right: 1rem;
+}
+.jkl .pb-m {
+  padding-bottom: 1rem;
+}
+.jkl .pl-m {
+  padding-left: 1rem;
+}
+.jkl .p-l {
+  padding: 1.5rem;
+}
+.jkl .px-l {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.jkl .ps-l {
+  padding-inline-start: 1.5rem;
+}
+.jkl .pe-l {
+  padding-inline-end: 1.5rem;
+}
+.jkl .py-l {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+.jkl .pt-l {
+  padding-top: 1.5rem;
+}
+.jkl .pr-l {
+  padding-right: 1.5rem;
+}
+.jkl .pb-l {
+  padding-bottom: 1.5rem;
+}
+.jkl .pl-l {
+  padding-left: 1.5rem;
+}
+.jkl .p-xl {
+  padding: 2.5rem;
+}
+.jkl .px-xl {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+.jkl .ps-xl {
+  padding-inline-start: 2.5rem;
+}
+.jkl .pe-xl {
+  padding-inline-end: 2.5rem;
+}
+.jkl .py-xl {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+.jkl .pt-xl {
+  padding-top: 2.5rem;
+}
+.jkl .pr-xl {
+  padding-right: 2.5rem;
+}
+.jkl .pb-xl {
+  padding-bottom: 2.5rem;
+}
+.jkl .pl-xl {
+  padding-left: 2.5rem;
+}
+.jkl .p-2xl {
+  padding: 4rem;
+}
+.jkl .px-2xl {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.jkl .ps-2xl {
+  padding-inline-start: 4rem;
+}
+.jkl .pe-2xl {
+  padding-inline-end: 4rem;
+}
+.jkl .py-2xl {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.jkl .pt-2xl {
+  padding-top: 4rem;
+}
+.jkl .pr-2xl {
+  padding-right: 4rem;
+}
+.jkl .pb-2xl {
+  padding-bottom: 4rem;
+}
+.jkl .pl-2xl {
+  padding-left: 4rem;
+}
+.jkl .p-3xl {
+  padding: 6.5rem;
+}
+.jkl .px-3xl {
+  padding-left: 6.5rem;
+  padding-right: 6.5rem;
+}
+.jkl .ps-3xl {
+  padding-inline-start: 6.5rem;
+}
+.jkl .pe-3xl {
+  padding-inline-end: 6.5rem;
+}
+.jkl .py-3xl {
+  padding-top: 6.5rem;
+  padding-bottom: 6.5rem;
+}
+.jkl .pt-3xl {
+  padding-top: 6.5rem;
+}
+.jkl .pr-3xl {
+  padding-right: 6.5rem;
+}
+.jkl .pb-3xl {
+  padding-bottom: 6.5rem;
+}
+.jkl .pl-3xl {
+  padding-left: 6.5rem;
+}
+.jkl .p-4xl {
+  padding: 10.5rem;
+}
+.jkl .px-4xl {
+  padding-left: 10.5rem;
+  padding-right: 10.5rem;
+}
+.jkl .ps-4xl {
+  padding-inline-start: 10.5rem;
+}
+.jkl .pe-4xl {
+  padding-inline-end: 10.5rem;
+}
+.jkl .py-4xl {
+  padding-top: 10.5rem;
+  padding-bottom: 10.5rem;
+}
+.jkl .pt-4xl {
+  padding-top: 10.5rem;
+}
+.jkl .pr-4xl {
+  padding-right: 10.5rem;
+}
+.jkl .pb-4xl {
+  padding-bottom: 10.5rem;
+}
+.jkl .pl-4xl {
+  padding-left: 10.5rem;
+}
+
+.jkl .space-x-2 {
+  margin-left: 0.125rem;
+}
+.jkl .space-y-2 {
+  margin-top: 0.125rem;
+}
+.jkl .space-x-4 {
+  margin-left: 0.25rem;
+}
+.jkl .space-y-4 {
+  margin-top: 0.25rem;
+}
+.jkl .space-x-8 {
+  margin-left: 0.5rem;
+}
+.jkl .space-y-8 {
+  margin-top: 0.5rem;
+}
+.jkl .space-x-12 {
+  margin-left: 0.75rem;
+}
+.jkl .space-y-12 {
+  margin-top: 0.75rem;
+}
+.jkl .space-x-16 {
+  margin-left: 1rem;
+}
+.jkl .space-y-16 {
+  margin-top: 1rem;
+}
+.jkl .space-x-24 {
+  margin-left: 1.5rem;
+}
+.jkl .space-y-24 {
+  margin-top: 1.5rem;
+}
+.jkl .space-x-32 {
+  margin-left: 2rem;
+}
+.jkl .space-y-32 {
+  margin-top: 2rem;
+}
+.jkl .space-x-40 {
+  margin-left: 2.5rem;
+}
+.jkl .space-y-40 {
+  margin-top: 2.5rem;
+}
+.jkl .space-x-64 {
+  margin-left: 4rem;
+}
+.jkl .space-y-64 {
+  margin-top: 4rem;
+}
+.jkl .space-x-104 {
+  margin-left: 6.5rem;
+}
+.jkl .space-y-104 {
+  margin-top: 6.5rem;
+}
+.jkl .space-x-168 {
+  margin-left: 10.5rem;
+}
+.jkl .space-y-168 {
+  margin-top: 10.5rem;
+}
+.jkl .space-x-3xs {
+  margin-left: 0.125rem;
+}
+.jkl .space-y-3xs {
+  margin-top: 0.125rem;
+}
+.jkl .space-x-2xs {
+  margin-left: 0.25rem;
+}
+.jkl .space-y-2xs {
+  margin-top: 0.25rem;
+}
+.jkl .space-x-xs {
+  margin-left: 0.5rem;
+}
+.jkl .space-y-xs {
+  margin-top: 0.5rem;
+}
+.jkl .space-x-s {
+  margin-left: 0.75rem;
+}
+.jkl .space-y-s {
+  margin-top: 0.75rem;
+}
+.jkl .space-x-m {
+  margin-left: 1rem;
+}
+.jkl .space-y-m {
+  margin-top: 1rem;
+}
+.jkl .space-x-l {
+  margin-left: 1.5rem;
+}
+.jkl .space-y-l {
+  margin-top: 1.5rem;
+}
+.jkl .space-x-xl {
+  margin-left: 2.5rem;
+}
+.jkl .space-y-xl {
+  margin-top: 2.5rem;
+}
+.jkl .space-x-2xl {
+  margin-left: 4rem;
+}
+.jkl .space-y-2xl {
+  margin-top: 4rem;
+}
+.jkl .space-x-3xl {
+  margin-left: 6.5rem;
+}
+.jkl .space-y-3xl {
+  margin-top: 6.5rem;
+}
+.jkl .space-x-4xl {
+  margin-left: 10.5rem;
+}
+.jkl .space-y-4xl {
+  margin-top: 10.5rem;
+}
+
+.jkl .title {
+  font-size: 2.25rem;
+  line-height: 2.75rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+  --jkl-icon-size: 1.2em;
+}
+@media (min-width: 680px) {
+  .jkl .title {
+    font-size: 3.5rem;
+    line-height: 4rem;
+    font-weight: 400;
+    --jkl-icon-weight: 300;
+    --jkl-icon-size: 1.2em;
+  }
+}
+.jkl .title-small {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+  --jkl-icon-size: 1.2em;
+}
+@media (min-width: 680px) {
+  .jkl .title-small {
+    font-size: 2.75rem;
+    line-height: 3.25rem;
+    font-weight: 400;
+    --jkl-icon-weight: 300;
+    --jkl-icon-size: 1.2em;
+  }
+}
+.jkl .heading-1 {
+  font-size: 1.625rem;
+  line-height: 2rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+  --jkl-icon-size: 1.2em;
+}
+@media (min-width: 680px) {
+  .jkl .heading-1 {
+    font-size: 2.25rem;
+    line-height: 2.75rem;
+    font-weight: 400;
+    --jkl-icon-weight: 300;
+    --jkl-icon-size: 1.2em;
+  }
+}
+.jkl .heading-2 {
+  font-size: 1.4375rem;
+  line-height: 2rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+  --jkl-icon-size: 1.2em;
+}
+@media (min-width: 680px) {
+  .jkl .heading-2 {
+    font-size: 1.75rem;
+    line-height: 2.5rem;
+    font-weight: 400;
+    --jkl-icon-weight: 300;
+    --jkl-icon-size: 1.2em;
+  }
+}
+.jkl .heading-3 {
+  font-size: 1.3125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  --jkl-icon-weight: 500;
+  --jkl-icon-size: 1.2em;
+}
+@media (min-width: 680px) {
+  .jkl .heading-3 {
+    font-size: 1.5625rem;
+    line-height: 2rem;
+    font-weight: 700;
+    --jkl-icon-weight: 500;
+    --jkl-icon-size: 1.2em;
+  }
+}
+.jkl .heading-4 {
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  --jkl-icon-weight: 500;
+}
+@media (min-width: 680px) {
+  .jkl .heading-4 {
+    font-size: 1.3125rem;
+    line-height: 1.75rem;
+    font-weight: 700;
+    --jkl-icon-weight: 500;
+  }
+}
+.jkl .heading-5 {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  --jkl-icon-weight: 500;
+  --jkl-icon-size: 1.25rem;
+  --jkl-icon-opsz: 20;
+}
+.jkl .body {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+}
+@media (min-width: 680px) {
+  .jkl .body {
+    font-size: 1.25rem;
+    line-height: 2rem;
+    font-weight: 400;
+    --jkl-icon-weight: 300;
+  }
+}
+.jkl .body.font-bold {
+  font-weight: 700;
+}
+.jkl .small {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 400;
+  --jkl-icon-weight: 300;
+  --jkl-icon-size: 1.25rem;
+  --jkl-icon-opsz: 20;
+}
+.jkl .small.font-bold {
+  font-weight: 700;
+}