@fremtind/jkl-core/vind.css

Jøkul core styles

/**
 * Do not edit directly
 * Generated on Mon, 28 Oct 2024 14:24:14 GMT
 */
.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;
}

.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 {
  -webkit-margin-start: 0.125rem;
          margin-inline-start: 0.125rem;
}
.jkl .me-2 {
  -webkit-margin-end: 0.125rem;
          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 {
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}
.jkl .me-4 {
  -webkit-margin-end: 0.25rem;
          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 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.jkl .me-8 {
  -webkit-margin-end: 0.5rem;
          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 {
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}
.jkl .me-12 {
  -webkit-margin-end: 0.75rem;
          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 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}
.jkl .me-16 {
  -webkit-margin-end: 1rem;
          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 {
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
.jkl .me-24 {
  -webkit-margin-end: 1.5rem;
          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 {
  -webkit-margin-start: 2rem;
          margin-inline-start: 2rem;
}
.jkl .me-32 {
  -webkit-margin-end: 2rem;
          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 {
  -webkit-margin-start: 2.5rem;
          margin-inline-start: 2.5rem;
}
.jkl .me-40 {
  -webkit-margin-end: 2.5rem;
          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 {
  -webkit-margin-start: 4rem;
          margin-inline-start: 4rem;
}
.jkl .me-64 {
  -webkit-margin-end: 4rem;
          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 {
  -webkit-margin-start: 6.5rem;
          margin-inline-start: 6.5rem;
}
.jkl .me-104 {
  -webkit-margin-end: 6.5rem;
          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 {
  -webkit-margin-start: 10.5rem;
          margin-inline-start: 10.5rem;
}
.jkl .me-168 {
  -webkit-margin-end: 10.5rem;
          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 {
  -webkit-margin-start: 0.125rem;
          margin-inline-start: 0.125rem;
}
.jkl .me-3xs {
  -webkit-margin-end: 0.125rem;
          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 {
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}
.jkl .me-2xs {
  -webkit-margin-end: 0.25rem;
          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 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.jkl .me-xs {
  -webkit-margin-end: 0.5rem;
          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 {
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}
.jkl .me-s {
  -webkit-margin-end: 0.75rem;
          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 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}
.jkl .me-m {
  -webkit-margin-end: 1rem;
          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 {
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
.jkl .me-l {
  -webkit-margin-end: 1.5rem;
          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 {
  -webkit-margin-start: 2.5rem;
          margin-inline-start: 2.5rem;
}
.jkl .me-xl {
  -webkit-margin-end: 2.5rem;
          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 {
  -webkit-margin-start: 4rem;
          margin-inline-start: 4rem;
}
.jkl .me-2xl {
  -webkit-margin-end: 4rem;
          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 {
  -webkit-margin-start: 6.5rem;
          margin-inline-start: 6.5rem;
}
.jkl .me-3xl {
  -webkit-margin-end: 6.5rem;
          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 {
  -webkit-margin-start: 10.5rem;
          margin-inline-start: 10.5rem;
}
.jkl .me-4xl {
  -webkit-margin-end: 10.5rem;
          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 {
  -webkit-padding-start: 0.125rem;
          padding-inline-start: 0.125rem;
}
.jkl .pe-2 {
  -webkit-padding-end: 0.125rem;
          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 {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
}
.jkl .pe-4 {
  -webkit-padding-end: 0.25rem;
          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 {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.jkl .pe-8 {
  -webkit-padding-end: 0.5rem;
          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 {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.jkl .pe-12 {
  -webkit-padding-end: 0.75rem;
          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 {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.jkl .pe-16 {
  -webkit-padding-end: 1rem;
          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 {
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.jkl .pe-24 {
  -webkit-padding-end: 1.5rem;
          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 {
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem;
}
.jkl .pe-32 {
  -webkit-padding-end: 2rem;
          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 {
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}
.jkl .pe-40 {
  -webkit-padding-end: 2.5rem;
          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 {
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.jkl .pe-64 {
  -webkit-padding-end: 4rem;
          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 {
  -webkit-padding-start: 6.5rem;
          padding-inline-start: 6.5rem;
}
.jkl .pe-104 {
  -webkit-padding-end: 6.5rem;
          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 {
  -webkit-padding-start: 10.5rem;
          padding-inline-start: 10.5rem;
}
.jkl .pe-168 {
  -webkit-padding-end: 10.5rem;
          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 {
  -webkit-padding-start: 0.125rem;
          padding-inline-start: 0.125rem;
}
.jkl .pe-3xs {
  -webkit-padding-end: 0.125rem;
          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 {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
}
.jkl .pe-2xs {
  -webkit-padding-end: 0.25rem;
          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 {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.jkl .pe-xs {
  -webkit-padding-end: 0.5rem;
          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 {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.jkl .pe-s {
  -webkit-padding-end: 0.75rem;
          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 {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.jkl .pe-m {
  -webkit-padding-end: 1rem;
          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 {
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.jkl .pe-l {
  -webkit-padding-end: 1.5rem;
          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 {
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}
.jkl .pe-xl {
  -webkit-padding-end: 2.5rem;
          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 {
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.jkl .pe-2xl {
  -webkit-padding-end: 4rem;
          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 {
  -webkit-padding-start: 6.5rem;
          padding-inline-start: 6.5rem;
}
.jkl .pe-3xl {
  -webkit-padding-end: 6.5rem;
          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 {
  -webkit-padding-start: 10.5rem;
          padding-inline-start: 10.5rem;
}
.jkl .pe-4xl {
  -webkit-padding-end: 10.5rem;
          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;
}