[and-layout~=horizontal],
[and-layout~=vertical] {
  display: flex;
}

[and-layout~=horizontal] {
  flex-direction: row;
}

[and-layout~=vertical] {
  flex-direction: column;
}

[and-layout~="align:start"] {
  align-items: flex-start;
}

[and-layout~="align:end"] {
  align-items: flex-end;
}

[and-layout~="align:center"] {
  align-items: center;
}

[and-layout~="align:baseline"] {
  align-items: baseline;
}

[and-layout~="align:stretch"] {
  align-items: stretch;
}

@media (min-width: 640px) {
  [and-layout~="align@sm:start"] {
    align-items: flex-start;
  }
  [and-layout~="align@sm:end"] {
    align-items: flex-end;
  }
  [and-layout~="align@sm:center"] {
    align-items: center;
  }
  [and-layout~="align@sm:baseline"] {
    align-items: baseline;
  }
  [and-layout~="align@sm:stretch"] {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  [and-layout~="align@md:start"] {
    align-items: flex-start;
  }
  [and-layout~="align@md:end"] {
    align-items: flex-end;
  }
  [and-layout~="align@md:center"] {
    align-items: center;
  }
  [and-layout~="align@md:baseline"] {
    align-items: baseline;
  }
  [and-layout~="align@md:stretch"] {
    align-items: stretch;
  }
}
@media (min-width: 1024px) {
  [and-layout~="align@lg:start"] {
    align-items: flex-start;
  }
  [and-layout~="align@lg:end"] {
    align-items: flex-end;
  }
  [and-layout~="align@lg:center"] {
    align-items: center;
  }
  [and-layout~="align@lg:baseline"] {
    align-items: baseline;
  }
  [and-layout~="align@lg:stretch"] {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  [and-layout~="align@xl:start"] {
    align-items: flex-start;
  }
  [and-layout~="align@xl:end"] {
    align-items: flex-end;
  }
  [and-layout~="align@xl:center"] {
    align-items: center;
  }
  [and-layout~="align@xl:baseline"] {
    align-items: baseline;
  }
  [and-layout~="align@xl:stretch"] {
    align-items: stretch;
  }
}
@media (min-width: 1536px) {
  [and-layout~="align@2xl:start"] {
    align-items: flex-start;
  }
  [and-layout~="align@2xl:end"] {
    align-items: flex-end;
  }
  [and-layout~="align@2xl:center"] {
    align-items: center;
  }
  [and-layout~="align@2xl:baseline"] {
    align-items: baseline;
  }
  [and-layout~="align@2xl:stretch"] {
    align-items: stretch;
  }
}
[and-layout~="justify:start"] {
  justify-content: flex-start;
}

[and-layout~="justify:end"] {
  justify-content: flex-end;
}

[and-layout~="justify:center"] {
  justify-content: center;
}

[and-layout~="justify:between"] {
  justify-content: space-between;
}

[and-layout~="justify:around"] {
  justify-content: space-around;
}

[and-layout~="justify:evenly"] {
  justify-content: space-evenly;
}

@media (min-width: 640px) {
  [and-layout~="justify@sm:start"] {
    justify-content: flex-start;
  }
  [and-layout~="justify@sm:end"] {
    justify-content: flex-end;
  }
  [and-layout~="justify@sm:center"] {
    justify-content: center;
  }
  [and-layout~="justify@sm:between"] {
    justify-content: space-between;
  }
  [and-layout~="justify@sm:around"] {
    justify-content: space-around;
  }
  [and-layout~="justify@sm:evenly"] {
    justify-content: space-evenly;
  }
}
@media (min-width: 768px) {
  [and-layout~="justify@md:start"] {
    justify-content: flex-start;
  }
  [and-layout~="justify@md:end"] {
    justify-content: flex-end;
  }
  [and-layout~="justify@md:center"] {
    justify-content: center;
  }
  [and-layout~="justify@md:between"] {
    justify-content: space-between;
  }
  [and-layout~="justify@md:around"] {
    justify-content: space-around;
  }
  [and-layout~="justify@md:evenly"] {
    justify-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  [and-layout~="justify@lg:start"] {
    justify-content: flex-start;
  }
  [and-layout~="justify@lg:end"] {
    justify-content: flex-end;
  }
  [and-layout~="justify@lg:center"] {
    justify-content: center;
  }
  [and-layout~="justify@lg:between"] {
    justify-content: space-between;
  }
  [and-layout~="justify@lg:around"] {
    justify-content: space-around;
  }
  [and-layout~="justify@lg:evenly"] {
    justify-content: space-evenly;
  }
}
@media (min-width: 1280px) {
  [and-layout~="justify@xl:start"] {
    justify-content: flex-start;
  }
  [and-layout~="justify@xl:end"] {
    justify-content: flex-end;
  }
  [and-layout~="justify@xl:center"] {
    justify-content: center;
  }
  [and-layout~="justify@xl:between"] {
    justify-content: space-between;
  }
  [and-layout~="justify@xl:around"] {
    justify-content: space-around;
  }
  [and-layout~="justify@xl:evenly"] {
    justify-content: space-evenly;
  }
}
@media (min-width: 1536px) {
  [and-layout~="justify@2xl:start"] {
    justify-content: flex-start;
  }
  [and-layout~="justify@2xl:end"] {
    justify-content: flex-end;
  }
  [and-layout~="justify@2xl:center"] {
    justify-content: center;
  }
  [and-layout~="justify@2xl:between"] {
    justify-content: space-between;
  }
  [and-layout~="justify@2xl:around"] {
    justify-content: space-around;
  }
  [and-layout~="justify@2xl:evenly"] {
    justify-content: space-evenly;
  }
}
[and-layout~="wrap:nowrap"] {
  flex-wrap: nowrap;
}

[and-layout~="wrap:wrap"] {
  flex-wrap: wrap;
}

[and-layout~="wrap:wrap-reverse"] {
  flex-wrap: wrap-reverse;
}

@media (min-width: 640px) {
  [and-layout~="wrap@sm:nowrap"] {
    flex-wrap: nowrap;
  }
  [and-layout~="wrap@sm:wrap"] {
    flex-wrap: wrap;
  }
  [and-layout~="wrap@sm:wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) {
  [and-layout~="wrap@md:nowrap"] {
    flex-wrap: nowrap;
  }
  [and-layout~="wrap@md:wrap"] {
    flex-wrap: wrap;
  }
  [and-layout~="wrap@md:wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1024px) {
  [and-layout~="wrap@lg:nowrap"] {
    flex-wrap: nowrap;
  }
  [and-layout~="wrap@lg:wrap"] {
    flex-wrap: wrap;
  }
  [and-layout~="wrap@lg:wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1280px) {
  [and-layout~="wrap@xl:nowrap"] {
    flex-wrap: nowrap;
  }
  [and-layout~="wrap@xl:wrap"] {
    flex-wrap: wrap;
  }
  [and-layout~="wrap@xl:wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1536px) {
  [and-layout~="wrap@2xl:nowrap"] {
    flex-wrap: nowrap;
  }
  [and-layout~="wrap@2xl:wrap"] {
    flex-wrap: wrap;
  }
  [and-layout~="wrap@2xl:wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
}
[and-layout~="gap:none"] {
  gap: 0;
}

[and-layout~="gap:xxxs"] {
  gap: 0.125rem;
}

[and-layout~="gap:xxs"] {
  gap: 0.25rem;
}

[and-layout~="gap:xs"] {
  gap: 0.5rem;
}

[and-layout~="gap:sm"] {
  gap: 0.75rem;
}

[and-layout~="gap:md"] {
  gap: 1rem;
}

[and-layout~="gap:lg"] {
  gap: 1.5rem;
}

[and-layout~="gap:xl"] {
  gap: 2rem;
}

[and-layout~="gap:xxl"] {
  gap: 3rem;
}

[and-layout~="gap:xxxl"] {
  gap: 4rem;
}

[and-layout~="gap:auto"] {
  gap: auto;
}

@media (min-width: 640px) {
  [and-layout~="gap@sm:none"] {
    gap: 0;
  }
  [and-layout~="gap@sm:xxxs"] {
    gap: 0.125rem;
  }
  [and-layout~="gap@sm:xxs"] {
    gap: 0.25rem;
  }
  [and-layout~="gap@sm:xs"] {
    gap: 0.5rem;
  }
  [and-layout~="gap@sm:sm"] {
    gap: 0.75rem;
  }
  [and-layout~="gap@sm:md"] {
    gap: 1rem;
  }
  [and-layout~="gap@sm:lg"] {
    gap: 1.5rem;
  }
  [and-layout~="gap@sm:xl"] {
    gap: 2rem;
  }
  [and-layout~="gap@sm:xxl"] {
    gap: 3rem;
  }
  [and-layout~="gap@sm:xxxl"] {
    gap: 4rem;
  }
  [and-layout~="gap@sm:auto"] {
    gap: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="gap@md:none"] {
    gap: 0;
  }
  [and-layout~="gap@md:xxxs"] {
    gap: 0.125rem;
  }
  [and-layout~="gap@md:xxs"] {
    gap: 0.25rem;
  }
  [and-layout~="gap@md:xs"] {
    gap: 0.5rem;
  }
  [and-layout~="gap@md:sm"] {
    gap: 0.75rem;
  }
  [and-layout~="gap@md:md"] {
    gap: 1rem;
  }
  [and-layout~="gap@md:lg"] {
    gap: 1.5rem;
  }
  [and-layout~="gap@md:xl"] {
    gap: 2rem;
  }
  [and-layout~="gap@md:xxl"] {
    gap: 3rem;
  }
  [and-layout~="gap@md:xxxl"] {
    gap: 4rem;
  }
  [and-layout~="gap@md:auto"] {
    gap: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="gap@lg:none"] {
    gap: 0;
  }
  [and-layout~="gap@lg:xxxs"] {
    gap: 0.125rem;
  }
  [and-layout~="gap@lg:xxs"] {
    gap: 0.25rem;
  }
  [and-layout~="gap@lg:xs"] {
    gap: 0.5rem;
  }
  [and-layout~="gap@lg:sm"] {
    gap: 0.75rem;
  }
  [and-layout~="gap@lg:md"] {
    gap: 1rem;
  }
  [and-layout~="gap@lg:lg"] {
    gap: 1.5rem;
  }
  [and-layout~="gap@lg:xl"] {
    gap: 2rem;
  }
  [and-layout~="gap@lg:xxl"] {
    gap: 3rem;
  }
  [and-layout~="gap@lg:xxxl"] {
    gap: 4rem;
  }
  [and-layout~="gap@lg:auto"] {
    gap: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="gap@xl:none"] {
    gap: 0;
  }
  [and-layout~="gap@xl:xxxs"] {
    gap: 0.125rem;
  }
  [and-layout~="gap@xl:xxs"] {
    gap: 0.25rem;
  }
  [and-layout~="gap@xl:xs"] {
    gap: 0.5rem;
  }
  [and-layout~="gap@xl:sm"] {
    gap: 0.75rem;
  }
  [and-layout~="gap@xl:md"] {
    gap: 1rem;
  }
  [and-layout~="gap@xl:lg"] {
    gap: 1.5rem;
  }
  [and-layout~="gap@xl:xl"] {
    gap: 2rem;
  }
  [and-layout~="gap@xl:xxl"] {
    gap: 3rem;
  }
  [and-layout~="gap@xl:xxxl"] {
    gap: 4rem;
  }
  [and-layout~="gap@xl:auto"] {
    gap: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="gap@2xl:none"] {
    gap: 0;
  }
  [and-layout~="gap@2xl:xxxs"] {
    gap: 0.125rem;
  }
  [and-layout~="gap@2xl:xxs"] {
    gap: 0.25rem;
  }
  [and-layout~="gap@2xl:xs"] {
    gap: 0.5rem;
  }
  [and-layout~="gap@2xl:sm"] {
    gap: 0.75rem;
  }
  [and-layout~="gap@2xl:md"] {
    gap: 1rem;
  }
  [and-layout~="gap@2xl:lg"] {
    gap: 1.5rem;
  }
  [and-layout~="gap@2xl:xl"] {
    gap: 2rem;
  }
  [and-layout~="gap@2xl:xxl"] {
    gap: 3rem;
  }
  [and-layout~="gap@2xl:xxxl"] {
    gap: 4rem;
  }
  [and-layout~="gap@2xl:auto"] {
    gap: auto;
  }
}
[and-layout~="gap-x:none"] {
  column-gap: 0;
}

[and-layout~="gap-x:xxxs"] {
  column-gap: 0.125rem;
}

[and-layout~="gap-x:xxs"] {
  column-gap: 0.25rem;
}

[and-layout~="gap-x:xs"] {
  column-gap: 0.5rem;
}

[and-layout~="gap-x:sm"] {
  column-gap: 0.75rem;
}

[and-layout~="gap-x:md"] {
  column-gap: 1rem;
}

[and-layout~="gap-x:lg"] {
  column-gap: 1.5rem;
}

[and-layout~="gap-x:xl"] {
  column-gap: 2rem;
}

[and-layout~="gap-x:xxl"] {
  column-gap: 3rem;
}

[and-layout~="gap-x:xxxl"] {
  column-gap: 4rem;
}

[and-layout~="gap-x:auto"] {
  column-gap: auto;
}

@media (min-width: 640px) {
  [and-layout~="gap-x@sm:none"] {
    column-gap: 0;
  }
  [and-layout~="gap-x@sm:xxxs"] {
    column-gap: 0.125rem;
  }
  [and-layout~="gap-x@sm:xxs"] {
    column-gap: 0.25rem;
  }
  [and-layout~="gap-x@sm:xs"] {
    column-gap: 0.5rem;
  }
  [and-layout~="gap-x@sm:sm"] {
    column-gap: 0.75rem;
  }
  [and-layout~="gap-x@sm:md"] {
    column-gap: 1rem;
  }
  [and-layout~="gap-x@sm:lg"] {
    column-gap: 1.5rem;
  }
  [and-layout~="gap-x@sm:xl"] {
    column-gap: 2rem;
  }
  [and-layout~="gap-x@sm:xxl"] {
    column-gap: 3rem;
  }
  [and-layout~="gap-x@sm:xxxl"] {
    column-gap: 4rem;
  }
  [and-layout~="gap-x@sm:auto"] {
    column-gap: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="gap-x@md:none"] {
    column-gap: 0;
  }
  [and-layout~="gap-x@md:xxxs"] {
    column-gap: 0.125rem;
  }
  [and-layout~="gap-x@md:xxs"] {
    column-gap: 0.25rem;
  }
  [and-layout~="gap-x@md:xs"] {
    column-gap: 0.5rem;
  }
  [and-layout~="gap-x@md:sm"] {
    column-gap: 0.75rem;
  }
  [and-layout~="gap-x@md:md"] {
    column-gap: 1rem;
  }
  [and-layout~="gap-x@md:lg"] {
    column-gap: 1.5rem;
  }
  [and-layout~="gap-x@md:xl"] {
    column-gap: 2rem;
  }
  [and-layout~="gap-x@md:xxl"] {
    column-gap: 3rem;
  }
  [and-layout~="gap-x@md:xxxl"] {
    column-gap: 4rem;
  }
  [and-layout~="gap-x@md:auto"] {
    column-gap: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="gap-x@lg:none"] {
    column-gap: 0;
  }
  [and-layout~="gap-x@lg:xxxs"] {
    column-gap: 0.125rem;
  }
  [and-layout~="gap-x@lg:xxs"] {
    column-gap: 0.25rem;
  }
  [and-layout~="gap-x@lg:xs"] {
    column-gap: 0.5rem;
  }
  [and-layout~="gap-x@lg:sm"] {
    column-gap: 0.75rem;
  }
  [and-layout~="gap-x@lg:md"] {
    column-gap: 1rem;
  }
  [and-layout~="gap-x@lg:lg"] {
    column-gap: 1.5rem;
  }
  [and-layout~="gap-x@lg:xl"] {
    column-gap: 2rem;
  }
  [and-layout~="gap-x@lg:xxl"] {
    column-gap: 3rem;
  }
  [and-layout~="gap-x@lg:xxxl"] {
    column-gap: 4rem;
  }
  [and-layout~="gap-x@lg:auto"] {
    column-gap: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="gap-x@xl:none"] {
    column-gap: 0;
  }
  [and-layout~="gap-x@xl:xxxs"] {
    column-gap: 0.125rem;
  }
  [and-layout~="gap-x@xl:xxs"] {
    column-gap: 0.25rem;
  }
  [and-layout~="gap-x@xl:xs"] {
    column-gap: 0.5rem;
  }
  [and-layout~="gap-x@xl:sm"] {
    column-gap: 0.75rem;
  }
  [and-layout~="gap-x@xl:md"] {
    column-gap: 1rem;
  }
  [and-layout~="gap-x@xl:lg"] {
    column-gap: 1.5rem;
  }
  [and-layout~="gap-x@xl:xl"] {
    column-gap: 2rem;
  }
  [and-layout~="gap-x@xl:xxl"] {
    column-gap: 3rem;
  }
  [and-layout~="gap-x@xl:xxxl"] {
    column-gap: 4rem;
  }
  [and-layout~="gap-x@xl:auto"] {
    column-gap: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="gap-x@2xl:none"] {
    column-gap: 0;
  }
  [and-layout~="gap-x@2xl:xxxs"] {
    column-gap: 0.125rem;
  }
  [and-layout~="gap-x@2xl:xxs"] {
    column-gap: 0.25rem;
  }
  [and-layout~="gap-x@2xl:xs"] {
    column-gap: 0.5rem;
  }
  [and-layout~="gap-x@2xl:sm"] {
    column-gap: 0.75rem;
  }
  [and-layout~="gap-x@2xl:md"] {
    column-gap: 1rem;
  }
  [and-layout~="gap-x@2xl:lg"] {
    column-gap: 1.5rem;
  }
  [and-layout~="gap-x@2xl:xl"] {
    column-gap: 2rem;
  }
  [and-layout~="gap-x@2xl:xxl"] {
    column-gap: 3rem;
  }
  [and-layout~="gap-x@2xl:xxxl"] {
    column-gap: 4rem;
  }
  [and-layout~="gap-x@2xl:auto"] {
    column-gap: auto;
  }
}
[and-layout~="gap-y:none"] {
  row-gap: 0;
}

[and-layout~="gap-y:xxxs"] {
  row-gap: 0.125rem;
}

[and-layout~="gap-y:xxs"] {
  row-gap: 0.25rem;
}

[and-layout~="gap-y:xs"] {
  row-gap: 0.5rem;
}

[and-layout~="gap-y:sm"] {
  row-gap: 0.75rem;
}

[and-layout~="gap-y:md"] {
  row-gap: 1rem;
}

[and-layout~="gap-y:lg"] {
  row-gap: 1.5rem;
}

[and-layout~="gap-y:xl"] {
  row-gap: 2rem;
}

[and-layout~="gap-y:xxl"] {
  row-gap: 3rem;
}

[and-layout~="gap-y:xxxl"] {
  row-gap: 4rem;
}

[and-layout~="gap-y:auto"] {
  row-gap: auto;
}

@media (min-width: 640px) {
  [and-layout~="gap-y@sm:none"] {
    row-gap: 0;
  }
  [and-layout~="gap-y@sm:xxxs"] {
    row-gap: 0.125rem;
  }
  [and-layout~="gap-y@sm:xxs"] {
    row-gap: 0.25rem;
  }
  [and-layout~="gap-y@sm:xs"] {
    row-gap: 0.5rem;
  }
  [and-layout~="gap-y@sm:sm"] {
    row-gap: 0.75rem;
  }
  [and-layout~="gap-y@sm:md"] {
    row-gap: 1rem;
  }
  [and-layout~="gap-y@sm:lg"] {
    row-gap: 1.5rem;
  }
  [and-layout~="gap-y@sm:xl"] {
    row-gap: 2rem;
  }
  [and-layout~="gap-y@sm:xxl"] {
    row-gap: 3rem;
  }
  [and-layout~="gap-y@sm:xxxl"] {
    row-gap: 4rem;
  }
  [and-layout~="gap-y@sm:auto"] {
    row-gap: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="gap-y@md:none"] {
    row-gap: 0;
  }
  [and-layout~="gap-y@md:xxxs"] {
    row-gap: 0.125rem;
  }
  [and-layout~="gap-y@md:xxs"] {
    row-gap: 0.25rem;
  }
  [and-layout~="gap-y@md:xs"] {
    row-gap: 0.5rem;
  }
  [and-layout~="gap-y@md:sm"] {
    row-gap: 0.75rem;
  }
  [and-layout~="gap-y@md:md"] {
    row-gap: 1rem;
  }
  [and-layout~="gap-y@md:lg"] {
    row-gap: 1.5rem;
  }
  [and-layout~="gap-y@md:xl"] {
    row-gap: 2rem;
  }
  [and-layout~="gap-y@md:xxl"] {
    row-gap: 3rem;
  }
  [and-layout~="gap-y@md:xxxl"] {
    row-gap: 4rem;
  }
  [and-layout~="gap-y@md:auto"] {
    row-gap: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="gap-y@lg:none"] {
    row-gap: 0;
  }
  [and-layout~="gap-y@lg:xxxs"] {
    row-gap: 0.125rem;
  }
  [and-layout~="gap-y@lg:xxs"] {
    row-gap: 0.25rem;
  }
  [and-layout~="gap-y@lg:xs"] {
    row-gap: 0.5rem;
  }
  [and-layout~="gap-y@lg:sm"] {
    row-gap: 0.75rem;
  }
  [and-layout~="gap-y@lg:md"] {
    row-gap: 1rem;
  }
  [and-layout~="gap-y@lg:lg"] {
    row-gap: 1.5rem;
  }
  [and-layout~="gap-y@lg:xl"] {
    row-gap: 2rem;
  }
  [and-layout~="gap-y@lg:xxl"] {
    row-gap: 3rem;
  }
  [and-layout~="gap-y@lg:xxxl"] {
    row-gap: 4rem;
  }
  [and-layout~="gap-y@lg:auto"] {
    row-gap: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="gap-y@xl:none"] {
    row-gap: 0;
  }
  [and-layout~="gap-y@xl:xxxs"] {
    row-gap: 0.125rem;
  }
  [and-layout~="gap-y@xl:xxs"] {
    row-gap: 0.25rem;
  }
  [and-layout~="gap-y@xl:xs"] {
    row-gap: 0.5rem;
  }
  [and-layout~="gap-y@xl:sm"] {
    row-gap: 0.75rem;
  }
  [and-layout~="gap-y@xl:md"] {
    row-gap: 1rem;
  }
  [and-layout~="gap-y@xl:lg"] {
    row-gap: 1.5rem;
  }
  [and-layout~="gap-y@xl:xl"] {
    row-gap: 2rem;
  }
  [and-layout~="gap-y@xl:xxl"] {
    row-gap: 3rem;
  }
  [and-layout~="gap-y@xl:xxxl"] {
    row-gap: 4rem;
  }
  [and-layout~="gap-y@xl:auto"] {
    row-gap: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="gap-y@2xl:none"] {
    row-gap: 0;
  }
  [and-layout~="gap-y@2xl:xxxs"] {
    row-gap: 0.125rem;
  }
  [and-layout~="gap-y@2xl:xxs"] {
    row-gap: 0.25rem;
  }
  [and-layout~="gap-y@2xl:xs"] {
    row-gap: 0.5rem;
  }
  [and-layout~="gap-y@2xl:sm"] {
    row-gap: 0.75rem;
  }
  [and-layout~="gap-y@2xl:md"] {
    row-gap: 1rem;
  }
  [and-layout~="gap-y@2xl:lg"] {
    row-gap: 1.5rem;
  }
  [and-layout~="gap-y@2xl:xl"] {
    row-gap: 2rem;
  }
  [and-layout~="gap-y@2xl:xxl"] {
    row-gap: 3rem;
  }
  [and-layout~="gap-y@2xl:xxxl"] {
    row-gap: 4rem;
  }
  [and-layout~="gap-y@2xl:auto"] {
    row-gap: auto;
  }
}
[and-layout~=grid] {
  display: grid;
}

[and-layout~="cols:1"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

[and-layout~="cols:2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[and-layout~="cols:3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[and-layout~="cols:4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

[and-layout~="cols:5"] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

[and-layout~="cols:6"] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

[and-layout~="cols:7"] {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

[and-layout~="cols:8"] {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

[and-layout~="cols:9"] {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

[and-layout~="cols:10"] {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

[and-layout~="cols:11"] {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

[and-layout~="cols:12"] {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (min-width: 640px) {
  [and-layout~="cols@sm:1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [and-layout~="cols@sm:12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  [and-layout~="cols@md:1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [and-layout~="cols@md:2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [and-layout~="cols@md:3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [and-layout~="cols@md:4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [and-layout~="cols@md:5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [and-layout~="cols@md:6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [and-layout~="cols@md:7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [and-layout~="cols@md:8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [and-layout~="cols@md:9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [and-layout~="cols@md:10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [and-layout~="cols@md:11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [and-layout~="cols@md:12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  [and-layout~="cols@lg:1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [and-layout~="cols@lg:12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  [and-layout~="cols@xl:1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [and-layout~="cols@xl:12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {
  [and-layout~="cols@2xl:1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [and-layout~="cols@2xl:12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
[and-layout~="span:1"] {
  grid-column: span 1/span 1;
}

[and-layout~="span:2"] {
  grid-column: span 2/span 2;
}

[and-layout~="span:3"] {
  grid-column: span 3/span 3;
}

[and-layout~="span:4"] {
  grid-column: span 4/span 4;
}

[and-layout~="span:5"] {
  grid-column: span 5/span 5;
}

[and-layout~="span:6"] {
  grid-column: span 6/span 6;
}

[and-layout~="span:7"] {
  grid-column: span 7/span 7;
}

[and-layout~="span:8"] {
  grid-column: span 8/span 8;
}

[and-layout~="span:9"] {
  grid-column: span 9/span 9;
}

[and-layout~="span:10"] {
  grid-column: span 10/span 10;
}

[and-layout~="span:11"] {
  grid-column: span 11/span 11;
}

[and-layout~="span:12"] {
  grid-column: span 12/span 12;
}

[and-layout~="span:full"] {
  grid-column: 1 / -1;
}

@media (min-width: 640px) {
  [and-layout~="span@sm:1"] {
    grid-column: span 1/span 1;
  }
  [and-layout~="span@sm:2"] {
    grid-column: span 2/span 2;
  }
  [and-layout~="span@sm:3"] {
    grid-column: span 3/span 3;
  }
  [and-layout~="span@sm:4"] {
    grid-column: span 4/span 4;
  }
  [and-layout~="span@sm:5"] {
    grid-column: span 5/span 5;
  }
  [and-layout~="span@sm:6"] {
    grid-column: span 6/span 6;
  }
  [and-layout~="span@sm:7"] {
    grid-column: span 7/span 7;
  }
  [and-layout~="span@sm:8"] {
    grid-column: span 8/span 8;
  }
  [and-layout~="span@sm:9"] {
    grid-column: span 9/span 9;
  }
  [and-layout~="span@sm:10"] {
    grid-column: span 10/span 10;
  }
  [and-layout~="span@sm:11"] {
    grid-column: span 11/span 11;
  }
  [and-layout~="span@sm:12"] {
    grid-column: span 12/span 12;
  }
  [and-layout~="span@sm:full"] {
    grid-column: 1 / -1;
  }
}
@media (min-width: 768px) {
  [and-layout~="span@md:1"] {
    grid-column: span 1/span 1;
  }
  [and-layout~="span@md:2"] {
    grid-column: span 2/span 2;
  }
  [and-layout~="span@md:3"] {
    grid-column: span 3/span 3;
  }
  [and-layout~="span@md:4"] {
    grid-column: span 4/span 4;
  }
  [and-layout~="span@md:5"] {
    grid-column: span 5/span 5;
  }
  [and-layout~="span@md:6"] {
    grid-column: span 6/span 6;
  }
  [and-layout~="span@md:7"] {
    grid-column: span 7/span 7;
  }
  [and-layout~="span@md:8"] {
    grid-column: span 8/span 8;
  }
  [and-layout~="span@md:9"] {
    grid-column: span 9/span 9;
  }
  [and-layout~="span@md:10"] {
    grid-column: span 10/span 10;
  }
  [and-layout~="span@md:11"] {
    grid-column: span 11/span 11;
  }
  [and-layout~="span@md:12"] {
    grid-column: span 12/span 12;
  }
  [and-layout~="span@md:full"] {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1024px) {
  [and-layout~="span@lg:1"] {
    grid-column: span 1/span 1;
  }
  [and-layout~="span@lg:2"] {
    grid-column: span 2/span 2;
  }
  [and-layout~="span@lg:3"] {
    grid-column: span 3/span 3;
  }
  [and-layout~="span@lg:4"] {
    grid-column: span 4/span 4;
  }
  [and-layout~="span@lg:5"] {
    grid-column: span 5/span 5;
  }
  [and-layout~="span@lg:6"] {
    grid-column: span 6/span 6;
  }
  [and-layout~="span@lg:7"] {
    grid-column: span 7/span 7;
  }
  [and-layout~="span@lg:8"] {
    grid-column: span 8/span 8;
  }
  [and-layout~="span@lg:9"] {
    grid-column: span 9/span 9;
  }
  [and-layout~="span@lg:10"] {
    grid-column: span 10/span 10;
  }
  [and-layout~="span@lg:11"] {
    grid-column: span 11/span 11;
  }
  [and-layout~="span@lg:12"] {
    grid-column: span 12/span 12;
  }
  [and-layout~="span@lg:full"] {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1280px) {
  [and-layout~="span@xl:1"] {
    grid-column: span 1/span 1;
  }
  [and-layout~="span@xl:2"] {
    grid-column: span 2/span 2;
  }
  [and-layout~="span@xl:3"] {
    grid-column: span 3/span 3;
  }
  [and-layout~="span@xl:4"] {
    grid-column: span 4/span 4;
  }
  [and-layout~="span@xl:5"] {
    grid-column: span 5/span 5;
  }
  [and-layout~="span@xl:6"] {
    grid-column: span 6/span 6;
  }
  [and-layout~="span@xl:7"] {
    grid-column: span 7/span 7;
  }
  [and-layout~="span@xl:8"] {
    grid-column: span 8/span 8;
  }
  [and-layout~="span@xl:9"] {
    grid-column: span 9/span 9;
  }
  [and-layout~="span@xl:10"] {
    grid-column: span 10/span 10;
  }
  [and-layout~="span@xl:11"] {
    grid-column: span 11/span 11;
  }
  [and-layout~="span@xl:12"] {
    grid-column: span 12/span 12;
  }
  [and-layout~="span@xl:full"] {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1536px) {
  [and-layout~="span@2xl:1"] {
    grid-column: span 1/span 1;
  }
  [and-layout~="span@2xl:2"] {
    grid-column: span 2/span 2;
  }
  [and-layout~="span@2xl:3"] {
    grid-column: span 3/span 3;
  }
  [and-layout~="span@2xl:4"] {
    grid-column: span 4/span 4;
  }
  [and-layout~="span@2xl:5"] {
    grid-column: span 5/span 5;
  }
  [and-layout~="span@2xl:6"] {
    grid-column: span 6/span 6;
  }
  [and-layout~="span@2xl:7"] {
    grid-column: span 7/span 7;
  }
  [and-layout~="span@2xl:8"] {
    grid-column: span 8/span 8;
  }
  [and-layout~="span@2xl:9"] {
    grid-column: span 9/span 9;
  }
  [and-layout~="span@2xl:10"] {
    grid-column: span 10/span 10;
  }
  [and-layout~="span@2xl:11"] {
    grid-column: span 11/span 11;
  }
  [and-layout~="span@2xl:12"] {
    grid-column: span 12/span 12;
  }
  [and-layout~="span@2xl:full"] {
    grid-column: 1 / -1;
  }
}
[and-layout~="col-start:1"] {
  grid-column-start: 1;
}

[and-layout~="col-start:2"] {
  grid-column-start: 2;
}

[and-layout~="col-start:3"] {
  grid-column-start: 3;
}

[and-layout~="col-start:4"] {
  grid-column-start: 4;
}

[and-layout~="col-start:5"] {
  grid-column-start: 5;
}

[and-layout~="col-start:6"] {
  grid-column-start: 6;
}

[and-layout~="col-start:7"] {
  grid-column-start: 7;
}

[and-layout~="col-start:8"] {
  grid-column-start: 8;
}

[and-layout~="col-start:9"] {
  grid-column-start: 9;
}

[and-layout~="col-start:10"] {
  grid-column-start: 10;
}

[and-layout~="col-start:11"] {
  grid-column-start: 11;
}

[and-layout~="col-start:12"] {
  grid-column-start: 12;
}

[and-layout~="col-start:13"] {
  grid-column-start: 13;
}

[and-layout~="col-start:auto"] {
  grid-column-start: auto;
}

@media (min-width: 640px) {
  [and-layout~="col-start@sm:1"] {
    grid-column-start: 1;
  }
  [and-layout~="col-start@sm:2"] {
    grid-column-start: 2;
  }
  [and-layout~="col-start@sm:3"] {
    grid-column-start: 3;
  }
  [and-layout~="col-start@sm:4"] {
    grid-column-start: 4;
  }
  [and-layout~="col-start@sm:5"] {
    grid-column-start: 5;
  }
  [and-layout~="col-start@sm:6"] {
    grid-column-start: 6;
  }
  [and-layout~="col-start@sm:7"] {
    grid-column-start: 7;
  }
  [and-layout~="col-start@sm:8"] {
    grid-column-start: 8;
  }
  [and-layout~="col-start@sm:9"] {
    grid-column-start: 9;
  }
  [and-layout~="col-start@sm:10"] {
    grid-column-start: 10;
  }
  [and-layout~="col-start@sm:11"] {
    grid-column-start: 11;
  }
  [and-layout~="col-start@sm:12"] {
    grid-column-start: 12;
  }
  [and-layout~="col-start@sm:13"] {
    grid-column-start: 13;
  }
  [and-layout~="col-start@sm:auto"] {
    grid-column-start: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="col-start@md:1"] {
    grid-column-start: 1;
  }
  [and-layout~="col-start@md:2"] {
    grid-column-start: 2;
  }
  [and-layout~="col-start@md:3"] {
    grid-column-start: 3;
  }
  [and-layout~="col-start@md:4"] {
    grid-column-start: 4;
  }
  [and-layout~="col-start@md:5"] {
    grid-column-start: 5;
  }
  [and-layout~="col-start@md:6"] {
    grid-column-start: 6;
  }
  [and-layout~="col-start@md:7"] {
    grid-column-start: 7;
  }
  [and-layout~="col-start@md:8"] {
    grid-column-start: 8;
  }
  [and-layout~="col-start@md:9"] {
    grid-column-start: 9;
  }
  [and-layout~="col-start@md:10"] {
    grid-column-start: 10;
  }
  [and-layout~="col-start@md:11"] {
    grid-column-start: 11;
  }
  [and-layout~="col-start@md:12"] {
    grid-column-start: 12;
  }
  [and-layout~="col-start@md:13"] {
    grid-column-start: 13;
  }
  [and-layout~="col-start@md:auto"] {
    grid-column-start: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="col-start@lg:1"] {
    grid-column-start: 1;
  }
  [and-layout~="col-start@lg:2"] {
    grid-column-start: 2;
  }
  [and-layout~="col-start@lg:3"] {
    grid-column-start: 3;
  }
  [and-layout~="col-start@lg:4"] {
    grid-column-start: 4;
  }
  [and-layout~="col-start@lg:5"] {
    grid-column-start: 5;
  }
  [and-layout~="col-start@lg:6"] {
    grid-column-start: 6;
  }
  [and-layout~="col-start@lg:7"] {
    grid-column-start: 7;
  }
  [and-layout~="col-start@lg:8"] {
    grid-column-start: 8;
  }
  [and-layout~="col-start@lg:9"] {
    grid-column-start: 9;
  }
  [and-layout~="col-start@lg:10"] {
    grid-column-start: 10;
  }
  [and-layout~="col-start@lg:11"] {
    grid-column-start: 11;
  }
  [and-layout~="col-start@lg:12"] {
    grid-column-start: 12;
  }
  [and-layout~="col-start@lg:13"] {
    grid-column-start: 13;
  }
  [and-layout~="col-start@lg:auto"] {
    grid-column-start: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="col-start@xl:1"] {
    grid-column-start: 1;
  }
  [and-layout~="col-start@xl:2"] {
    grid-column-start: 2;
  }
  [and-layout~="col-start@xl:3"] {
    grid-column-start: 3;
  }
  [and-layout~="col-start@xl:4"] {
    grid-column-start: 4;
  }
  [and-layout~="col-start@xl:5"] {
    grid-column-start: 5;
  }
  [and-layout~="col-start@xl:6"] {
    grid-column-start: 6;
  }
  [and-layout~="col-start@xl:7"] {
    grid-column-start: 7;
  }
  [and-layout~="col-start@xl:8"] {
    grid-column-start: 8;
  }
  [and-layout~="col-start@xl:9"] {
    grid-column-start: 9;
  }
  [and-layout~="col-start@xl:10"] {
    grid-column-start: 10;
  }
  [and-layout~="col-start@xl:11"] {
    grid-column-start: 11;
  }
  [and-layout~="col-start@xl:12"] {
    grid-column-start: 12;
  }
  [and-layout~="col-start@xl:13"] {
    grid-column-start: 13;
  }
  [and-layout~="col-start@xl:auto"] {
    grid-column-start: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="col-start@2xl:1"] {
    grid-column-start: 1;
  }
  [and-layout~="col-start@2xl:2"] {
    grid-column-start: 2;
  }
  [and-layout~="col-start@2xl:3"] {
    grid-column-start: 3;
  }
  [and-layout~="col-start@2xl:4"] {
    grid-column-start: 4;
  }
  [and-layout~="col-start@2xl:5"] {
    grid-column-start: 5;
  }
  [and-layout~="col-start@2xl:6"] {
    grid-column-start: 6;
  }
  [and-layout~="col-start@2xl:7"] {
    grid-column-start: 7;
  }
  [and-layout~="col-start@2xl:8"] {
    grid-column-start: 8;
  }
  [and-layout~="col-start@2xl:9"] {
    grid-column-start: 9;
  }
  [and-layout~="col-start@2xl:10"] {
    grid-column-start: 10;
  }
  [and-layout~="col-start@2xl:11"] {
    grid-column-start: 11;
  }
  [and-layout~="col-start@2xl:12"] {
    grid-column-start: 12;
  }
  [and-layout~="col-start@2xl:13"] {
    grid-column-start: 13;
  }
  [and-layout~="col-start@2xl:auto"] {
    grid-column-start: auto;
  }
}
[and-layout~="col-end:1"] {
  grid-column-end: 1;
}

[and-layout~="col-end:2"] {
  grid-column-end: 2;
}

[and-layout~="col-end:3"] {
  grid-column-end: 3;
}

[and-layout~="col-end:4"] {
  grid-column-end: 4;
}

[and-layout~="col-end:5"] {
  grid-column-end: 5;
}

[and-layout~="col-end:6"] {
  grid-column-end: 6;
}

[and-layout~="col-end:7"] {
  grid-column-end: 7;
}

[and-layout~="col-end:8"] {
  grid-column-end: 8;
}

[and-layout~="col-end:9"] {
  grid-column-end: 9;
}

[and-layout~="col-end:10"] {
  grid-column-end: 10;
}

[and-layout~="col-end:11"] {
  grid-column-end: 11;
}

[and-layout~="col-end:12"] {
  grid-column-end: 12;
}

[and-layout~="col-end:13"] {
  grid-column-end: 13;
}

[and-layout~="col-end:auto"] {
  grid-column-end: auto;
}

@media (min-width: 640px) {
  [and-layout~="col-end@sm:1"] {
    grid-column-end: 1;
  }
  [and-layout~="col-end@sm:2"] {
    grid-column-end: 2;
  }
  [and-layout~="col-end@sm:3"] {
    grid-column-end: 3;
  }
  [and-layout~="col-end@sm:4"] {
    grid-column-end: 4;
  }
  [and-layout~="col-end@sm:5"] {
    grid-column-end: 5;
  }
  [and-layout~="col-end@sm:6"] {
    grid-column-end: 6;
  }
  [and-layout~="col-end@sm:7"] {
    grid-column-end: 7;
  }
  [and-layout~="col-end@sm:8"] {
    grid-column-end: 8;
  }
  [and-layout~="col-end@sm:9"] {
    grid-column-end: 9;
  }
  [and-layout~="col-end@sm:10"] {
    grid-column-end: 10;
  }
  [and-layout~="col-end@sm:11"] {
    grid-column-end: 11;
  }
  [and-layout~="col-end@sm:12"] {
    grid-column-end: 12;
  }
  [and-layout~="col-end@sm:13"] {
    grid-column-end: 13;
  }
  [and-layout~="col-end@sm:auto"] {
    grid-column-end: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="col-end@md:1"] {
    grid-column-end: 1;
  }
  [and-layout~="col-end@md:2"] {
    grid-column-end: 2;
  }
  [and-layout~="col-end@md:3"] {
    grid-column-end: 3;
  }
  [and-layout~="col-end@md:4"] {
    grid-column-end: 4;
  }
  [and-layout~="col-end@md:5"] {
    grid-column-end: 5;
  }
  [and-layout~="col-end@md:6"] {
    grid-column-end: 6;
  }
  [and-layout~="col-end@md:7"] {
    grid-column-end: 7;
  }
  [and-layout~="col-end@md:8"] {
    grid-column-end: 8;
  }
  [and-layout~="col-end@md:9"] {
    grid-column-end: 9;
  }
  [and-layout~="col-end@md:10"] {
    grid-column-end: 10;
  }
  [and-layout~="col-end@md:11"] {
    grid-column-end: 11;
  }
  [and-layout~="col-end@md:12"] {
    grid-column-end: 12;
  }
  [and-layout~="col-end@md:13"] {
    grid-column-end: 13;
  }
  [and-layout~="col-end@md:auto"] {
    grid-column-end: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="col-end@lg:1"] {
    grid-column-end: 1;
  }
  [and-layout~="col-end@lg:2"] {
    grid-column-end: 2;
  }
  [and-layout~="col-end@lg:3"] {
    grid-column-end: 3;
  }
  [and-layout~="col-end@lg:4"] {
    grid-column-end: 4;
  }
  [and-layout~="col-end@lg:5"] {
    grid-column-end: 5;
  }
  [and-layout~="col-end@lg:6"] {
    grid-column-end: 6;
  }
  [and-layout~="col-end@lg:7"] {
    grid-column-end: 7;
  }
  [and-layout~="col-end@lg:8"] {
    grid-column-end: 8;
  }
  [and-layout~="col-end@lg:9"] {
    grid-column-end: 9;
  }
  [and-layout~="col-end@lg:10"] {
    grid-column-end: 10;
  }
  [and-layout~="col-end@lg:11"] {
    grid-column-end: 11;
  }
  [and-layout~="col-end@lg:12"] {
    grid-column-end: 12;
  }
  [and-layout~="col-end@lg:13"] {
    grid-column-end: 13;
  }
  [and-layout~="col-end@lg:auto"] {
    grid-column-end: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="col-end@xl:1"] {
    grid-column-end: 1;
  }
  [and-layout~="col-end@xl:2"] {
    grid-column-end: 2;
  }
  [and-layout~="col-end@xl:3"] {
    grid-column-end: 3;
  }
  [and-layout~="col-end@xl:4"] {
    grid-column-end: 4;
  }
  [and-layout~="col-end@xl:5"] {
    grid-column-end: 5;
  }
  [and-layout~="col-end@xl:6"] {
    grid-column-end: 6;
  }
  [and-layout~="col-end@xl:7"] {
    grid-column-end: 7;
  }
  [and-layout~="col-end@xl:8"] {
    grid-column-end: 8;
  }
  [and-layout~="col-end@xl:9"] {
    grid-column-end: 9;
  }
  [and-layout~="col-end@xl:10"] {
    grid-column-end: 10;
  }
  [and-layout~="col-end@xl:11"] {
    grid-column-end: 11;
  }
  [and-layout~="col-end@xl:12"] {
    grid-column-end: 12;
  }
  [and-layout~="col-end@xl:13"] {
    grid-column-end: 13;
  }
  [and-layout~="col-end@xl:auto"] {
    grid-column-end: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="col-end@2xl:1"] {
    grid-column-end: 1;
  }
  [and-layout~="col-end@2xl:2"] {
    grid-column-end: 2;
  }
  [and-layout~="col-end@2xl:3"] {
    grid-column-end: 3;
  }
  [and-layout~="col-end@2xl:4"] {
    grid-column-end: 4;
  }
  [and-layout~="col-end@2xl:5"] {
    grid-column-end: 5;
  }
  [and-layout~="col-end@2xl:6"] {
    grid-column-end: 6;
  }
  [and-layout~="col-end@2xl:7"] {
    grid-column-end: 7;
  }
  [and-layout~="col-end@2xl:8"] {
    grid-column-end: 8;
  }
  [and-layout~="col-end@2xl:9"] {
    grid-column-end: 9;
  }
  [and-layout~="col-end@2xl:10"] {
    grid-column-end: 10;
  }
  [and-layout~="col-end@2xl:11"] {
    grid-column-end: 11;
  }
  [and-layout~="col-end@2xl:12"] {
    grid-column-end: 12;
  }
  [and-layout~="col-end@2xl:13"] {
    grid-column-end: 13;
  }
  [and-layout~="col-end@2xl:auto"] {
    grid-column-end: auto;
  }
}
[and-layout~="p:none"] {
  padding: 0;
}

[and-layout~="p:xxxs"] {
  padding: 0.125rem;
}

[and-layout~="p:xxs"] {
  padding: 0.25rem;
}

[and-layout~="p:xs"] {
  padding: 0.5rem;
}

[and-layout~="p:sm"] {
  padding: 0.75rem;
}

[and-layout~="p:md"] {
  padding: 1rem;
}

[and-layout~="p:lg"] {
  padding: 1.5rem;
}

[and-layout~="p:xl"] {
  padding: 2rem;
}

[and-layout~="p:xxl"] {
  padding: 3rem;
}

[and-layout~="p:xxxl"] {
  padding: 4rem;
}

[and-layout~="p:auto"] {
  padding: auto;
}

@media (min-width: 640px) {
  [and-layout~="p@sm:none"] {
    padding: 0;
  }
  [and-layout~="p@sm:xxxs"] {
    padding: 0.125rem;
  }
  [and-layout~="p@sm:xxs"] {
    padding: 0.25rem;
  }
  [and-layout~="p@sm:xs"] {
    padding: 0.5rem;
  }
  [and-layout~="p@sm:sm"] {
    padding: 0.75rem;
  }
  [and-layout~="p@sm:md"] {
    padding: 1rem;
  }
  [and-layout~="p@sm:lg"] {
    padding: 1.5rem;
  }
  [and-layout~="p@sm:xl"] {
    padding: 2rem;
  }
  [and-layout~="p@sm:xxl"] {
    padding: 3rem;
  }
  [and-layout~="p@sm:xxxl"] {
    padding: 4rem;
  }
  [and-layout~="p@sm:auto"] {
    padding: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p@md:none"] {
    padding: 0;
  }
  [and-layout~="p@md:xxxs"] {
    padding: 0.125rem;
  }
  [and-layout~="p@md:xxs"] {
    padding: 0.25rem;
  }
  [and-layout~="p@md:xs"] {
    padding: 0.5rem;
  }
  [and-layout~="p@md:sm"] {
    padding: 0.75rem;
  }
  [and-layout~="p@md:md"] {
    padding: 1rem;
  }
  [and-layout~="p@md:lg"] {
    padding: 1.5rem;
  }
  [and-layout~="p@md:xl"] {
    padding: 2rem;
  }
  [and-layout~="p@md:xxl"] {
    padding: 3rem;
  }
  [and-layout~="p@md:xxxl"] {
    padding: 4rem;
  }
  [and-layout~="p@md:auto"] {
    padding: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p@lg:none"] {
    padding: 0;
  }
  [and-layout~="p@lg:xxxs"] {
    padding: 0.125rem;
  }
  [and-layout~="p@lg:xxs"] {
    padding: 0.25rem;
  }
  [and-layout~="p@lg:xs"] {
    padding: 0.5rem;
  }
  [and-layout~="p@lg:sm"] {
    padding: 0.75rem;
  }
  [and-layout~="p@lg:md"] {
    padding: 1rem;
  }
  [and-layout~="p@lg:lg"] {
    padding: 1.5rem;
  }
  [and-layout~="p@lg:xl"] {
    padding: 2rem;
  }
  [and-layout~="p@lg:xxl"] {
    padding: 3rem;
  }
  [and-layout~="p@lg:xxxl"] {
    padding: 4rem;
  }
  [and-layout~="p@lg:auto"] {
    padding: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p@xl:none"] {
    padding: 0;
  }
  [and-layout~="p@xl:xxxs"] {
    padding: 0.125rem;
  }
  [and-layout~="p@xl:xxs"] {
    padding: 0.25rem;
  }
  [and-layout~="p@xl:xs"] {
    padding: 0.5rem;
  }
  [and-layout~="p@xl:sm"] {
    padding: 0.75rem;
  }
  [and-layout~="p@xl:md"] {
    padding: 1rem;
  }
  [and-layout~="p@xl:lg"] {
    padding: 1.5rem;
  }
  [and-layout~="p@xl:xl"] {
    padding: 2rem;
  }
  [and-layout~="p@xl:xxl"] {
    padding: 3rem;
  }
  [and-layout~="p@xl:xxxl"] {
    padding: 4rem;
  }
  [and-layout~="p@xl:auto"] {
    padding: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p@2xl:none"] {
    padding: 0;
  }
  [and-layout~="p@2xl:xxxs"] {
    padding: 0.125rem;
  }
  [and-layout~="p@2xl:xxs"] {
    padding: 0.25rem;
  }
  [and-layout~="p@2xl:xs"] {
    padding: 0.5rem;
  }
  [and-layout~="p@2xl:sm"] {
    padding: 0.75rem;
  }
  [and-layout~="p@2xl:md"] {
    padding: 1rem;
  }
  [and-layout~="p@2xl:lg"] {
    padding: 1.5rem;
  }
  [and-layout~="p@2xl:xl"] {
    padding: 2rem;
  }
  [and-layout~="p@2xl:xxl"] {
    padding: 3rem;
  }
  [and-layout~="p@2xl:xxxl"] {
    padding: 4rem;
  }
  [and-layout~="p@2xl:auto"] {
    padding: auto;
  }
}
[and-layout~="p-t:none"] {
  padding-top: 0;
}

[and-layout~="p-t:xxxs"] {
  padding-top: 0.125rem;
}

[and-layout~="p-t:xxs"] {
  padding-top: 0.25rem;
}

[and-layout~="p-t:xs"] {
  padding-top: 0.5rem;
}

[and-layout~="p-t:sm"] {
  padding-top: 0.75rem;
}

[and-layout~="p-t:md"] {
  padding-top: 1rem;
}

[and-layout~="p-t:lg"] {
  padding-top: 1.5rem;
}

[and-layout~="p-t:xl"] {
  padding-top: 2rem;
}

[and-layout~="p-t:xxl"] {
  padding-top: 3rem;
}

[and-layout~="p-t:xxxl"] {
  padding-top: 4rem;
}

[and-layout~="p-t:auto"] {
  padding-top: auto;
}

@media (min-width: 640px) {
  [and-layout~="p-t@sm:none"] {
    padding-top: 0;
  }
  [and-layout~="p-t@sm:xxxs"] {
    padding-top: 0.125rem;
  }
  [and-layout~="p-t@sm:xxs"] {
    padding-top: 0.25rem;
  }
  [and-layout~="p-t@sm:xs"] {
    padding-top: 0.5rem;
  }
  [and-layout~="p-t@sm:sm"] {
    padding-top: 0.75rem;
  }
  [and-layout~="p-t@sm:md"] {
    padding-top: 1rem;
  }
  [and-layout~="p-t@sm:lg"] {
    padding-top: 1.5rem;
  }
  [and-layout~="p-t@sm:xl"] {
    padding-top: 2rem;
  }
  [and-layout~="p-t@sm:xxl"] {
    padding-top: 3rem;
  }
  [and-layout~="p-t@sm:xxxl"] {
    padding-top: 4rem;
  }
  [and-layout~="p-t@sm:auto"] {
    padding-top: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p-t@md:none"] {
    padding-top: 0;
  }
  [and-layout~="p-t@md:xxxs"] {
    padding-top: 0.125rem;
  }
  [and-layout~="p-t@md:xxs"] {
    padding-top: 0.25rem;
  }
  [and-layout~="p-t@md:xs"] {
    padding-top: 0.5rem;
  }
  [and-layout~="p-t@md:sm"] {
    padding-top: 0.75rem;
  }
  [and-layout~="p-t@md:md"] {
    padding-top: 1rem;
  }
  [and-layout~="p-t@md:lg"] {
    padding-top: 1.5rem;
  }
  [and-layout~="p-t@md:xl"] {
    padding-top: 2rem;
  }
  [and-layout~="p-t@md:xxl"] {
    padding-top: 3rem;
  }
  [and-layout~="p-t@md:xxxl"] {
    padding-top: 4rem;
  }
  [and-layout~="p-t@md:auto"] {
    padding-top: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p-t@lg:none"] {
    padding-top: 0;
  }
  [and-layout~="p-t@lg:xxxs"] {
    padding-top: 0.125rem;
  }
  [and-layout~="p-t@lg:xxs"] {
    padding-top: 0.25rem;
  }
  [and-layout~="p-t@lg:xs"] {
    padding-top: 0.5rem;
  }
  [and-layout~="p-t@lg:sm"] {
    padding-top: 0.75rem;
  }
  [and-layout~="p-t@lg:md"] {
    padding-top: 1rem;
  }
  [and-layout~="p-t@lg:lg"] {
    padding-top: 1.5rem;
  }
  [and-layout~="p-t@lg:xl"] {
    padding-top: 2rem;
  }
  [and-layout~="p-t@lg:xxl"] {
    padding-top: 3rem;
  }
  [and-layout~="p-t@lg:xxxl"] {
    padding-top: 4rem;
  }
  [and-layout~="p-t@lg:auto"] {
    padding-top: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p-t@xl:none"] {
    padding-top: 0;
  }
  [and-layout~="p-t@xl:xxxs"] {
    padding-top: 0.125rem;
  }
  [and-layout~="p-t@xl:xxs"] {
    padding-top: 0.25rem;
  }
  [and-layout~="p-t@xl:xs"] {
    padding-top: 0.5rem;
  }
  [and-layout~="p-t@xl:sm"] {
    padding-top: 0.75rem;
  }
  [and-layout~="p-t@xl:md"] {
    padding-top: 1rem;
  }
  [and-layout~="p-t@xl:lg"] {
    padding-top: 1.5rem;
  }
  [and-layout~="p-t@xl:xl"] {
    padding-top: 2rem;
  }
  [and-layout~="p-t@xl:xxl"] {
    padding-top: 3rem;
  }
  [and-layout~="p-t@xl:xxxl"] {
    padding-top: 4rem;
  }
  [and-layout~="p-t@xl:auto"] {
    padding-top: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p-t@2xl:none"] {
    padding-top: 0;
  }
  [and-layout~="p-t@2xl:xxxs"] {
    padding-top: 0.125rem;
  }
  [and-layout~="p-t@2xl:xxs"] {
    padding-top: 0.25rem;
  }
  [and-layout~="p-t@2xl:xs"] {
    padding-top: 0.5rem;
  }
  [and-layout~="p-t@2xl:sm"] {
    padding-top: 0.75rem;
  }
  [and-layout~="p-t@2xl:md"] {
    padding-top: 1rem;
  }
  [and-layout~="p-t@2xl:lg"] {
    padding-top: 1.5rem;
  }
  [and-layout~="p-t@2xl:xl"] {
    padding-top: 2rem;
  }
  [and-layout~="p-t@2xl:xxl"] {
    padding-top: 3rem;
  }
  [and-layout~="p-t@2xl:xxxl"] {
    padding-top: 4rem;
  }
  [and-layout~="p-t@2xl:auto"] {
    padding-top: auto;
  }
}
[and-layout~="p-b:none"] {
  padding-bottom: 0;
}

[and-layout~="p-b:xxxs"] {
  padding-bottom: 0.125rem;
}

[and-layout~="p-b:xxs"] {
  padding-bottom: 0.25rem;
}

[and-layout~="p-b:xs"] {
  padding-bottom: 0.5rem;
}

[and-layout~="p-b:sm"] {
  padding-bottom: 0.75rem;
}

[and-layout~="p-b:md"] {
  padding-bottom: 1rem;
}

[and-layout~="p-b:lg"] {
  padding-bottom: 1.5rem;
}

[and-layout~="p-b:xl"] {
  padding-bottom: 2rem;
}

[and-layout~="p-b:xxl"] {
  padding-bottom: 3rem;
}

[and-layout~="p-b:xxxl"] {
  padding-bottom: 4rem;
}

[and-layout~="p-b:auto"] {
  padding-bottom: auto;
}

@media (min-width: 640px) {
  [and-layout~="p-b@sm:none"] {
    padding-bottom: 0;
  }
  [and-layout~="p-b@sm:xxxs"] {
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-b@sm:xxs"] {
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-b@sm:xs"] {
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-b@sm:sm"] {
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-b@sm:md"] {
    padding-bottom: 1rem;
  }
  [and-layout~="p-b@sm:lg"] {
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-b@sm:xl"] {
    padding-bottom: 2rem;
  }
  [and-layout~="p-b@sm:xxl"] {
    padding-bottom: 3rem;
  }
  [and-layout~="p-b@sm:xxxl"] {
    padding-bottom: 4rem;
  }
  [and-layout~="p-b@sm:auto"] {
    padding-bottom: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p-b@md:none"] {
    padding-bottom: 0;
  }
  [and-layout~="p-b@md:xxxs"] {
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-b@md:xxs"] {
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-b@md:xs"] {
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-b@md:sm"] {
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-b@md:md"] {
    padding-bottom: 1rem;
  }
  [and-layout~="p-b@md:lg"] {
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-b@md:xl"] {
    padding-bottom: 2rem;
  }
  [and-layout~="p-b@md:xxl"] {
    padding-bottom: 3rem;
  }
  [and-layout~="p-b@md:xxxl"] {
    padding-bottom: 4rem;
  }
  [and-layout~="p-b@md:auto"] {
    padding-bottom: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p-b@lg:none"] {
    padding-bottom: 0;
  }
  [and-layout~="p-b@lg:xxxs"] {
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-b@lg:xxs"] {
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-b@lg:xs"] {
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-b@lg:sm"] {
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-b@lg:md"] {
    padding-bottom: 1rem;
  }
  [and-layout~="p-b@lg:lg"] {
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-b@lg:xl"] {
    padding-bottom: 2rem;
  }
  [and-layout~="p-b@lg:xxl"] {
    padding-bottom: 3rem;
  }
  [and-layout~="p-b@lg:xxxl"] {
    padding-bottom: 4rem;
  }
  [and-layout~="p-b@lg:auto"] {
    padding-bottom: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p-b@xl:none"] {
    padding-bottom: 0;
  }
  [and-layout~="p-b@xl:xxxs"] {
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-b@xl:xxs"] {
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-b@xl:xs"] {
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-b@xl:sm"] {
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-b@xl:md"] {
    padding-bottom: 1rem;
  }
  [and-layout~="p-b@xl:lg"] {
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-b@xl:xl"] {
    padding-bottom: 2rem;
  }
  [and-layout~="p-b@xl:xxl"] {
    padding-bottom: 3rem;
  }
  [and-layout~="p-b@xl:xxxl"] {
    padding-bottom: 4rem;
  }
  [and-layout~="p-b@xl:auto"] {
    padding-bottom: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p-b@2xl:none"] {
    padding-bottom: 0;
  }
  [and-layout~="p-b@2xl:xxxs"] {
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-b@2xl:xxs"] {
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-b@2xl:xs"] {
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-b@2xl:sm"] {
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-b@2xl:md"] {
    padding-bottom: 1rem;
  }
  [and-layout~="p-b@2xl:lg"] {
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-b@2xl:xl"] {
    padding-bottom: 2rem;
  }
  [and-layout~="p-b@2xl:xxl"] {
    padding-bottom: 3rem;
  }
  [and-layout~="p-b@2xl:xxxl"] {
    padding-bottom: 4rem;
  }
  [and-layout~="p-b@2xl:auto"] {
    padding-bottom: auto;
  }
}
[and-layout~="p-l:none"] {
  padding-left: 0;
}

[and-layout~="p-l:xxxs"] {
  padding-left: 0.125rem;
}

[and-layout~="p-l:xxs"] {
  padding-left: 0.25rem;
}

[and-layout~="p-l:xs"] {
  padding-left: 0.5rem;
}

[and-layout~="p-l:sm"] {
  padding-left: 0.75rem;
}

[and-layout~="p-l:md"] {
  padding-left: 1rem;
}

[and-layout~="p-l:lg"] {
  padding-left: 1.5rem;
}

[and-layout~="p-l:xl"] {
  padding-left: 2rem;
}

[and-layout~="p-l:xxl"] {
  padding-left: 3rem;
}

[and-layout~="p-l:xxxl"] {
  padding-left: 4rem;
}

[and-layout~="p-l:auto"] {
  padding-left: auto;
}

@media (min-width: 640px) {
  [and-layout~="p-l@sm:none"] {
    padding-left: 0;
  }
  [and-layout~="p-l@sm:xxxs"] {
    padding-left: 0.125rem;
  }
  [and-layout~="p-l@sm:xxs"] {
    padding-left: 0.25rem;
  }
  [and-layout~="p-l@sm:xs"] {
    padding-left: 0.5rem;
  }
  [and-layout~="p-l@sm:sm"] {
    padding-left: 0.75rem;
  }
  [and-layout~="p-l@sm:md"] {
    padding-left: 1rem;
  }
  [and-layout~="p-l@sm:lg"] {
    padding-left: 1.5rem;
  }
  [and-layout~="p-l@sm:xl"] {
    padding-left: 2rem;
  }
  [and-layout~="p-l@sm:xxl"] {
    padding-left: 3rem;
  }
  [and-layout~="p-l@sm:xxxl"] {
    padding-left: 4rem;
  }
  [and-layout~="p-l@sm:auto"] {
    padding-left: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p-l@md:none"] {
    padding-left: 0;
  }
  [and-layout~="p-l@md:xxxs"] {
    padding-left: 0.125rem;
  }
  [and-layout~="p-l@md:xxs"] {
    padding-left: 0.25rem;
  }
  [and-layout~="p-l@md:xs"] {
    padding-left: 0.5rem;
  }
  [and-layout~="p-l@md:sm"] {
    padding-left: 0.75rem;
  }
  [and-layout~="p-l@md:md"] {
    padding-left: 1rem;
  }
  [and-layout~="p-l@md:lg"] {
    padding-left: 1.5rem;
  }
  [and-layout~="p-l@md:xl"] {
    padding-left: 2rem;
  }
  [and-layout~="p-l@md:xxl"] {
    padding-left: 3rem;
  }
  [and-layout~="p-l@md:xxxl"] {
    padding-left: 4rem;
  }
  [and-layout~="p-l@md:auto"] {
    padding-left: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p-l@lg:none"] {
    padding-left: 0;
  }
  [and-layout~="p-l@lg:xxxs"] {
    padding-left: 0.125rem;
  }
  [and-layout~="p-l@lg:xxs"] {
    padding-left: 0.25rem;
  }
  [and-layout~="p-l@lg:xs"] {
    padding-left: 0.5rem;
  }
  [and-layout~="p-l@lg:sm"] {
    padding-left: 0.75rem;
  }
  [and-layout~="p-l@lg:md"] {
    padding-left: 1rem;
  }
  [and-layout~="p-l@lg:lg"] {
    padding-left: 1.5rem;
  }
  [and-layout~="p-l@lg:xl"] {
    padding-left: 2rem;
  }
  [and-layout~="p-l@lg:xxl"] {
    padding-left: 3rem;
  }
  [and-layout~="p-l@lg:xxxl"] {
    padding-left: 4rem;
  }
  [and-layout~="p-l@lg:auto"] {
    padding-left: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p-l@xl:none"] {
    padding-left: 0;
  }
  [and-layout~="p-l@xl:xxxs"] {
    padding-left: 0.125rem;
  }
  [and-layout~="p-l@xl:xxs"] {
    padding-left: 0.25rem;
  }
  [and-layout~="p-l@xl:xs"] {
    padding-left: 0.5rem;
  }
  [and-layout~="p-l@xl:sm"] {
    padding-left: 0.75rem;
  }
  [and-layout~="p-l@xl:md"] {
    padding-left: 1rem;
  }
  [and-layout~="p-l@xl:lg"] {
    padding-left: 1.5rem;
  }
  [and-layout~="p-l@xl:xl"] {
    padding-left: 2rem;
  }
  [and-layout~="p-l@xl:xxl"] {
    padding-left: 3rem;
  }
  [and-layout~="p-l@xl:xxxl"] {
    padding-left: 4rem;
  }
  [and-layout~="p-l@xl:auto"] {
    padding-left: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p-l@2xl:none"] {
    padding-left: 0;
  }
  [and-layout~="p-l@2xl:xxxs"] {
    padding-left: 0.125rem;
  }
  [and-layout~="p-l@2xl:xxs"] {
    padding-left: 0.25rem;
  }
  [and-layout~="p-l@2xl:xs"] {
    padding-left: 0.5rem;
  }
  [and-layout~="p-l@2xl:sm"] {
    padding-left: 0.75rem;
  }
  [and-layout~="p-l@2xl:md"] {
    padding-left: 1rem;
  }
  [and-layout~="p-l@2xl:lg"] {
    padding-left: 1.5rem;
  }
  [and-layout~="p-l@2xl:xl"] {
    padding-left: 2rem;
  }
  [and-layout~="p-l@2xl:xxl"] {
    padding-left: 3rem;
  }
  [and-layout~="p-l@2xl:xxxl"] {
    padding-left: 4rem;
  }
  [and-layout~="p-l@2xl:auto"] {
    padding-left: auto;
  }
}
[and-layout~="p-r:none"] {
  padding-right: 0;
}

[and-layout~="p-r:xxxs"] {
  padding-right: 0.125rem;
}

[and-layout~="p-r:xxs"] {
  padding-right: 0.25rem;
}

[and-layout~="p-r:xs"] {
  padding-right: 0.5rem;
}

[and-layout~="p-r:sm"] {
  padding-right: 0.75rem;
}

[and-layout~="p-r:md"] {
  padding-right: 1rem;
}

[and-layout~="p-r:lg"] {
  padding-right: 1.5rem;
}

[and-layout~="p-r:xl"] {
  padding-right: 2rem;
}

[and-layout~="p-r:xxl"] {
  padding-right: 3rem;
}

[and-layout~="p-r:xxxl"] {
  padding-right: 4rem;
}

[and-layout~="p-r:auto"] {
  padding-right: auto;
}

@media (min-width: 640px) {
  [and-layout~="p-r@sm:none"] {
    padding-right: 0;
  }
  [and-layout~="p-r@sm:xxxs"] {
    padding-right: 0.125rem;
  }
  [and-layout~="p-r@sm:xxs"] {
    padding-right: 0.25rem;
  }
  [and-layout~="p-r@sm:xs"] {
    padding-right: 0.5rem;
  }
  [and-layout~="p-r@sm:sm"] {
    padding-right: 0.75rem;
  }
  [and-layout~="p-r@sm:md"] {
    padding-right: 1rem;
  }
  [and-layout~="p-r@sm:lg"] {
    padding-right: 1.5rem;
  }
  [and-layout~="p-r@sm:xl"] {
    padding-right: 2rem;
  }
  [and-layout~="p-r@sm:xxl"] {
    padding-right: 3rem;
  }
  [and-layout~="p-r@sm:xxxl"] {
    padding-right: 4rem;
  }
  [and-layout~="p-r@sm:auto"] {
    padding-right: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p-r@md:none"] {
    padding-right: 0;
  }
  [and-layout~="p-r@md:xxxs"] {
    padding-right: 0.125rem;
  }
  [and-layout~="p-r@md:xxs"] {
    padding-right: 0.25rem;
  }
  [and-layout~="p-r@md:xs"] {
    padding-right: 0.5rem;
  }
  [and-layout~="p-r@md:sm"] {
    padding-right: 0.75rem;
  }
  [and-layout~="p-r@md:md"] {
    padding-right: 1rem;
  }
  [and-layout~="p-r@md:lg"] {
    padding-right: 1.5rem;
  }
  [and-layout~="p-r@md:xl"] {
    padding-right: 2rem;
  }
  [and-layout~="p-r@md:xxl"] {
    padding-right: 3rem;
  }
  [and-layout~="p-r@md:xxxl"] {
    padding-right: 4rem;
  }
  [and-layout~="p-r@md:auto"] {
    padding-right: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p-r@lg:none"] {
    padding-right: 0;
  }
  [and-layout~="p-r@lg:xxxs"] {
    padding-right: 0.125rem;
  }
  [and-layout~="p-r@lg:xxs"] {
    padding-right: 0.25rem;
  }
  [and-layout~="p-r@lg:xs"] {
    padding-right: 0.5rem;
  }
  [and-layout~="p-r@lg:sm"] {
    padding-right: 0.75rem;
  }
  [and-layout~="p-r@lg:md"] {
    padding-right: 1rem;
  }
  [and-layout~="p-r@lg:lg"] {
    padding-right: 1.5rem;
  }
  [and-layout~="p-r@lg:xl"] {
    padding-right: 2rem;
  }
  [and-layout~="p-r@lg:xxl"] {
    padding-right: 3rem;
  }
  [and-layout~="p-r@lg:xxxl"] {
    padding-right: 4rem;
  }
  [and-layout~="p-r@lg:auto"] {
    padding-right: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p-r@xl:none"] {
    padding-right: 0;
  }
  [and-layout~="p-r@xl:xxxs"] {
    padding-right: 0.125rem;
  }
  [and-layout~="p-r@xl:xxs"] {
    padding-right: 0.25rem;
  }
  [and-layout~="p-r@xl:xs"] {
    padding-right: 0.5rem;
  }
  [and-layout~="p-r@xl:sm"] {
    padding-right: 0.75rem;
  }
  [and-layout~="p-r@xl:md"] {
    padding-right: 1rem;
  }
  [and-layout~="p-r@xl:lg"] {
    padding-right: 1.5rem;
  }
  [and-layout~="p-r@xl:xl"] {
    padding-right: 2rem;
  }
  [and-layout~="p-r@xl:xxl"] {
    padding-right: 3rem;
  }
  [and-layout~="p-r@xl:xxxl"] {
    padding-right: 4rem;
  }
  [and-layout~="p-r@xl:auto"] {
    padding-right: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p-r@2xl:none"] {
    padding-right: 0;
  }
  [and-layout~="p-r@2xl:xxxs"] {
    padding-right: 0.125rem;
  }
  [and-layout~="p-r@2xl:xxs"] {
    padding-right: 0.25rem;
  }
  [and-layout~="p-r@2xl:xs"] {
    padding-right: 0.5rem;
  }
  [and-layout~="p-r@2xl:sm"] {
    padding-right: 0.75rem;
  }
  [and-layout~="p-r@2xl:md"] {
    padding-right: 1rem;
  }
  [and-layout~="p-r@2xl:lg"] {
    padding-right: 1.5rem;
  }
  [and-layout~="p-r@2xl:xl"] {
    padding-right: 2rem;
  }
  [and-layout~="p-r@2xl:xxl"] {
    padding-right: 3rem;
  }
  [and-layout~="p-r@2xl:xxxl"] {
    padding-right: 4rem;
  }
  [and-layout~="p-r@2xl:auto"] {
    padding-right: auto;
  }
}
[and-layout~="p-x:none"] {
  padding-left: 0;
  padding-right: 0;
}

[and-layout~="p-y:none"] {
  padding-top: 0;
  padding-bottom: 0;
}

[and-layout~="p-x:xxxs"] {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

[and-layout~="p-y:xxxs"] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

[and-layout~="p-x:xxs"] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

[and-layout~="p-y:xxs"] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[and-layout~="p-x:xs"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[and-layout~="p-y:xs"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[and-layout~="p-x:sm"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

[and-layout~="p-y:sm"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[and-layout~="p-x:md"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

[and-layout~="p-y:md"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[and-layout~="p-x:lg"] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[and-layout~="p-y:lg"] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

[and-layout~="p-x:xl"] {
  padding-left: 2rem;
  padding-right: 2rem;
}

[and-layout~="p-y:xl"] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[and-layout~="p-x:xxl"] {
  padding-left: 3rem;
  padding-right: 3rem;
}

[and-layout~="p-y:xxl"] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

[and-layout~="p-x:xxxl"] {
  padding-left: 4rem;
  padding-right: 4rem;
}

[and-layout~="p-y:xxxl"] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

[and-layout~="p-x:auto"] {
  padding-left: auto;
  padding-right: auto;
}

[and-layout~="p-y:auto"] {
  padding-top: auto;
  padding-bottom: auto;
}

@media (min-width: 640px) {
  [and-layout~="p-x@sm:none"] {
    padding-left: 0;
    padding-right: 0;
  }
  [and-layout~="p-y@sm:none"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  [and-layout~="p-x@sm:xxxs"] {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  [and-layout~="p-y@sm:xxxs"] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-x@sm:xxs"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  [and-layout~="p-y@sm:xxs"] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-x@sm:xs"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  [and-layout~="p-y@sm:xs"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-x@sm:sm"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  [and-layout~="p-y@sm:sm"] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-x@sm:md"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  [and-layout~="p-y@sm:md"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  [and-layout~="p-x@sm:lg"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  [and-layout~="p-y@sm:lg"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-x@sm:xl"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  [and-layout~="p-y@sm:xl"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  [and-layout~="p-x@sm:xxl"] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  [and-layout~="p-y@sm:xxl"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  [and-layout~="p-x@sm:xxxl"] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  [and-layout~="p-y@sm:xxxl"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  [and-layout~="p-x@sm:auto"] {
    padding-left: auto;
    padding-right: auto;
  }
  [and-layout~="p-y@sm:auto"] {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="p-x@md:none"] {
    padding-left: 0;
    padding-right: 0;
  }
  [and-layout~="p-y@md:none"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  [and-layout~="p-x@md:xxxs"] {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  [and-layout~="p-y@md:xxxs"] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-x@md:xxs"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  [and-layout~="p-y@md:xxs"] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-x@md:xs"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  [and-layout~="p-y@md:xs"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-x@md:sm"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  [and-layout~="p-y@md:sm"] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-x@md:md"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  [and-layout~="p-y@md:md"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  [and-layout~="p-x@md:lg"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  [and-layout~="p-y@md:lg"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-x@md:xl"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  [and-layout~="p-y@md:xl"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  [and-layout~="p-x@md:xxl"] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  [and-layout~="p-y@md:xxl"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  [and-layout~="p-x@md:xxxl"] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  [and-layout~="p-y@md:xxxl"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  [and-layout~="p-x@md:auto"] {
    padding-left: auto;
    padding-right: auto;
  }
  [and-layout~="p-y@md:auto"] {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="p-x@lg:none"] {
    padding-left: 0;
    padding-right: 0;
  }
  [and-layout~="p-y@lg:none"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  [and-layout~="p-x@lg:xxxs"] {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  [and-layout~="p-y@lg:xxxs"] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-x@lg:xxs"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  [and-layout~="p-y@lg:xxs"] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-x@lg:xs"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  [and-layout~="p-y@lg:xs"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-x@lg:sm"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  [and-layout~="p-y@lg:sm"] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-x@lg:md"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  [and-layout~="p-y@lg:md"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  [and-layout~="p-x@lg:lg"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  [and-layout~="p-y@lg:lg"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-x@lg:xl"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  [and-layout~="p-y@lg:xl"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  [and-layout~="p-x@lg:xxl"] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  [and-layout~="p-y@lg:xxl"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  [and-layout~="p-x@lg:xxxl"] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  [and-layout~="p-y@lg:xxxl"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  [and-layout~="p-x@lg:auto"] {
    padding-left: auto;
    padding-right: auto;
  }
  [and-layout~="p-y@lg:auto"] {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="p-x@xl:none"] {
    padding-left: 0;
    padding-right: 0;
  }
  [and-layout~="p-y@xl:none"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  [and-layout~="p-x@xl:xxxs"] {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  [and-layout~="p-y@xl:xxxs"] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-x@xl:xxs"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  [and-layout~="p-y@xl:xxs"] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-x@xl:xs"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  [and-layout~="p-y@xl:xs"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-x@xl:sm"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  [and-layout~="p-y@xl:sm"] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-x@xl:md"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  [and-layout~="p-y@xl:md"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  [and-layout~="p-x@xl:lg"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  [and-layout~="p-y@xl:lg"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-x@xl:xl"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  [and-layout~="p-y@xl:xl"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  [and-layout~="p-x@xl:xxl"] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  [and-layout~="p-y@xl:xxl"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  [and-layout~="p-x@xl:xxxl"] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  [and-layout~="p-y@xl:xxxl"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  [and-layout~="p-x@xl:auto"] {
    padding-left: auto;
    padding-right: auto;
  }
  [and-layout~="p-y@xl:auto"] {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="p-x@2xl:none"] {
    padding-left: 0;
    padding-right: 0;
  }
  [and-layout~="p-y@2xl:none"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  [and-layout~="p-x@2xl:xxxs"] {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  [and-layout~="p-y@2xl:xxxs"] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  [and-layout~="p-x@2xl:xxs"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  [and-layout~="p-y@2xl:xxs"] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  [and-layout~="p-x@2xl:xs"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  [and-layout~="p-y@2xl:xs"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  [and-layout~="p-x@2xl:sm"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  [and-layout~="p-y@2xl:sm"] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  [and-layout~="p-x@2xl:md"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  [and-layout~="p-y@2xl:md"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  [and-layout~="p-x@2xl:lg"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  [and-layout~="p-y@2xl:lg"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  [and-layout~="p-x@2xl:xl"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  [and-layout~="p-y@2xl:xl"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  [and-layout~="p-x@2xl:xxl"] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  [and-layout~="p-y@2xl:xxl"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  [and-layout~="p-x@2xl:xxxl"] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  [and-layout~="p-y@2xl:xxxl"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  [and-layout~="p-x@2xl:auto"] {
    padding-left: auto;
    padding-right: auto;
  }
  [and-layout~="p-y@2xl:auto"] {
    padding-top: auto;
    padding-bottom: auto;
  }
}
[and-layout~="m:none"] {
  margin: 0;
}

[and-layout~="m:xxxs"] {
  margin: 0.125rem;
}

[and-layout~="m:xxs"] {
  margin: 0.25rem;
}

[and-layout~="m:xs"] {
  margin: 0.5rem;
}

[and-layout~="m:sm"] {
  margin: 0.75rem;
}

[and-layout~="m:md"] {
  margin: 1rem;
}

[and-layout~="m:lg"] {
  margin: 1.5rem;
}

[and-layout~="m:xl"] {
  margin: 2rem;
}

[and-layout~="m:xxl"] {
  margin: 3rem;
}

[and-layout~="m:xxxl"] {
  margin: 4rem;
}

[and-layout~="m:auto"] {
  margin: auto;
}

@media (min-width: 640px) {
  [and-layout~="m@sm:none"] {
    margin: 0;
  }
  [and-layout~="m@sm:xxxs"] {
    margin: 0.125rem;
  }
  [and-layout~="m@sm:xxs"] {
    margin: 0.25rem;
  }
  [and-layout~="m@sm:xs"] {
    margin: 0.5rem;
  }
  [and-layout~="m@sm:sm"] {
    margin: 0.75rem;
  }
  [and-layout~="m@sm:md"] {
    margin: 1rem;
  }
  [and-layout~="m@sm:lg"] {
    margin: 1.5rem;
  }
  [and-layout~="m@sm:xl"] {
    margin: 2rem;
  }
  [and-layout~="m@sm:xxl"] {
    margin: 3rem;
  }
  [and-layout~="m@sm:xxxl"] {
    margin: 4rem;
  }
  [and-layout~="m@sm:auto"] {
    margin: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m@md:none"] {
    margin: 0;
  }
  [and-layout~="m@md:xxxs"] {
    margin: 0.125rem;
  }
  [and-layout~="m@md:xxs"] {
    margin: 0.25rem;
  }
  [and-layout~="m@md:xs"] {
    margin: 0.5rem;
  }
  [and-layout~="m@md:sm"] {
    margin: 0.75rem;
  }
  [and-layout~="m@md:md"] {
    margin: 1rem;
  }
  [and-layout~="m@md:lg"] {
    margin: 1.5rem;
  }
  [and-layout~="m@md:xl"] {
    margin: 2rem;
  }
  [and-layout~="m@md:xxl"] {
    margin: 3rem;
  }
  [and-layout~="m@md:xxxl"] {
    margin: 4rem;
  }
  [and-layout~="m@md:auto"] {
    margin: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m@lg:none"] {
    margin: 0;
  }
  [and-layout~="m@lg:xxxs"] {
    margin: 0.125rem;
  }
  [and-layout~="m@lg:xxs"] {
    margin: 0.25rem;
  }
  [and-layout~="m@lg:xs"] {
    margin: 0.5rem;
  }
  [and-layout~="m@lg:sm"] {
    margin: 0.75rem;
  }
  [and-layout~="m@lg:md"] {
    margin: 1rem;
  }
  [and-layout~="m@lg:lg"] {
    margin: 1.5rem;
  }
  [and-layout~="m@lg:xl"] {
    margin: 2rem;
  }
  [and-layout~="m@lg:xxl"] {
    margin: 3rem;
  }
  [and-layout~="m@lg:xxxl"] {
    margin: 4rem;
  }
  [and-layout~="m@lg:auto"] {
    margin: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m@xl:none"] {
    margin: 0;
  }
  [and-layout~="m@xl:xxxs"] {
    margin: 0.125rem;
  }
  [and-layout~="m@xl:xxs"] {
    margin: 0.25rem;
  }
  [and-layout~="m@xl:xs"] {
    margin: 0.5rem;
  }
  [and-layout~="m@xl:sm"] {
    margin: 0.75rem;
  }
  [and-layout~="m@xl:md"] {
    margin: 1rem;
  }
  [and-layout~="m@xl:lg"] {
    margin: 1.5rem;
  }
  [and-layout~="m@xl:xl"] {
    margin: 2rem;
  }
  [and-layout~="m@xl:xxl"] {
    margin: 3rem;
  }
  [and-layout~="m@xl:xxxl"] {
    margin: 4rem;
  }
  [and-layout~="m@xl:auto"] {
    margin: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m@2xl:none"] {
    margin: 0;
  }
  [and-layout~="m@2xl:xxxs"] {
    margin: 0.125rem;
  }
  [and-layout~="m@2xl:xxs"] {
    margin: 0.25rem;
  }
  [and-layout~="m@2xl:xs"] {
    margin: 0.5rem;
  }
  [and-layout~="m@2xl:sm"] {
    margin: 0.75rem;
  }
  [and-layout~="m@2xl:md"] {
    margin: 1rem;
  }
  [and-layout~="m@2xl:lg"] {
    margin: 1.5rem;
  }
  [and-layout~="m@2xl:xl"] {
    margin: 2rem;
  }
  [and-layout~="m@2xl:xxl"] {
    margin: 3rem;
  }
  [and-layout~="m@2xl:xxxl"] {
    margin: 4rem;
  }
  [and-layout~="m@2xl:auto"] {
    margin: auto;
  }
}
[and-layout~="m-t:none"] {
  margin-top: 0;
}

[and-layout~="m-t:xxxs"] {
  margin-top: 0.125rem;
}

[and-layout~="m-t:xxs"] {
  margin-top: 0.25rem;
}

[and-layout~="m-t:xs"] {
  margin-top: 0.5rem;
}

[and-layout~="m-t:sm"] {
  margin-top: 0.75rem;
}

[and-layout~="m-t:md"] {
  margin-top: 1rem;
}

[and-layout~="m-t:lg"] {
  margin-top: 1.5rem;
}

[and-layout~="m-t:xl"] {
  margin-top: 2rem;
}

[and-layout~="m-t:xxl"] {
  margin-top: 3rem;
}

[and-layout~="m-t:xxxl"] {
  margin-top: 4rem;
}

[and-layout~="m-t:auto"] {
  margin-top: auto;
}

@media (min-width: 640px) {
  [and-layout~="m-t@sm:none"] {
    margin-top: 0;
  }
  [and-layout~="m-t@sm:xxxs"] {
    margin-top: 0.125rem;
  }
  [and-layout~="m-t@sm:xxs"] {
    margin-top: 0.25rem;
  }
  [and-layout~="m-t@sm:xs"] {
    margin-top: 0.5rem;
  }
  [and-layout~="m-t@sm:sm"] {
    margin-top: 0.75rem;
  }
  [and-layout~="m-t@sm:md"] {
    margin-top: 1rem;
  }
  [and-layout~="m-t@sm:lg"] {
    margin-top: 1.5rem;
  }
  [and-layout~="m-t@sm:xl"] {
    margin-top: 2rem;
  }
  [and-layout~="m-t@sm:xxl"] {
    margin-top: 3rem;
  }
  [and-layout~="m-t@sm:xxxl"] {
    margin-top: 4rem;
  }
  [and-layout~="m-t@sm:auto"] {
    margin-top: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m-t@md:none"] {
    margin-top: 0;
  }
  [and-layout~="m-t@md:xxxs"] {
    margin-top: 0.125rem;
  }
  [and-layout~="m-t@md:xxs"] {
    margin-top: 0.25rem;
  }
  [and-layout~="m-t@md:xs"] {
    margin-top: 0.5rem;
  }
  [and-layout~="m-t@md:sm"] {
    margin-top: 0.75rem;
  }
  [and-layout~="m-t@md:md"] {
    margin-top: 1rem;
  }
  [and-layout~="m-t@md:lg"] {
    margin-top: 1.5rem;
  }
  [and-layout~="m-t@md:xl"] {
    margin-top: 2rem;
  }
  [and-layout~="m-t@md:xxl"] {
    margin-top: 3rem;
  }
  [and-layout~="m-t@md:xxxl"] {
    margin-top: 4rem;
  }
  [and-layout~="m-t@md:auto"] {
    margin-top: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m-t@lg:none"] {
    margin-top: 0;
  }
  [and-layout~="m-t@lg:xxxs"] {
    margin-top: 0.125rem;
  }
  [and-layout~="m-t@lg:xxs"] {
    margin-top: 0.25rem;
  }
  [and-layout~="m-t@lg:xs"] {
    margin-top: 0.5rem;
  }
  [and-layout~="m-t@lg:sm"] {
    margin-top: 0.75rem;
  }
  [and-layout~="m-t@lg:md"] {
    margin-top: 1rem;
  }
  [and-layout~="m-t@lg:lg"] {
    margin-top: 1.5rem;
  }
  [and-layout~="m-t@lg:xl"] {
    margin-top: 2rem;
  }
  [and-layout~="m-t@lg:xxl"] {
    margin-top: 3rem;
  }
  [and-layout~="m-t@lg:xxxl"] {
    margin-top: 4rem;
  }
  [and-layout~="m-t@lg:auto"] {
    margin-top: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m-t@xl:none"] {
    margin-top: 0;
  }
  [and-layout~="m-t@xl:xxxs"] {
    margin-top: 0.125rem;
  }
  [and-layout~="m-t@xl:xxs"] {
    margin-top: 0.25rem;
  }
  [and-layout~="m-t@xl:xs"] {
    margin-top: 0.5rem;
  }
  [and-layout~="m-t@xl:sm"] {
    margin-top: 0.75rem;
  }
  [and-layout~="m-t@xl:md"] {
    margin-top: 1rem;
  }
  [and-layout~="m-t@xl:lg"] {
    margin-top: 1.5rem;
  }
  [and-layout~="m-t@xl:xl"] {
    margin-top: 2rem;
  }
  [and-layout~="m-t@xl:xxl"] {
    margin-top: 3rem;
  }
  [and-layout~="m-t@xl:xxxl"] {
    margin-top: 4rem;
  }
  [and-layout~="m-t@xl:auto"] {
    margin-top: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m-t@2xl:none"] {
    margin-top: 0;
  }
  [and-layout~="m-t@2xl:xxxs"] {
    margin-top: 0.125rem;
  }
  [and-layout~="m-t@2xl:xxs"] {
    margin-top: 0.25rem;
  }
  [and-layout~="m-t@2xl:xs"] {
    margin-top: 0.5rem;
  }
  [and-layout~="m-t@2xl:sm"] {
    margin-top: 0.75rem;
  }
  [and-layout~="m-t@2xl:md"] {
    margin-top: 1rem;
  }
  [and-layout~="m-t@2xl:lg"] {
    margin-top: 1.5rem;
  }
  [and-layout~="m-t@2xl:xl"] {
    margin-top: 2rem;
  }
  [and-layout~="m-t@2xl:xxl"] {
    margin-top: 3rem;
  }
  [and-layout~="m-t@2xl:xxxl"] {
    margin-top: 4rem;
  }
  [and-layout~="m-t@2xl:auto"] {
    margin-top: auto;
  }
}
[and-layout~="m-b:none"] {
  margin-bottom: 0;
}

[and-layout~="m-b:xxxs"] {
  margin-bottom: 0.125rem;
}

[and-layout~="m-b:xxs"] {
  margin-bottom: 0.25rem;
}

[and-layout~="m-b:xs"] {
  margin-bottom: 0.5rem;
}

[and-layout~="m-b:sm"] {
  margin-bottom: 0.75rem;
}

[and-layout~="m-b:md"] {
  margin-bottom: 1rem;
}

[and-layout~="m-b:lg"] {
  margin-bottom: 1.5rem;
}

[and-layout~="m-b:xl"] {
  margin-bottom: 2rem;
}

[and-layout~="m-b:xxl"] {
  margin-bottom: 3rem;
}

[and-layout~="m-b:xxxl"] {
  margin-bottom: 4rem;
}

[and-layout~="m-b:auto"] {
  margin-bottom: auto;
}

@media (min-width: 640px) {
  [and-layout~="m-b@sm:none"] {
    margin-bottom: 0;
  }
  [and-layout~="m-b@sm:xxxs"] {
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-b@sm:xxs"] {
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-b@sm:xs"] {
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-b@sm:sm"] {
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-b@sm:md"] {
    margin-bottom: 1rem;
  }
  [and-layout~="m-b@sm:lg"] {
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-b@sm:xl"] {
    margin-bottom: 2rem;
  }
  [and-layout~="m-b@sm:xxl"] {
    margin-bottom: 3rem;
  }
  [and-layout~="m-b@sm:xxxl"] {
    margin-bottom: 4rem;
  }
  [and-layout~="m-b@sm:auto"] {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m-b@md:none"] {
    margin-bottom: 0;
  }
  [and-layout~="m-b@md:xxxs"] {
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-b@md:xxs"] {
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-b@md:xs"] {
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-b@md:sm"] {
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-b@md:md"] {
    margin-bottom: 1rem;
  }
  [and-layout~="m-b@md:lg"] {
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-b@md:xl"] {
    margin-bottom: 2rem;
  }
  [and-layout~="m-b@md:xxl"] {
    margin-bottom: 3rem;
  }
  [and-layout~="m-b@md:xxxl"] {
    margin-bottom: 4rem;
  }
  [and-layout~="m-b@md:auto"] {
    margin-bottom: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m-b@lg:none"] {
    margin-bottom: 0;
  }
  [and-layout~="m-b@lg:xxxs"] {
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-b@lg:xxs"] {
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-b@lg:xs"] {
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-b@lg:sm"] {
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-b@lg:md"] {
    margin-bottom: 1rem;
  }
  [and-layout~="m-b@lg:lg"] {
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-b@lg:xl"] {
    margin-bottom: 2rem;
  }
  [and-layout~="m-b@lg:xxl"] {
    margin-bottom: 3rem;
  }
  [and-layout~="m-b@lg:xxxl"] {
    margin-bottom: 4rem;
  }
  [and-layout~="m-b@lg:auto"] {
    margin-bottom: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m-b@xl:none"] {
    margin-bottom: 0;
  }
  [and-layout~="m-b@xl:xxxs"] {
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-b@xl:xxs"] {
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-b@xl:xs"] {
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-b@xl:sm"] {
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-b@xl:md"] {
    margin-bottom: 1rem;
  }
  [and-layout~="m-b@xl:lg"] {
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-b@xl:xl"] {
    margin-bottom: 2rem;
  }
  [and-layout~="m-b@xl:xxl"] {
    margin-bottom: 3rem;
  }
  [and-layout~="m-b@xl:xxxl"] {
    margin-bottom: 4rem;
  }
  [and-layout~="m-b@xl:auto"] {
    margin-bottom: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m-b@2xl:none"] {
    margin-bottom: 0;
  }
  [and-layout~="m-b@2xl:xxxs"] {
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-b@2xl:xxs"] {
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-b@2xl:xs"] {
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-b@2xl:sm"] {
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-b@2xl:md"] {
    margin-bottom: 1rem;
  }
  [and-layout~="m-b@2xl:lg"] {
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-b@2xl:xl"] {
    margin-bottom: 2rem;
  }
  [and-layout~="m-b@2xl:xxl"] {
    margin-bottom: 3rem;
  }
  [and-layout~="m-b@2xl:xxxl"] {
    margin-bottom: 4rem;
  }
  [and-layout~="m-b@2xl:auto"] {
    margin-bottom: auto;
  }
}
[and-layout~="m-l:none"] {
  margin-left: 0;
}

[and-layout~="m-l:xxxs"] {
  margin-left: 0.125rem;
}

[and-layout~="m-l:xxs"] {
  margin-left: 0.25rem;
}

[and-layout~="m-l:xs"] {
  margin-left: 0.5rem;
}

[and-layout~="m-l:sm"] {
  margin-left: 0.75rem;
}

[and-layout~="m-l:md"] {
  margin-left: 1rem;
}

[and-layout~="m-l:lg"] {
  margin-left: 1.5rem;
}

[and-layout~="m-l:xl"] {
  margin-left: 2rem;
}

[and-layout~="m-l:xxl"] {
  margin-left: 3rem;
}

[and-layout~="m-l:xxxl"] {
  margin-left: 4rem;
}

[and-layout~="m-l:auto"] {
  margin-left: auto;
}

@media (min-width: 640px) {
  [and-layout~="m-l@sm:none"] {
    margin-left: 0;
  }
  [and-layout~="m-l@sm:xxxs"] {
    margin-left: 0.125rem;
  }
  [and-layout~="m-l@sm:xxs"] {
    margin-left: 0.25rem;
  }
  [and-layout~="m-l@sm:xs"] {
    margin-left: 0.5rem;
  }
  [and-layout~="m-l@sm:sm"] {
    margin-left: 0.75rem;
  }
  [and-layout~="m-l@sm:md"] {
    margin-left: 1rem;
  }
  [and-layout~="m-l@sm:lg"] {
    margin-left: 1.5rem;
  }
  [and-layout~="m-l@sm:xl"] {
    margin-left: 2rem;
  }
  [and-layout~="m-l@sm:xxl"] {
    margin-left: 3rem;
  }
  [and-layout~="m-l@sm:xxxl"] {
    margin-left: 4rem;
  }
  [and-layout~="m-l@sm:auto"] {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m-l@md:none"] {
    margin-left: 0;
  }
  [and-layout~="m-l@md:xxxs"] {
    margin-left: 0.125rem;
  }
  [and-layout~="m-l@md:xxs"] {
    margin-left: 0.25rem;
  }
  [and-layout~="m-l@md:xs"] {
    margin-left: 0.5rem;
  }
  [and-layout~="m-l@md:sm"] {
    margin-left: 0.75rem;
  }
  [and-layout~="m-l@md:md"] {
    margin-left: 1rem;
  }
  [and-layout~="m-l@md:lg"] {
    margin-left: 1.5rem;
  }
  [and-layout~="m-l@md:xl"] {
    margin-left: 2rem;
  }
  [and-layout~="m-l@md:xxl"] {
    margin-left: 3rem;
  }
  [and-layout~="m-l@md:xxxl"] {
    margin-left: 4rem;
  }
  [and-layout~="m-l@md:auto"] {
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m-l@lg:none"] {
    margin-left: 0;
  }
  [and-layout~="m-l@lg:xxxs"] {
    margin-left: 0.125rem;
  }
  [and-layout~="m-l@lg:xxs"] {
    margin-left: 0.25rem;
  }
  [and-layout~="m-l@lg:xs"] {
    margin-left: 0.5rem;
  }
  [and-layout~="m-l@lg:sm"] {
    margin-left: 0.75rem;
  }
  [and-layout~="m-l@lg:md"] {
    margin-left: 1rem;
  }
  [and-layout~="m-l@lg:lg"] {
    margin-left: 1.5rem;
  }
  [and-layout~="m-l@lg:xl"] {
    margin-left: 2rem;
  }
  [and-layout~="m-l@lg:xxl"] {
    margin-left: 3rem;
  }
  [and-layout~="m-l@lg:xxxl"] {
    margin-left: 4rem;
  }
  [and-layout~="m-l@lg:auto"] {
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m-l@xl:none"] {
    margin-left: 0;
  }
  [and-layout~="m-l@xl:xxxs"] {
    margin-left: 0.125rem;
  }
  [and-layout~="m-l@xl:xxs"] {
    margin-left: 0.25rem;
  }
  [and-layout~="m-l@xl:xs"] {
    margin-left: 0.5rem;
  }
  [and-layout~="m-l@xl:sm"] {
    margin-left: 0.75rem;
  }
  [and-layout~="m-l@xl:md"] {
    margin-left: 1rem;
  }
  [and-layout~="m-l@xl:lg"] {
    margin-left: 1.5rem;
  }
  [and-layout~="m-l@xl:xl"] {
    margin-left: 2rem;
  }
  [and-layout~="m-l@xl:xxl"] {
    margin-left: 3rem;
  }
  [and-layout~="m-l@xl:xxxl"] {
    margin-left: 4rem;
  }
  [and-layout~="m-l@xl:auto"] {
    margin-left: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m-l@2xl:none"] {
    margin-left: 0;
  }
  [and-layout~="m-l@2xl:xxxs"] {
    margin-left: 0.125rem;
  }
  [and-layout~="m-l@2xl:xxs"] {
    margin-left: 0.25rem;
  }
  [and-layout~="m-l@2xl:xs"] {
    margin-left: 0.5rem;
  }
  [and-layout~="m-l@2xl:sm"] {
    margin-left: 0.75rem;
  }
  [and-layout~="m-l@2xl:md"] {
    margin-left: 1rem;
  }
  [and-layout~="m-l@2xl:lg"] {
    margin-left: 1.5rem;
  }
  [and-layout~="m-l@2xl:xl"] {
    margin-left: 2rem;
  }
  [and-layout~="m-l@2xl:xxl"] {
    margin-left: 3rem;
  }
  [and-layout~="m-l@2xl:xxxl"] {
    margin-left: 4rem;
  }
  [and-layout~="m-l@2xl:auto"] {
    margin-left: auto;
  }
}
[and-layout~="m-r:none"] {
  margin-right: 0;
}

[and-layout~="m-r:xxxs"] {
  margin-right: 0.125rem;
}

[and-layout~="m-r:xxs"] {
  margin-right: 0.25rem;
}

[and-layout~="m-r:xs"] {
  margin-right: 0.5rem;
}

[and-layout~="m-r:sm"] {
  margin-right: 0.75rem;
}

[and-layout~="m-r:md"] {
  margin-right: 1rem;
}

[and-layout~="m-r:lg"] {
  margin-right: 1.5rem;
}

[and-layout~="m-r:xl"] {
  margin-right: 2rem;
}

[and-layout~="m-r:xxl"] {
  margin-right: 3rem;
}

[and-layout~="m-r:xxxl"] {
  margin-right: 4rem;
}

[and-layout~="m-r:auto"] {
  margin-right: auto;
}

@media (min-width: 640px) {
  [and-layout~="m-r@sm:none"] {
    margin-right: 0;
  }
  [and-layout~="m-r@sm:xxxs"] {
    margin-right: 0.125rem;
  }
  [and-layout~="m-r@sm:xxs"] {
    margin-right: 0.25rem;
  }
  [and-layout~="m-r@sm:xs"] {
    margin-right: 0.5rem;
  }
  [and-layout~="m-r@sm:sm"] {
    margin-right: 0.75rem;
  }
  [and-layout~="m-r@sm:md"] {
    margin-right: 1rem;
  }
  [and-layout~="m-r@sm:lg"] {
    margin-right: 1.5rem;
  }
  [and-layout~="m-r@sm:xl"] {
    margin-right: 2rem;
  }
  [and-layout~="m-r@sm:xxl"] {
    margin-right: 3rem;
  }
  [and-layout~="m-r@sm:xxxl"] {
    margin-right: 4rem;
  }
  [and-layout~="m-r@sm:auto"] {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m-r@md:none"] {
    margin-right: 0;
  }
  [and-layout~="m-r@md:xxxs"] {
    margin-right: 0.125rem;
  }
  [and-layout~="m-r@md:xxs"] {
    margin-right: 0.25rem;
  }
  [and-layout~="m-r@md:xs"] {
    margin-right: 0.5rem;
  }
  [and-layout~="m-r@md:sm"] {
    margin-right: 0.75rem;
  }
  [and-layout~="m-r@md:md"] {
    margin-right: 1rem;
  }
  [and-layout~="m-r@md:lg"] {
    margin-right: 1.5rem;
  }
  [and-layout~="m-r@md:xl"] {
    margin-right: 2rem;
  }
  [and-layout~="m-r@md:xxl"] {
    margin-right: 3rem;
  }
  [and-layout~="m-r@md:xxxl"] {
    margin-right: 4rem;
  }
  [and-layout~="m-r@md:auto"] {
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m-r@lg:none"] {
    margin-right: 0;
  }
  [and-layout~="m-r@lg:xxxs"] {
    margin-right: 0.125rem;
  }
  [and-layout~="m-r@lg:xxs"] {
    margin-right: 0.25rem;
  }
  [and-layout~="m-r@lg:xs"] {
    margin-right: 0.5rem;
  }
  [and-layout~="m-r@lg:sm"] {
    margin-right: 0.75rem;
  }
  [and-layout~="m-r@lg:md"] {
    margin-right: 1rem;
  }
  [and-layout~="m-r@lg:lg"] {
    margin-right: 1.5rem;
  }
  [and-layout~="m-r@lg:xl"] {
    margin-right: 2rem;
  }
  [and-layout~="m-r@lg:xxl"] {
    margin-right: 3rem;
  }
  [and-layout~="m-r@lg:xxxl"] {
    margin-right: 4rem;
  }
  [and-layout~="m-r@lg:auto"] {
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m-r@xl:none"] {
    margin-right: 0;
  }
  [and-layout~="m-r@xl:xxxs"] {
    margin-right: 0.125rem;
  }
  [and-layout~="m-r@xl:xxs"] {
    margin-right: 0.25rem;
  }
  [and-layout~="m-r@xl:xs"] {
    margin-right: 0.5rem;
  }
  [and-layout~="m-r@xl:sm"] {
    margin-right: 0.75rem;
  }
  [and-layout~="m-r@xl:md"] {
    margin-right: 1rem;
  }
  [and-layout~="m-r@xl:lg"] {
    margin-right: 1.5rem;
  }
  [and-layout~="m-r@xl:xl"] {
    margin-right: 2rem;
  }
  [and-layout~="m-r@xl:xxl"] {
    margin-right: 3rem;
  }
  [and-layout~="m-r@xl:xxxl"] {
    margin-right: 4rem;
  }
  [and-layout~="m-r@xl:auto"] {
    margin-right: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m-r@2xl:none"] {
    margin-right: 0;
  }
  [and-layout~="m-r@2xl:xxxs"] {
    margin-right: 0.125rem;
  }
  [and-layout~="m-r@2xl:xxs"] {
    margin-right: 0.25rem;
  }
  [and-layout~="m-r@2xl:xs"] {
    margin-right: 0.5rem;
  }
  [and-layout~="m-r@2xl:sm"] {
    margin-right: 0.75rem;
  }
  [and-layout~="m-r@2xl:md"] {
    margin-right: 1rem;
  }
  [and-layout~="m-r@2xl:lg"] {
    margin-right: 1.5rem;
  }
  [and-layout~="m-r@2xl:xl"] {
    margin-right: 2rem;
  }
  [and-layout~="m-r@2xl:xxl"] {
    margin-right: 3rem;
  }
  [and-layout~="m-r@2xl:xxxl"] {
    margin-right: 4rem;
  }
  [and-layout~="m-r@2xl:auto"] {
    margin-right: auto;
  }
}
[and-layout~="m-x:none"] {
  margin-left: 0;
  margin-right: 0;
}

[and-layout~="m-y:none"] {
  margin-top: 0;
  margin-bottom: 0;
}

[and-layout~="m-x:xxxs"] {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

[and-layout~="m-y:xxxs"] {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

[and-layout~="m-x:xxs"] {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

[and-layout~="m-y:xxs"] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[and-layout~="m-x:xs"] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

[and-layout~="m-y:xs"] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[and-layout~="m-x:sm"] {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

[and-layout~="m-y:sm"] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[and-layout~="m-x:md"] {
  margin-left: 1rem;
  margin-right: 1rem;
}

[and-layout~="m-y:md"] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[and-layout~="m-x:lg"] {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

[and-layout~="m-y:lg"] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

[and-layout~="m-x:xl"] {
  margin-left: 2rem;
  margin-right: 2rem;
}

[and-layout~="m-y:xl"] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[and-layout~="m-x:xxl"] {
  margin-left: 3rem;
  margin-right: 3rem;
}

[and-layout~="m-y:xxl"] {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[and-layout~="m-x:xxxl"] {
  margin-left: 4rem;
  margin-right: 4rem;
}

[and-layout~="m-y:xxxl"] {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[and-layout~="m-x:auto"] {
  margin-left: auto;
  margin-right: auto;
}

[and-layout~="m-y:auto"] {
  margin-top: auto;
  margin-bottom: auto;
}

@media (min-width: 640px) {
  [and-layout~="m-x@sm:none"] {
    margin-left: 0;
    margin-right: 0;
  }
  [and-layout~="m-y@sm:none"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  [and-layout~="m-x@sm:xxxs"] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  [and-layout~="m-y@sm:xxxs"] {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-x@sm:xxs"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  [and-layout~="m-y@sm:xxs"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-x@sm:xs"] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  [and-layout~="m-y@sm:xs"] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-x@sm:sm"] {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  [and-layout~="m-y@sm:sm"] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-x@sm:md"] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  [and-layout~="m-y@sm:md"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  [and-layout~="m-x@sm:lg"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  [and-layout~="m-y@sm:lg"] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-x@sm:xl"] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  [and-layout~="m-y@sm:xl"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  [and-layout~="m-x@sm:xxl"] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  [and-layout~="m-y@sm:xxl"] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  [and-layout~="m-x@sm:xxxl"] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  [and-layout~="m-y@sm:xxxl"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  [and-layout~="m-x@sm:auto"] {
    margin-left: auto;
    margin-right: auto;
  }
  [and-layout~="m-y@sm:auto"] {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  [and-layout~="m-x@md:none"] {
    margin-left: 0;
    margin-right: 0;
  }
  [and-layout~="m-y@md:none"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  [and-layout~="m-x@md:xxxs"] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  [and-layout~="m-y@md:xxxs"] {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-x@md:xxs"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  [and-layout~="m-y@md:xxs"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-x@md:xs"] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  [and-layout~="m-y@md:xs"] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-x@md:sm"] {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  [and-layout~="m-y@md:sm"] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-x@md:md"] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  [and-layout~="m-y@md:md"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  [and-layout~="m-x@md:lg"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  [and-layout~="m-y@md:lg"] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-x@md:xl"] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  [and-layout~="m-y@md:xl"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  [and-layout~="m-x@md:xxl"] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  [and-layout~="m-y@md:xxl"] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  [and-layout~="m-x@md:xxxl"] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  [and-layout~="m-y@md:xxxl"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  [and-layout~="m-x@md:auto"] {
    margin-left: auto;
    margin-right: auto;
  }
  [and-layout~="m-y@md:auto"] {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1024px) {
  [and-layout~="m-x@lg:none"] {
    margin-left: 0;
    margin-right: 0;
  }
  [and-layout~="m-y@lg:none"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  [and-layout~="m-x@lg:xxxs"] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  [and-layout~="m-y@lg:xxxs"] {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-x@lg:xxs"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  [and-layout~="m-y@lg:xxs"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-x@lg:xs"] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  [and-layout~="m-y@lg:xs"] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-x@lg:sm"] {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  [and-layout~="m-y@lg:sm"] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-x@lg:md"] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  [and-layout~="m-y@lg:md"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  [and-layout~="m-x@lg:lg"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  [and-layout~="m-y@lg:lg"] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-x@lg:xl"] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  [and-layout~="m-y@lg:xl"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  [and-layout~="m-x@lg:xxl"] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  [and-layout~="m-y@lg:xxl"] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  [and-layout~="m-x@lg:xxxl"] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  [and-layout~="m-y@lg:xxxl"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  [and-layout~="m-x@lg:auto"] {
    margin-left: auto;
    margin-right: auto;
  }
  [and-layout~="m-y@lg:auto"] {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1280px) {
  [and-layout~="m-x@xl:none"] {
    margin-left: 0;
    margin-right: 0;
  }
  [and-layout~="m-y@xl:none"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  [and-layout~="m-x@xl:xxxs"] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  [and-layout~="m-y@xl:xxxs"] {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-x@xl:xxs"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  [and-layout~="m-y@xl:xxs"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-x@xl:xs"] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  [and-layout~="m-y@xl:xs"] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-x@xl:sm"] {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  [and-layout~="m-y@xl:sm"] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-x@xl:md"] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  [and-layout~="m-y@xl:md"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  [and-layout~="m-x@xl:lg"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  [and-layout~="m-y@xl:lg"] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-x@xl:xl"] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  [and-layout~="m-y@xl:xl"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  [and-layout~="m-x@xl:xxl"] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  [and-layout~="m-y@xl:xxl"] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  [and-layout~="m-x@xl:xxxl"] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  [and-layout~="m-y@xl:xxxl"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  [and-layout~="m-x@xl:auto"] {
    margin-left: auto;
    margin-right: auto;
  }
  [and-layout~="m-y@xl:auto"] {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1536px) {
  [and-layout~="m-x@2xl:none"] {
    margin-left: 0;
    margin-right: 0;
  }
  [and-layout~="m-y@2xl:none"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  [and-layout~="m-x@2xl:xxxs"] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  [and-layout~="m-y@2xl:xxxs"] {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  [and-layout~="m-x@2xl:xxs"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  [and-layout~="m-y@2xl:xxs"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  [and-layout~="m-x@2xl:xs"] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  [and-layout~="m-y@2xl:xs"] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  [and-layout~="m-x@2xl:sm"] {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  [and-layout~="m-y@2xl:sm"] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  [and-layout~="m-x@2xl:md"] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  [and-layout~="m-y@2xl:md"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  [and-layout~="m-x@2xl:lg"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  [and-layout~="m-y@2xl:lg"] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  [and-layout~="m-x@2xl:xl"] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  [and-layout~="m-y@2xl:xl"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  [and-layout~="m-x@2xl:xxl"] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  [and-layout~="m-y@2xl:xxl"] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  [and-layout~="m-x@2xl:xxxl"] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  [and-layout~="m-y@2xl:xxxl"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  [and-layout~="m-x@2xl:auto"] {
    margin-left: auto;
    margin-right: auto;
  }
  [and-layout~="m-y@2xl:auto"] {
    margin-top: auto;
    margin-bottom: auto;
  }
}
[and-text~=h1] {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.1;
}

[and-text~=h2] {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

[and-text~=h3] {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.2;
}

[and-text~=h4] {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.2;
}

[and-text~=h5] {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

[and-text~=h6] {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}

[and-text~=p] {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

[and-text~=p-sm] {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

[and-text~=p-xs] {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

[and-text~=caption] {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-muted);
}

[and-text~="align:left"] {
  text-align: left;
}

[and-text~="align:center"] {
  text-align: center;
}

[and-text~="align:right"] {
  text-align: right;
}

[and-text~="align:justify"] {
  text-align: justify;
}

@media (min-width: 640px) {
  [and-text~="align@sm:left"] {
    text-align: left;
  }
  [and-text~="align@sm:center"] {
    text-align: center;
  }
  [and-text~="align@sm:right"] {
    text-align: right;
  }
  [and-text~="align@sm:justify"] {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  [and-text~="align@md:left"] {
    text-align: left;
  }
  [and-text~="align@md:center"] {
    text-align: center;
  }
  [and-text~="align@md:right"] {
    text-align: right;
  }
  [and-text~="align@md:justify"] {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  [and-text~="align@lg:left"] {
    text-align: left;
  }
  [and-text~="align@lg:center"] {
    text-align: center;
  }
  [and-text~="align@lg:right"] {
    text-align: right;
  }
  [and-text~="align@lg:justify"] {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  [and-text~="align@xl:left"] {
    text-align: left;
  }
  [and-text~="align@xl:center"] {
    text-align: center;
  }
  [and-text~="align@xl:right"] {
    text-align: right;
  }
  [and-text~="align@xl:justify"] {
    text-align: justify;
  }
}
@media (min-width: 1536px) {
  [and-text~="align@2xl:left"] {
    text-align: left;
  }
  [and-text~="align@2xl:center"] {
    text-align: center;
  }
  [and-text~="align@2xl:right"] {
    text-align: right;
  }
  [and-text~="align@2xl:justify"] {
    text-align: justify;
  }
}
[and-text~="weight:thin"] {
  font-weight: 100;
}

[and-text~="weight:light"] {
  font-weight: 300;
}

[and-text~="weight:normal"] {
  font-weight: 400;
}

[and-text~="weight:medium"] {
  font-weight: 500;
}

[and-text~="weight:semibold"] {
  font-weight: 600;
}

[and-text~="weight:bold"] {
  font-weight: 700;
}

[and-text~="weight:extrabold"] {
  font-weight: 800;
}

[and-text~="weight:black"] {
  font-weight: 900;
}

@media (min-width: 640px) {
  [and-text~="weight@sm:thin"] {
    font-weight: 100;
  }
  [and-text~="weight@sm:light"] {
    font-weight: 300;
  }
  [and-text~="weight@sm:normal"] {
    font-weight: 400;
  }
  [and-text~="weight@sm:medium"] {
    font-weight: 500;
  }
  [and-text~="weight@sm:semibold"] {
    font-weight: 600;
  }
  [and-text~="weight@sm:bold"] {
    font-weight: 700;
  }
  [and-text~="weight@sm:extrabold"] {
    font-weight: 800;
  }
  [and-text~="weight@sm:black"] {
    font-weight: 900;
  }
}
@media (min-width: 768px) {
  [and-text~="weight@md:thin"] {
    font-weight: 100;
  }
  [and-text~="weight@md:light"] {
    font-weight: 300;
  }
  [and-text~="weight@md:normal"] {
    font-weight: 400;
  }
  [and-text~="weight@md:medium"] {
    font-weight: 500;
  }
  [and-text~="weight@md:semibold"] {
    font-weight: 600;
  }
  [and-text~="weight@md:bold"] {
    font-weight: 700;
  }
  [and-text~="weight@md:extrabold"] {
    font-weight: 800;
  }
  [and-text~="weight@md:black"] {
    font-weight: 900;
  }
}
@media (min-width: 1024px) {
  [and-text~="weight@lg:thin"] {
    font-weight: 100;
  }
  [and-text~="weight@lg:light"] {
    font-weight: 300;
  }
  [and-text~="weight@lg:normal"] {
    font-weight: 400;
  }
  [and-text~="weight@lg:medium"] {
    font-weight: 500;
  }
  [and-text~="weight@lg:semibold"] {
    font-weight: 600;
  }
  [and-text~="weight@lg:bold"] {
    font-weight: 700;
  }
  [and-text~="weight@lg:extrabold"] {
    font-weight: 800;
  }
  [and-text~="weight@lg:black"] {
    font-weight: 900;
  }
}
@media (min-width: 1280px) {
  [and-text~="weight@xl:thin"] {
    font-weight: 100;
  }
  [and-text~="weight@xl:light"] {
    font-weight: 300;
  }
  [and-text~="weight@xl:normal"] {
    font-weight: 400;
  }
  [and-text~="weight@xl:medium"] {
    font-weight: 500;
  }
  [and-text~="weight@xl:semibold"] {
    font-weight: 600;
  }
  [and-text~="weight@xl:bold"] {
    font-weight: 700;
  }
  [and-text~="weight@xl:extrabold"] {
    font-weight: 800;
  }
  [and-text~="weight@xl:black"] {
    font-weight: 900;
  }
}
@media (min-width: 1536px) {
  [and-text~="weight@2xl:thin"] {
    font-weight: 100;
  }
  [and-text~="weight@2xl:light"] {
    font-weight: 300;
  }
  [and-text~="weight@2xl:normal"] {
    font-weight: 400;
  }
  [and-text~="weight@2xl:medium"] {
    font-weight: 500;
  }
  [and-text~="weight@2xl:semibold"] {
    font-weight: 600;
  }
  [and-text~="weight@2xl:bold"] {
    font-weight: 700;
  }
  [and-text~="weight@2xl:extrabold"] {
    font-weight: 800;
  }
  [and-text~="weight@2xl:black"] {
    font-weight: 900;
  }
}
[and-text~="color:primary"] {
  color: var(--color-primary);
}

[and-text~="color:secondary"] {
  color: var(--color-secondary);
}

[and-text~="color:accent"] {
  color: var(--color-accent);
}

[and-text~="color:muted"] {
  color: var(--color-muted);
}

[and-text~="color:destructive"] {
  color: var(--color-destructive);
}

[and-text~="color:background"] {
  color: var(--color-background);
}

[and-text~="color:foreground"] {
  color: var(--color-foreground);
}

@media (min-width: 640px) {
  [and-text~="color@sm:primary"] {
    color: var(--color-primary);
  }
  [and-text~="color@sm:secondary"] {
    color: var(--color-secondary);
  }
  [and-text~="color@sm:accent"] {
    color: var(--color-accent);
  }
  [and-text~="color@sm:muted"] {
    color: var(--color-muted);
  }
  [and-text~="color@sm:destructive"] {
    color: var(--color-destructive);
  }
  [and-text~="color@sm:background"] {
    color: var(--color-background);
  }
  [and-text~="color@sm:foreground"] {
    color: var(--color-foreground);
  }
}
@media (min-width: 768px) {
  [and-text~="color@md:primary"] {
    color: var(--color-primary);
  }
  [and-text~="color@md:secondary"] {
    color: var(--color-secondary);
  }
  [and-text~="color@md:accent"] {
    color: var(--color-accent);
  }
  [and-text~="color@md:muted"] {
    color: var(--color-muted);
  }
  [and-text~="color@md:destructive"] {
    color: var(--color-destructive);
  }
  [and-text~="color@md:background"] {
    color: var(--color-background);
  }
  [and-text~="color@md:foreground"] {
    color: var(--color-foreground);
  }
}
@media (min-width: 1024px) {
  [and-text~="color@lg:primary"] {
    color: var(--color-primary);
  }
  [and-text~="color@lg:secondary"] {
    color: var(--color-secondary);
  }
  [and-text~="color@lg:accent"] {
    color: var(--color-accent);
  }
  [and-text~="color@lg:muted"] {
    color: var(--color-muted);
  }
  [and-text~="color@lg:destructive"] {
    color: var(--color-destructive);
  }
  [and-text~="color@lg:background"] {
    color: var(--color-background);
  }
  [and-text~="color@lg:foreground"] {
    color: var(--color-foreground);
  }
}
@media (min-width: 1280px) {
  [and-text~="color@xl:primary"] {
    color: var(--color-primary);
  }
  [and-text~="color@xl:secondary"] {
    color: var(--color-secondary);
  }
  [and-text~="color@xl:accent"] {
    color: var(--color-accent);
  }
  [and-text~="color@xl:muted"] {
    color: var(--color-muted);
  }
  [and-text~="color@xl:destructive"] {
    color: var(--color-destructive);
  }
  [and-text~="color@xl:background"] {
    color: var(--color-background);
  }
  [and-text~="color@xl:foreground"] {
    color: var(--color-foreground);
  }
}
@media (min-width: 1536px) {
  [and-text~="color@2xl:primary"] {
    color: var(--color-primary);
  }
  [and-text~="color@2xl:secondary"] {
    color: var(--color-secondary);
  }
  [and-text~="color@2xl:accent"] {
    color: var(--color-accent);
  }
  [and-text~="color@2xl:muted"] {
    color: var(--color-muted);
  }
  [and-text~="color@2xl:destructive"] {
    color: var(--color-destructive);
  }
  [and-text~="color@2xl:background"] {
    color: var(--color-background);
  }
  [and-text~="color@2xl:foreground"] {
    color: var(--color-foreground);
  }
}

/*# sourceMappingURL=layout.css.map */