@wizco/fenixds-core 1.0.3 → 1.0.5

package/styles/scss/helpers.scss

@@ -0,0 +1,4241 @@
+.m-none {
+  margin: var(--wco-spacing-none)
+}
+
+.m-quark {
+  margin: var(--wco-spacing-quark)
+}
+
+.m-nano {
+  margin: var(--wco-spacing-nano)
+}
+
+.m-xxxs {
+  margin: var(--wco-spacing-xxxs)
+}
+
+.m-xxs {
+  margin: var(--wco-spacing-xxs)
+}
+
+.m-xs {
+  margin: var(--wco-spacing-xs)
+}
+
+.m-sm {
+  margin: var(--wco-spacing-sm)
+}
+
+.m-md {
+  margin: var(--wco-spacing-md)
+}
+
+.m-lg {
+  margin: var(--wco-spacing-lg)
+}
+
+.m-xl {
+  margin: var(--wco-spacing-xl)
+}
+
+.m-xxl {
+  margin: var(--wco-spacing-xxl)
+}
+
+.m-xxxl {
+  margin: var(--wco-spacing-xxxl)
+}
+
+.m-huge {
+  margin: var(--wco-spacing-huge)
+}
+
+.mx-none {
+  margin-left: var(--wco-spacing-none);
+  margin-right: var(--wco-spacing-none)
+}
+
+.mx-quark {
+  margin-left: var(--wco-spacing-quark);
+  margin-right: var(--wco-spacing-quark)
+}
+
+.mx-nano {
+  margin-left: var(--wco-spacing-nano);
+  margin-right: var(--wco-spacing-nano)
+}
+
+.mx-xxxs {
+  margin-left: var(--wco-spacing-xxxs);
+  margin-right: var(--wco-spacing-xxxs)
+}
+
+.mx-xxs {
+  margin-left: var(--wco-spacing-xxs);
+  margin-right: var(--wco-spacing-xxs)
+}
+
+.mx-xs {
+  margin-left: var(--wco-spacing-xs);
+  margin-right: var(--wco-spacing-xs)
+}
+
+.mx-sm {
+  margin-left: var(--wco-spacing-sm);
+  margin-right: var(--wco-spacing-sm)
+}
+
+.mx-md {
+  margin-left: var(--wco-spacing-md);
+  margin-right: var(--wco-spacing-md)
+}
+
+.mx-lg {
+  margin-left: var(--wco-spacing-lg);
+  margin-right: var(--wco-spacing-lg)
+}
+
+.mx-xl {
+  margin-left: var(--wco-spacing-xl);
+  margin-right: var(--wco-spacing-xl)
+}
+
+.mx-xxl {
+  margin-left: var(--wco-spacing-xxl);
+  margin-right: var(--wco-spacing-xxl)
+}
+
+.mx-xxxl {
+  margin-left: var(--wco-spacing-xxxl);
+  margin-right: var(--wco-spacing-xxxl)
+}
+
+.mx-huge {
+  margin-left: var(--wco-spacing-huge);
+  margin-right: var(--wco-spacing-huge)
+}
+
+.my-none {
+  margin-top: var(--wco-spacing-none);
+  margin-bottom: var(--wco-spacing-none)
+}
+
+.my-quark {
+  margin-top: var(--wco-spacing-quark);
+  margin-bottom: var(--wco-spacing-quark)
+}
+
+.my-nano {
+  margin-top: var(--wco-spacing-nano);
+  margin-bottom: var(--wco-spacing-nano)
+}
+
+.my-xxxs {
+  margin-top: var(--wco-spacing-xxxs);
+  margin-bottom: var(--wco-spacing-xxxs)
+}
+
+.my-xxs {
+  margin-top: var(--wco-spacing-xxs);
+  margin-bottom: var(--wco-spacing-xxs)
+}
+
+.my-xs {
+  margin-top: var(--wco-spacing-xs);
+  margin-bottom: var(--wco-spacing-xs)
+}
+
+.my-sm {
+  margin-top: var(--wco-spacing-sm);
+  margin-bottom: var(--wco-spacing-sm)
+}
+
+.my-md {
+  margin-top: var(--wco-spacing-md);
+  margin-bottom: var(--wco-spacing-md)
+}
+
+.my-lg {
+  margin-top: var(--wco-spacing-lg);
+  margin-bottom: var(--wco-spacing-lg)
+}
+
+.my-xl {
+  margin-top: var(--wco-spacing-xl);
+  margin-bottom: var(--wco-spacing-xl)
+}
+
+.my-xxl {
+  margin-top: var(--wco-spacing-xxl);
+  margin-bottom: var(--wco-spacing-xxl)
+}
+
+.my-xxxl {
+  margin-top: var(--wco-spacing-xxxl);
+  margin-bottom: var(--wco-spacing-xxxl)
+}
+
+.my-huge {
+  margin-top: var(--wco-spacing-huge);
+  margin-bottom: var(--wco-spacing-huge)
+}
+
+.mt-none {
+  margin-top: var(--wco-spacing-none)
+}
+
+.mt-quark {
+  margin-top: var(--wco-spacing-quark)
+}
+
+.mt-nano {
+  margin-top: var(--wco-spacing-nano)
+}
+
+.mt-xxxs {
+  margin-top: var(--wco-spacing-xxxs)
+}
+
+.mt-xxs {
+  margin-top: var(--wco-spacing-xxs)
+}
+
+.mt-xs {
+  margin-top: var(--wco-spacing-xs)
+}
+
+.mt-sm {
+  margin-top: var(--wco-spacing-sm)
+}
+
+.mt-md {
+  margin-top: var(--wco-spacing-md)
+}
+
+.mt-lg {
+  margin-top: var(--wco-spacing-lg)
+}
+
+.mt-xl {
+  margin-top: var(--wco-spacing-xl)
+}
+
+.mt-xxl {
+  margin-top: var(--wco-spacing-xxl)
+}
+
+.mt-xxxl {
+  margin-top: var(--wco-spacing-xxxl)
+}
+
+.mt-huge {
+  margin-top: var(--wco-spacing-huge)
+}
+
+.mr-none {
+  margin-right: var(--wco-spacing-none)
+}
+
+.mr-quark {
+  margin-right: var(--wco-spacing-quark)
+}
+
+.mr-nano {
+  margin-right: var(--wco-spacing-nano)
+}
+
+.mr-xxxs {
+  margin-right: var(--wco-spacing-xxxs)
+}
+
+.mr-xxs {
+  margin-right: var(--wco-spacing-xxs)
+}
+
+.mr-xs {
+  margin-right: var(--wco-spacing-xs)
+}
+
+.mr-sm {
+  margin-right: var(--wco-spacing-sm)
+}
+
+.mr-md {
+  margin-right: var(--wco-spacing-md)
+}
+
+.mr-lg {
+  margin-right: var(--wco-spacing-lg)
+}
+
+.mr-xl {
+  margin-right: var(--wco-spacing-xl)
+}
+
+.mr-xxl {
+  margin-right: var(--wco-spacing-xxl)
+}
+
+.mr-xxxl {
+  margin-right: var(--wco-spacing-xxxl)
+}
+
+.mr-huge {
+  margin-right: var(--wco-spacing-huge)
+}
+
+.mb-none {
+  margin-bottom: var(--wco-spacing-none)
+}
+
+.mb-quark {
+  margin-bottom: var(--wco-spacing-quark)
+}
+
+.mb-nano {
+  margin-bottom: var(--wco-spacing-nano)
+}
+
+.mb-xxxs {
+  margin-bottom: var(--wco-spacing-xxxs)
+}
+
+.mb-xxs {
+  margin-bottom: var(--wco-spacing-xxs)
+}
+
+.mb-xs {
+  margin-bottom: var(--wco-spacing-xs)
+}
+
+.mb-sm {
+  margin-bottom: var(--wco-spacing-sm)
+}
+
+.mb-md {
+  margin-bottom: var(--wco-spacing-md)
+}
+
+.mb-lg {
+  margin-bottom: var(--wco-spacing-lg)
+}
+
+.mb-xl {
+  margin-bottom: var(--wco-spacing-xl)
+}
+
+.mb-xxl {
+  margin-bottom: var(--wco-spacing-xxl)
+}
+
+.mb-xxxl {
+  margin-bottom: var(--wco-spacing-xxxl)
+}
+
+.mb-huge {
+  margin-bottom: var(--wco-spacing-huge)
+}
+
+.ml-none {
+  margin-left: var(--wco-spacing-none)
+}
+
+.ml-quark {
+  margin-left: var(--wco-spacing-quark)
+}
+
+.ml-nano {
+  margin-left: var(--wco-spacing-nano)
+}
+
+.ml-xxxs {
+  margin-left: var(--wco-spacing-xxxs)
+}
+
+.ml-xxs {
+  margin-left: var(--wco-spacing-xxs)
+}
+
+.ml-xs {
+  margin-left: var(--wco-spacing-xs)
+}
+
+.ml-sm {
+  margin-left: var(--wco-spacing-sm)
+}
+
+.ml-md {
+  margin-left: var(--wco-spacing-md)
+}
+
+.ml-lg {
+  margin-left: var(--wco-spacing-lg)
+}
+
+.ml-xl {
+  margin-left: var(--wco-spacing-xl)
+}
+
+.ml-xxl {
+  margin-left: var(--wco-spacing-xxl)
+}
+
+.ml-xxxl {
+  margin-left: var(--wco-spacing-xxxl)
+}
+
+.ml-huge {
+  margin-left: var(--wco-spacing-huge)
+}
+
+.block {
+  display: block
+}
+
+.inline-block {
+  display: inline-block
+}
+
+.inline {
+  display: inline
+}
+
+.flex {
+  display: flex
+}
+
+.inline-flex {
+  display: inline-flex
+}
+
+.table {
+  display: table
+}
+
+.inline-table {
+  display: inline-table
+}
+
+.table-caption {
+  display: table-caption
+}
+
+.table-cell {
+  display: table-cell
+}
+
+.table-column {
+  display: table-column
+}
+
+.table-column-group {
+  display: table-column-group
+}
+
+.table-footer-group {
+  display: table-footer-group
+}
+
+.table-header-group {
+  display: table-header-group
+}
+
+.table-row-group {
+  display: table-row-group
+}
+
+.table-row {
+  display: table-row
+}
+
+.flow-root {
+  display: flow-root
+}
+
+.grid {
+  display: grid
+}
+
+.inline-grid {
+  display: inline-grid
+}
+
+.contents {
+  display: contents
+}
+
+.list-item {
+  display: list-item
+}
+
+.hidden {
+  display: none
+}
+
+.flex-1 {
+  flex: 1 1 0%
+}
+
+.flex-auto {
+  flex: 1 1 auto
+}
+
+.flex-initial {
+  flex: 0 1 auto
+}
+
+.flex-none {
+  flex: none
+}
+
+.flex-row {
+  flex-direction: row
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse
+}
+
+.flex-col {
+  flex-direction: column
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse
+}
+
+.flex-wrap {
+  flex-wrap: wrap
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap
+}
+
+.items-start {
+  align-items: flex-start
+}
+
+.items-end {
+  align-items: flex-end
+}
+
+.items-center {
+  align-items: center
+}
+
+.items-baseline {
+  align-items: baseline
+}
+
+.items-stretch {
+  align-items: stretch
+}
+
+.justify-start {
+  justify-content: flex-start
+}
+
+.justify-end {
+  justify-content: flex-end
+}
+
+.justify-center {
+  justify-content: center
+}
+
+.justify-between {
+  justify-content: space-between
+}
+
+.justify-around {
+  justify-content: space-around
+}
+
+.justify-evenly {
+  justify-content: space-evenly
+}
+
+.gap-none {
+  gap: var(--wco-none)
+}
+
+.gap-spacing-quark {
+  gap: var(--wco-spacing-quark)
+}
+
+.gap-spacing-nano {
+  gap: var(--wco-spacing-nano)
+}
+
+.gap-spacing-xxxs {
+  gap: var(--wco-spacing-xxxs)
+}
+
+.gap-spacing-xxs {
+  gap: var(--wco-spacing-xxs)
+}
+
+.gap-spacing-xs {
+  gap: var(--wco-spacing-xs)
+}
+
+.gap-spacing-sm {
+  gap: var(--wco-spacing-sm)
+}
+
+.gap-x-none {
+  -moz-column-gap: var(--wco-none);
+       column-gap: var(--wco-none)
+}
+
+.gap-x-spacing-quark {
+  -moz-column-gap: var(--wco-spacing-quark);
+       column-gap: var(--wco-spacing-quark)
+}
+
+.gap-x-spacing-nano {
+  -moz-column-gap: var(--wco-spacing-nano);
+       column-gap: var(--wco-spacing-nano)
+}
+
+.gap-x-spacing-xxxs {
+  -moz-column-gap: var(--wco-spacing-xxxs);
+       column-gap: var(--wco-spacing-xxxs)
+}
+
+.gap-x-spacing-xxs {
+  -moz-column-gap: var(--wco-spacing-xxs);
+       column-gap: var(--wco-spacing-xxs)
+}
+
+.gap-x-spacing-xs {
+  -moz-column-gap: var(--wco-spacing-xs);
+       column-gap: var(--wco-spacing-xs)
+}
+
+.gap-x-spacing-sm {
+  -moz-column-gap: var(--wco-spacing-sm);
+       column-gap: var(--wco-spacing-sm)
+}
+
+.gap-y-none {
+  row-gap: var(--wco-none)
+}
+
+.gap-y-spacing-quark {
+  row-gap: var(--wco-spacing-quark)
+}
+
+.gap-y-spacing-nano {
+  row-gap: var(--wco-spacing-nano)
+}
+
+.gap-y-spacing-xxxs {
+  row-gap: var(--wco-spacing-xxxs)
+}
+
+.gap-y-spacing-xxs {
+  row-gap: var(--wco-spacing-xxs)
+}
+
+.gap-y-spacing-xs {
+  row-gap: var(--wco-spacing-xs)
+}
+
+.gap-y-spacing-sm {
+  row-gap: var(--wco-spacing-sm)
+}
+
+.p-none {
+  padding: var(--wco-spacing-none)
+}
+
+.p-quark {
+  padding: var(--wco-spacing-quark)
+}
+
+.p-nano {
+  padding: var(--wco-spacing-nano)
+}
+
+.p-xxxs {
+  padding: var(--wco-spacing-xxxs)
+}
+
+.p-xxs {
+  padding: var(--wco-spacing-xxs)
+}
+
+.p-xs {
+  padding: var(--wco-spacing-xs)
+}
+
+.p-sm {
+  padding: var(--wco-spacing-sm)
+}
+
+.p-md {
+  padding: var(--wco-spacing-md)
+}
+
+.p-lg {
+  padding: var(--wco-spacing-lg)
+}
+
+.p-xl {
+  padding: var(--wco-spacing-xl)
+}
+
+.p-xxl {
+  padding: var(--wco-spacing-xxl)
+}
+
+.p-xxxl {
+  padding: var(--wco-spacing-xxxl)
+}
+
+.p-huge {
+  padding: var(--wco-spacing-huge)
+}
+
+.px-none {
+  padding-left: var(--wco-spacing-none);
+  padding-right: var(--wco-spacing-none)
+}
+
+.px-quark {
+  padding-left: var(--wco-spacing-quark);
+  padding-right: var(--wco-spacing-quark)
+}
+
+.px-nano {
+  padding-left: var(--wco-spacing-nano);
+  padding-right: var(--wco-spacing-nano)
+}
+
+.px-xxxs {
+  padding-left: var(--wco-spacing-xxxs);
+  padding-right: var(--wco-spacing-xxxs)
+}
+
+.px-xxs {
+  padding-left: var(--wco-spacing-xxs);
+  padding-right: var(--wco-spacing-xxs)
+}
+
+.px-xs {
+  padding-left: var(--wco-spacing-xs);
+  padding-right: var(--wco-spacing-xs)
+}
+
+.px-sm {
+  padding-left: var(--wco-spacing-sm);
+  padding-right: var(--wco-spacing-sm)
+}
+
+.px-md {
+  padding-left: var(--wco-spacing-md);
+  padding-right: var(--wco-spacing-md)
+}
+
+.px-lg {
+  padding-left: var(--wco-spacing-lg);
+  padding-right: var(--wco-spacing-lg)
+}
+
+.px-xl {
+  padding-left: var(--wco-spacing-xl);
+  padding-right: var(--wco-spacing-xl)
+}
+
+.px-xxl {
+  padding-left: var(--wco-spacing-xxl);
+  padding-right: var(--wco-spacing-xxl)
+}
+
+.px-xxxl {
+  padding-left: var(--wco-spacing-xxxl);
+  padding-right: var(--wco-spacing-xxxl)
+}
+
+.px-huge {
+  padding-left: var(--wco-spacing-huge);
+  padding-right: var(--wco-spacing-huge)
+}
+
+.py-none {
+  padding-top: var(--wco-spacing-none);
+  padding-bottom: var(--wco-spacing-none)
+}
+
+.py-quark {
+  padding-top: var(--wco-spacing-quark);
+  padding-bottom: var(--wco-spacing-quark)
+}
+
+.py-nano {
+  padding-top: var(--wco-spacing-nano);
+  padding-bottom: var(--wco-spacing-nano)
+}
+
+.py-xxxs {
+  padding-top: var(--wco-spacing-xxxs);
+  padding-bottom: var(--wco-spacing-xxxs)
+}
+
+.py-xxs {
+  padding-top: var(--wco-spacing-xxs);
+  padding-bottom: var(--wco-spacing-xxs)
+}
+
+.py-xs {
+  padding-top: var(--wco-spacing-xs);
+  padding-bottom: var(--wco-spacing-xs)
+}
+
+.py-sm {
+  padding-top: var(--wco-spacing-sm);
+  padding-bottom: var(--wco-spacing-sm)
+}
+
+.py-md {
+  padding-top: var(--wco-spacing-md);
+  padding-bottom: var(--wco-spacing-md)
+}
+
+.py-lg {
+  padding-top: var(--wco-spacing-lg);
+  padding-bottom: var(--wco-spacing-lg)
+}
+
+.py-xl {
+  padding-top: var(--wco-spacing-xl);
+  padding-bottom: var(--wco-spacing-xl)
+}
+
+.py-xxl {
+  padding-top: var(--wco-spacing-xxl);
+  padding-bottom: var(--wco-spacing-xxl)
+}
+
+.py-xxxl {
+  padding-top: var(--wco-spacing-xxxl);
+  padding-bottom: var(--wco-spacing-xxxl)
+}
+
+.py-huge {
+  padding-top: var(--wco-spacing-huge);
+  padding-bottom: var(--wco-spacing-huge)
+}
+
+.pt-none {
+  padding-top: var(--wco-spacing-none)
+}
+
+.pt-quark {
+  padding-top: var(--wco-spacing-quark)
+}
+
+.pt-nano {
+  padding-top: var(--wco-spacing-nano)
+}
+
+.pt-xxxs {
+  padding-top: var(--wco-spacing-xxxs)
+}
+
+.pt-xxs {
+  padding-top: var(--wco-spacing-xxs)
+}
+
+.pt-xs {
+  padding-top: var(--wco-spacing-xs)
+}
+
+.pt-sm {
+  padding-top: var(--wco-spacing-sm)
+}
+
+.pt-md {
+  padding-top: var(--wco-spacing-md)
+}
+
+.pt-lg {
+  padding-top: var(--wco-spacing-lg)
+}
+
+.pt-xl {
+  padding-top: var(--wco-spacing-xl)
+}
+
+.pt-xxl {
+  padding-top: var(--wco-spacing-xxl)
+}
+
+.pt-xxxl {
+  padding-top: var(--wco-spacing-xxxl)
+}
+
+.pt-huge {
+  padding-top: var(--wco-spacing-huge)
+}
+
+.pr-none {
+  padding-right: var(--wco-spacing-none)
+}
+
+.pr-quark {
+  padding-right: var(--wco-spacing-quark)
+}
+
+.pr-nano {
+  padding-right: var(--wco-spacing-nano)
+}
+
+.pr-xxxs {
+  padding-right: var(--wco-spacing-xxxs)
+}
+
+.pr-xxs {
+  padding-right: var(--wco-spacing-xxs)
+}
+
+.pr-xs {
+  padding-right: var(--wco-spacing-xs)
+}
+
+.pr-sm {
+  padding-right: var(--wco-spacing-sm)
+}
+
+.pr-md {
+  padding-right: var(--wco-spacing-md)
+}
+
+.pr-lg {
+  padding-right: var(--wco-spacing-lg)
+}
+
+.pr-xl {
+  padding-right: var(--wco-spacing-xl)
+}
+
+.pr-xxl {
+  padding-right: var(--wco-spacing-xxl)
+}
+
+.pr-xxxl {
+  padding-right: var(--wco-spacing-xxxl)
+}
+
+.pr-huge {
+  padding-right: var(--wco-spacing-huge)
+}
+
+.pb-none {
+  padding-bottom: var(--wco-spacing-none)
+}
+
+.pb-quark {
+  padding-bottom: var(--wco-spacing-quark)
+}
+
+.pb-nano {
+  padding-bottom: var(--wco-spacing-nano)
+}
+
+.pb-xxxs {
+  padding-bottom: var(--wco-spacing-xxxs)
+}
+
+.pb-xxs {
+  padding-bottom: var(--wco-spacing-xxs)
+}
+
+.pb-xs {
+  padding-bottom: var(--wco-spacing-xs)
+}
+
+.pb-sm {
+  padding-bottom: var(--wco-spacing-sm)
+}
+
+.pb-md {
+  padding-bottom: var(--wco-spacing-md)
+}
+
+.pb-lg {
+  padding-bottom: var(--wco-spacing-lg)
+}
+
+.pb-xl {
+  padding-bottom: var(--wco-spacing-xl)
+}
+
+.pb-xxl {
+  padding-bottom: var(--wco-spacing-xxl)
+}
+
+.pb-xxxl {
+  padding-bottom: var(--wco-spacing-xxxl)
+}
+
+.pb-huge {
+  padding-bottom: var(--wco-spacing-huge)
+}
+
+.pl-none {
+  padding-left: var(--wco-spacing-none)
+}
+
+.pl-quark {
+  padding-left: var(--wco-spacing-quark)
+}
+
+.pl-nano {
+  padding-left: var(--wco-spacing-nano)
+}
+
+.pl-xxxs {
+  padding-left: var(--wco-spacing-xxxs)
+}
+
+.pl-xxs {
+  padding-left: var(--wco-spacing-xxs)
+}
+
+.pl-xs {
+  padding-left: var(--wco-spacing-xs)
+}
+
+.pl-sm {
+  padding-left: var(--wco-spacing-sm)
+}
+
+.pl-md {
+  padding-left: var(--wco-spacing-md)
+}
+
+.pl-lg {
+  padding-left: var(--wco-spacing-lg)
+}
+
+.pl-xl {
+  padding-left: var(--wco-spacing-xl)
+}
+
+.pl-xxl {
+  padding-left: var(--wco-spacing-xxl)
+}
+
+.pl-xxxl {
+  padding-left: var(--wco-spacing-xxxl)
+}
+
+.pl-huge {
+  padding-left: var(--wco-spacing-huge)
+}
+
+.text-left {
+  text-align: left
+}
+
+.text-center {
+  text-align: center
+}
+
+.text-right {
+  text-align: right
+}
+
+.text-justify {
+  text-align: justify
+}
+
+@media (min-width: 640px) {
+  .md\:m-none {
+    margin: var(--wco-spacing-none)
+  }
+
+  .md\:m-quark {
+    margin: var(--wco-spacing-quark)
+  }
+
+  .md\:m-nano {
+    margin: var(--wco-spacing-nano)
+  }
+
+  .md\:m-xxxs {
+    margin: var(--wco-spacing-xxxs)
+  }
+
+  .md\:m-xxs {
+    margin: var(--wco-spacing-xxs)
+  }
+
+  .md\:m-xs {
+    margin: var(--wco-spacing-xs)
+  }
+
+  .md\:m-sm {
+    margin: var(--wco-spacing-sm)
+  }
+
+  .md\:m-md {
+    margin: var(--wco-spacing-md)
+  }
+
+  .md\:m-lg {
+    margin: var(--wco-spacing-lg)
+  }
+
+  .md\:m-xl {
+    margin: var(--wco-spacing-xl)
+  }
+
+  .md\:m-xxl {
+    margin: var(--wco-spacing-xxl)
+  }
+
+  .md\:m-xxxl {
+    margin: var(--wco-spacing-xxxl)
+  }
+
+  .md\:m-huge {
+    margin: var(--wco-spacing-huge)
+  }
+
+  .md\:mx-none {
+    margin-left: var(--wco-spacing-none);
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .md\:mx-quark {
+    margin-left: var(--wco-spacing-quark);
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .md\:mx-nano {
+    margin-left: var(--wco-spacing-nano);
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .md\:mx-xxxs {
+    margin-left: var(--wco-spacing-xxxs);
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .md\:mx-xxs {
+    margin-left: var(--wco-spacing-xxs);
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .md\:mx-xs {
+    margin-left: var(--wco-spacing-xs);
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .md\:mx-sm {
+    margin-left: var(--wco-spacing-sm);
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .md\:mx-md {
+    margin-left: var(--wco-spacing-md);
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .md\:mx-lg {
+    margin-left: var(--wco-spacing-lg);
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .md\:mx-xl {
+    margin-left: var(--wco-spacing-xl);
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .md\:mx-xxl {
+    margin-left: var(--wco-spacing-xxl);
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .md\:mx-xxxl {
+    margin-left: var(--wco-spacing-xxxl);
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .md\:mx-huge {
+    margin-left: var(--wco-spacing-huge);
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .md\:my-none {
+    margin-top: var(--wco-spacing-none);
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .md\:my-quark {
+    margin-top: var(--wco-spacing-quark);
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .md\:my-nano {
+    margin-top: var(--wco-spacing-nano);
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .md\:my-xxxs {
+    margin-top: var(--wco-spacing-xxxs);
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .md\:my-xxs {
+    margin-top: var(--wco-spacing-xxs);
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .md\:my-xs {
+    margin-top: var(--wco-spacing-xs);
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .md\:my-sm {
+    margin-top: var(--wco-spacing-sm);
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .md\:my-md {
+    margin-top: var(--wco-spacing-md);
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .md\:my-lg {
+    margin-top: var(--wco-spacing-lg);
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .md\:my-xl {
+    margin-top: var(--wco-spacing-xl);
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .md\:my-xxl {
+    margin-top: var(--wco-spacing-xxl);
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .md\:my-xxxl {
+    margin-top: var(--wco-spacing-xxxl);
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .md\:my-huge {
+    margin-top: var(--wco-spacing-huge);
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .md\:mt-none {
+    margin-top: var(--wco-spacing-none)
+  }
+
+  .md\:mt-quark {
+    margin-top: var(--wco-spacing-quark)
+  }
+
+  .md\:mt-nano {
+    margin-top: var(--wco-spacing-nano)
+  }
+
+  .md\:mt-xxxs {
+    margin-top: var(--wco-spacing-xxxs)
+  }
+
+  .md\:mt-xxs {
+    margin-top: var(--wco-spacing-xxs)
+  }
+
+  .md\:mt-xs {
+    margin-top: var(--wco-spacing-xs)
+  }
+
+  .md\:mt-sm {
+    margin-top: var(--wco-spacing-sm)
+  }
+
+  .md\:mt-md {
+    margin-top: var(--wco-spacing-md)
+  }
+
+  .md\:mt-lg {
+    margin-top: var(--wco-spacing-lg)
+  }
+
+  .md\:mt-xl {
+    margin-top: var(--wco-spacing-xl)
+  }
+
+  .md\:mt-xxl {
+    margin-top: var(--wco-spacing-xxl)
+  }
+
+  .md\:mt-xxxl {
+    margin-top: var(--wco-spacing-xxxl)
+  }
+
+  .md\:mt-huge {
+    margin-top: var(--wco-spacing-huge)
+  }
+
+  .md\:mr-none {
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .md\:mr-quark {
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .md\:mr-nano {
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .md\:mr-xxxs {
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .md\:mr-xxs {
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .md\:mr-xs {
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .md\:mr-sm {
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .md\:mr-md {
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .md\:mr-lg {
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .md\:mr-xl {
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .md\:mr-xxl {
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .md\:mr-xxxl {
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .md\:mr-huge {
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .md\:mb-none {
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .md\:mb-quark {
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .md\:mb-nano {
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .md\:mb-xxxs {
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .md\:mb-xxs {
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .md\:mb-xs {
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .md\:mb-sm {
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .md\:mb-md {
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .md\:mb-lg {
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .md\:mb-xl {
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .md\:mb-xxl {
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .md\:mb-xxxl {
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .md\:mb-huge {
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .md\:ml-none {
+    margin-left: var(--wco-spacing-none)
+  }
+
+  .md\:ml-quark {
+    margin-left: var(--wco-spacing-quark)
+  }
+
+  .md\:ml-nano {
+    margin-left: var(--wco-spacing-nano)
+  }
+
+  .md\:ml-xxxs {
+    margin-left: var(--wco-spacing-xxxs)
+  }
+
+  .md\:ml-xxs {
+    margin-left: var(--wco-spacing-xxs)
+  }
+
+  .md\:ml-xs {
+    margin-left: var(--wco-spacing-xs)
+  }
+
+  .md\:ml-sm {
+    margin-left: var(--wco-spacing-sm)
+  }
+
+  .md\:ml-md {
+    margin-left: var(--wco-spacing-md)
+  }
+
+  .md\:ml-lg {
+    margin-left: var(--wco-spacing-lg)
+  }
+
+  .md\:ml-xl {
+    margin-left: var(--wco-spacing-xl)
+  }
+
+  .md\:ml-xxl {
+    margin-left: var(--wco-spacing-xxl)
+  }
+
+  .md\:ml-xxxl {
+    margin-left: var(--wco-spacing-xxxl)
+  }
+
+  .md\:ml-huge {
+    margin-left: var(--wco-spacing-huge)
+  }
+
+  .md\:block {
+    display: block
+  }
+
+  .md\:inline-block {
+    display: inline-block
+  }
+
+  .md\:inline {
+    display: inline
+  }
+
+  .md\:flex {
+    display: flex
+  }
+
+  .md\:inline-flex {
+    display: inline-flex
+  }
+
+  .md\:table {
+    display: table
+  }
+
+  .md\:inline-table {
+    display: inline-table
+  }
+
+  .md\:table-caption {
+    display: table-caption
+  }
+
+  .md\:table-cell {
+    display: table-cell
+  }
+
+  .md\:table-column {
+    display: table-column
+  }
+
+  .md\:table-column-group {
+    display: table-column-group
+  }
+
+  .md\:table-footer-group {
+    display: table-footer-group
+  }
+
+  .md\:table-header-group {
+    display: table-header-group
+  }
+
+  .md\:table-row-group {
+    display: table-row-group
+  }
+
+  .md\:table-row {
+    display: table-row
+  }
+
+  .md\:flow-root {
+    display: flow-root
+  }
+
+  .md\:grid {
+    display: grid
+  }
+
+  .md\:inline-grid {
+    display: inline-grid
+  }
+
+  .md\:contents {
+    display: contents
+  }
+
+  .md\:list-item {
+    display: list-item
+  }
+
+  .md\:hidden {
+    display: none
+  }
+
+  .md\:flex-1 {
+    flex: 1 1 0%
+  }
+
+  .md\:flex-auto {
+    flex: 1 1 auto
+  }
+
+  .md\:flex-initial {
+    flex: 0 1 auto
+  }
+
+  .md\:flex-none {
+    flex: none
+  }
+
+  .md\:flex-row {
+    flex-direction: row
+  }
+
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse
+  }
+
+  .md\:flex-col {
+    flex-direction: column
+  }
+
+  .md\:flex-col-reverse {
+    flex-direction: column-reverse
+  }
+
+  .md\:flex-wrap {
+    flex-wrap: wrap
+  }
+
+  .md\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse
+  }
+
+  .md\:flex-nowrap {
+    flex-wrap: nowrap
+  }
+
+  .md\:items-start {
+    align-items: flex-start
+  }
+
+  .md\:items-end {
+    align-items: flex-end
+  }
+
+  .md\:items-center {
+    align-items: center
+  }
+
+  .md\:items-baseline {
+    align-items: baseline
+  }
+
+  .md\:items-stretch {
+    align-items: stretch
+  }
+
+  .md\:justify-start {
+    justify-content: flex-start
+  }
+
+  .md\:justify-end {
+    justify-content: flex-end
+  }
+
+  .md\:justify-center {
+    justify-content: center
+  }
+
+  .md\:justify-between {
+    justify-content: space-between
+  }
+
+  .md\:justify-around {
+    justify-content: space-around
+  }
+
+  .md\:justify-evenly {
+    justify-content: space-evenly
+  }
+
+  .md\:gap-none {
+    gap: var(--wco-none)
+  }
+
+  .md\:gap-spacing-quark {
+    gap: var(--wco-spacing-quark)
+  }
+
+  .md\:gap-spacing-nano {
+    gap: var(--wco-spacing-nano)
+  }
+
+  .md\:gap-spacing-xxxs {
+    gap: var(--wco-spacing-xxxs)
+  }
+
+  .md\:gap-spacing-xxs {
+    gap: var(--wco-spacing-xxs)
+  }
+
+  .md\:gap-spacing-xs {
+    gap: var(--wco-spacing-xs)
+  }
+
+  .md\:gap-spacing-sm {
+    gap: var(--wco-spacing-sm)
+  }
+
+  .md\:gap-x-none {
+    -moz-column-gap: var(--wco-none);
+         column-gap: var(--wco-none)
+  }
+
+  .md\:gap-x-spacing-quark {
+    -moz-column-gap: var(--wco-spacing-quark);
+         column-gap: var(--wco-spacing-quark)
+  }
+
+  .md\:gap-x-spacing-nano {
+    -moz-column-gap: var(--wco-spacing-nano);
+         column-gap: var(--wco-spacing-nano)
+  }
+
+  .md\:gap-x-spacing-xxxs {
+    -moz-column-gap: var(--wco-spacing-xxxs);
+         column-gap: var(--wco-spacing-xxxs)
+  }
+
+  .md\:gap-x-spacing-xxs {
+    -moz-column-gap: var(--wco-spacing-xxs);
+         column-gap: var(--wco-spacing-xxs)
+  }
+
+  .md\:gap-x-spacing-xs {
+    -moz-column-gap: var(--wco-spacing-xs);
+         column-gap: var(--wco-spacing-xs)
+  }
+
+  .md\:gap-x-spacing-sm {
+    -moz-column-gap: var(--wco-spacing-sm);
+         column-gap: var(--wco-spacing-sm)
+  }
+
+  .md\:gap-y-none {
+    row-gap: var(--wco-none)
+  }
+
+  .md\:gap-y-spacing-quark {
+    row-gap: var(--wco-spacing-quark)
+  }
+
+  .md\:gap-y-spacing-nano {
+    row-gap: var(--wco-spacing-nano)
+  }
+
+  .md\:gap-y-spacing-xxxs {
+    row-gap: var(--wco-spacing-xxxs)
+  }
+
+  .md\:gap-y-spacing-xxs {
+    row-gap: var(--wco-spacing-xxs)
+  }
+
+  .md\:gap-y-spacing-xs {
+    row-gap: var(--wco-spacing-xs)
+  }
+
+  .md\:gap-y-spacing-sm {
+    row-gap: var(--wco-spacing-sm)
+  }
+
+  .md\:p-none {
+    padding: var(--wco-spacing-none)
+  }
+
+  .md\:p-quark {
+    padding: var(--wco-spacing-quark)
+  }
+
+  .md\:p-nano {
+    padding: var(--wco-spacing-nano)
+  }
+
+  .md\:p-xxxs {
+    padding: var(--wco-spacing-xxxs)
+  }
+
+  .md\:p-xxs {
+    padding: var(--wco-spacing-xxs)
+  }
+
+  .md\:p-xs {
+    padding: var(--wco-spacing-xs)
+  }
+
+  .md\:p-sm {
+    padding: var(--wco-spacing-sm)
+  }
+
+  .md\:p-md {
+    padding: var(--wco-spacing-md)
+  }
+
+  .md\:p-lg {
+    padding: var(--wco-spacing-lg)
+  }
+
+  .md\:p-xl {
+    padding: var(--wco-spacing-xl)
+  }
+
+  .md\:p-xxl {
+    padding: var(--wco-spacing-xxl)
+  }
+
+  .md\:p-xxxl {
+    padding: var(--wco-spacing-xxxl)
+  }
+
+  .md\:p-huge {
+    padding: var(--wco-spacing-huge)
+  }
+
+  .md\:px-none {
+    padding-left: var(--wco-spacing-none);
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .md\:px-quark {
+    padding-left: var(--wco-spacing-quark);
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .md\:px-nano {
+    padding-left: var(--wco-spacing-nano);
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .md\:px-xxxs {
+    padding-left: var(--wco-spacing-xxxs);
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .md\:px-xxs {
+    padding-left: var(--wco-spacing-xxs);
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .md\:px-xs {
+    padding-left: var(--wco-spacing-xs);
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .md\:px-sm {
+    padding-left: var(--wco-spacing-sm);
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .md\:px-md {
+    padding-left: var(--wco-spacing-md);
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .md\:px-lg {
+    padding-left: var(--wco-spacing-lg);
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .md\:px-xl {
+    padding-left: var(--wco-spacing-xl);
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .md\:px-xxl {
+    padding-left: var(--wco-spacing-xxl);
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .md\:px-xxxl {
+    padding-left: var(--wco-spacing-xxxl);
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .md\:px-huge {
+    padding-left: var(--wco-spacing-huge);
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .md\:py-none {
+    padding-top: var(--wco-spacing-none);
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .md\:py-quark {
+    padding-top: var(--wco-spacing-quark);
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .md\:py-nano {
+    padding-top: var(--wco-spacing-nano);
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .md\:py-xxxs {
+    padding-top: var(--wco-spacing-xxxs);
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .md\:py-xxs {
+    padding-top: var(--wco-spacing-xxs);
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .md\:py-xs {
+    padding-top: var(--wco-spacing-xs);
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .md\:py-sm {
+    padding-top: var(--wco-spacing-sm);
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .md\:py-md {
+    padding-top: var(--wco-spacing-md);
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .md\:py-lg {
+    padding-top: var(--wco-spacing-lg);
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .md\:py-xl {
+    padding-top: var(--wco-spacing-xl);
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .md\:py-xxl {
+    padding-top: var(--wco-spacing-xxl);
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .md\:py-xxxl {
+    padding-top: var(--wco-spacing-xxxl);
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .md\:py-huge {
+    padding-top: var(--wco-spacing-huge);
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .md\:pt-none {
+    padding-top: var(--wco-spacing-none)
+  }
+
+  .md\:pt-quark {
+    padding-top: var(--wco-spacing-quark)
+  }
+
+  .md\:pt-nano {
+    padding-top: var(--wco-spacing-nano)
+  }
+
+  .md\:pt-xxxs {
+    padding-top: var(--wco-spacing-xxxs)
+  }
+
+  .md\:pt-xxs {
+    padding-top: var(--wco-spacing-xxs)
+  }
+
+  .md\:pt-xs {
+    padding-top: var(--wco-spacing-xs)
+  }
+
+  .md\:pt-sm {
+    padding-top: var(--wco-spacing-sm)
+  }
+
+  .md\:pt-md {
+    padding-top: var(--wco-spacing-md)
+  }
+
+  .md\:pt-lg {
+    padding-top: var(--wco-spacing-lg)
+  }
+
+  .md\:pt-xl {
+    padding-top: var(--wco-spacing-xl)
+  }
+
+  .md\:pt-xxl {
+    padding-top: var(--wco-spacing-xxl)
+  }
+
+  .md\:pt-xxxl {
+    padding-top: var(--wco-spacing-xxxl)
+  }
+
+  .md\:pt-huge {
+    padding-top: var(--wco-spacing-huge)
+  }
+
+  .md\:pr-none {
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .md\:pr-quark {
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .md\:pr-nano {
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .md\:pr-xxxs {
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .md\:pr-xxs {
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .md\:pr-xs {
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .md\:pr-sm {
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .md\:pr-md {
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .md\:pr-lg {
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .md\:pr-xl {
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .md\:pr-xxl {
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .md\:pr-xxxl {
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .md\:pr-huge {
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .md\:pb-none {
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .md\:pb-quark {
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .md\:pb-nano {
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .md\:pb-xxxs {
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .md\:pb-xxs {
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .md\:pb-xs {
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .md\:pb-sm {
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .md\:pb-md {
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .md\:pb-lg {
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .md\:pb-xl {
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .md\:pb-xxl {
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .md\:pb-xxxl {
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .md\:pb-huge {
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .md\:pl-none {
+    padding-left: var(--wco-spacing-none)
+  }
+
+  .md\:pl-quark {
+    padding-left: var(--wco-spacing-quark)
+  }
+
+  .md\:pl-nano {
+    padding-left: var(--wco-spacing-nano)
+  }
+
+  .md\:pl-xxxs {
+    padding-left: var(--wco-spacing-xxxs)
+  }
+
+  .md\:pl-xxs {
+    padding-left: var(--wco-spacing-xxs)
+  }
+
+  .md\:pl-xs {
+    padding-left: var(--wco-spacing-xs)
+  }
+
+  .md\:pl-sm {
+    padding-left: var(--wco-spacing-sm)
+  }
+
+  .md\:pl-md {
+    padding-left: var(--wco-spacing-md)
+  }
+
+  .md\:pl-lg {
+    padding-left: var(--wco-spacing-lg)
+  }
+
+  .md\:pl-xl {
+    padding-left: var(--wco-spacing-xl)
+  }
+
+  .md\:pl-xxl {
+    padding-left: var(--wco-spacing-xxl)
+  }
+
+  .md\:pl-xxxl {
+    padding-left: var(--wco-spacing-xxxl)
+  }
+
+  .md\:pl-huge {
+    padding-left: var(--wco-spacing-huge)
+  }
+
+  .md\:text-left {
+    text-align: left
+  }
+
+  .md\:text-center {
+    text-align: center
+  }
+
+  .md\:text-right {
+    text-align: right
+  }
+
+  .md\:text-justify {
+    text-align: justify
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:m-none {
+    margin: var(--wco-spacing-none)
+  }
+
+  .lg\:m-quark {
+    margin: var(--wco-spacing-quark)
+  }
+
+  .lg\:m-nano {
+    margin: var(--wco-spacing-nano)
+  }
+
+  .lg\:m-xxxs {
+    margin: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:m-xxs {
+    margin: var(--wco-spacing-xxs)
+  }
+
+  .lg\:m-xs {
+    margin: var(--wco-spacing-xs)
+  }
+
+  .lg\:m-sm {
+    margin: var(--wco-spacing-sm)
+  }
+
+  .lg\:m-md {
+    margin: var(--wco-spacing-md)
+  }
+
+  .lg\:m-lg {
+    margin: var(--wco-spacing-lg)
+  }
+
+  .lg\:m-xl {
+    margin: var(--wco-spacing-xl)
+  }
+
+  .lg\:m-xxl {
+    margin: var(--wco-spacing-xxl)
+  }
+
+  .lg\:m-xxxl {
+    margin: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:m-huge {
+    margin: var(--wco-spacing-huge)
+  }
+
+  .lg\:mx-none {
+    margin-left: var(--wco-spacing-none);
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .lg\:mx-quark {
+    margin-left: var(--wco-spacing-quark);
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .lg\:mx-nano {
+    margin-left: var(--wco-spacing-nano);
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .lg\:mx-xxxs {
+    margin-left: var(--wco-spacing-xxxs);
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:mx-xxs {
+    margin-left: var(--wco-spacing-xxs);
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .lg\:mx-xs {
+    margin-left: var(--wco-spacing-xs);
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .lg\:mx-sm {
+    margin-left: var(--wco-spacing-sm);
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .lg\:mx-md {
+    margin-left: var(--wco-spacing-md);
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .lg\:mx-lg {
+    margin-left: var(--wco-spacing-lg);
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .lg\:mx-xl {
+    margin-left: var(--wco-spacing-xl);
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .lg\:mx-xxl {
+    margin-left: var(--wco-spacing-xxl);
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .lg\:mx-xxxl {
+    margin-left: var(--wco-spacing-xxxl);
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:mx-huge {
+    margin-left: var(--wco-spacing-huge);
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .lg\:my-none {
+    margin-top: var(--wco-spacing-none);
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .lg\:my-quark {
+    margin-top: var(--wco-spacing-quark);
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .lg\:my-nano {
+    margin-top: var(--wco-spacing-nano);
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .lg\:my-xxxs {
+    margin-top: var(--wco-spacing-xxxs);
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:my-xxs {
+    margin-top: var(--wco-spacing-xxs);
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .lg\:my-xs {
+    margin-top: var(--wco-spacing-xs);
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .lg\:my-sm {
+    margin-top: var(--wco-spacing-sm);
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .lg\:my-md {
+    margin-top: var(--wco-spacing-md);
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .lg\:my-lg {
+    margin-top: var(--wco-spacing-lg);
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .lg\:my-xl {
+    margin-top: var(--wco-spacing-xl);
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .lg\:my-xxl {
+    margin-top: var(--wco-spacing-xxl);
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .lg\:my-xxxl {
+    margin-top: var(--wco-spacing-xxxl);
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:my-huge {
+    margin-top: var(--wco-spacing-huge);
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .lg\:mt-none {
+    margin-top: var(--wco-spacing-none)
+  }
+
+  .lg\:mt-quark {
+    margin-top: var(--wco-spacing-quark)
+  }
+
+  .lg\:mt-nano {
+    margin-top: var(--wco-spacing-nano)
+  }
+
+  .lg\:mt-xxxs {
+    margin-top: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:mt-xxs {
+    margin-top: var(--wco-spacing-xxs)
+  }
+
+  .lg\:mt-xs {
+    margin-top: var(--wco-spacing-xs)
+  }
+
+  .lg\:mt-sm {
+    margin-top: var(--wco-spacing-sm)
+  }
+
+  .lg\:mt-md {
+    margin-top: var(--wco-spacing-md)
+  }
+
+  .lg\:mt-lg {
+    margin-top: var(--wco-spacing-lg)
+  }
+
+  .lg\:mt-xl {
+    margin-top: var(--wco-spacing-xl)
+  }
+
+  .lg\:mt-xxl {
+    margin-top: var(--wco-spacing-xxl)
+  }
+
+  .lg\:mt-xxxl {
+    margin-top: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:mt-huge {
+    margin-top: var(--wco-spacing-huge)
+  }
+
+  .lg\:mr-none {
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .lg\:mr-quark {
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .lg\:mr-nano {
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .lg\:mr-xxxs {
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:mr-xxs {
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .lg\:mr-xs {
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .lg\:mr-sm {
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .lg\:mr-md {
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .lg\:mr-lg {
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .lg\:mr-xl {
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .lg\:mr-xxl {
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .lg\:mr-xxxl {
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:mr-huge {
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .lg\:mb-none {
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .lg\:mb-quark {
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .lg\:mb-nano {
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .lg\:mb-xxxs {
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:mb-xxs {
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .lg\:mb-xs {
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .lg\:mb-sm {
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .lg\:mb-md {
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .lg\:mb-lg {
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .lg\:mb-xl {
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .lg\:mb-xxl {
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .lg\:mb-xxxl {
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:mb-huge {
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .lg\:ml-none {
+    margin-left: var(--wco-spacing-none)
+  }
+
+  .lg\:ml-quark {
+    margin-left: var(--wco-spacing-quark)
+  }
+
+  .lg\:ml-nano {
+    margin-left: var(--wco-spacing-nano)
+  }
+
+  .lg\:ml-xxxs {
+    margin-left: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:ml-xxs {
+    margin-left: var(--wco-spacing-xxs)
+  }
+
+  .lg\:ml-xs {
+    margin-left: var(--wco-spacing-xs)
+  }
+
+  .lg\:ml-sm {
+    margin-left: var(--wco-spacing-sm)
+  }
+
+  .lg\:ml-md {
+    margin-left: var(--wco-spacing-md)
+  }
+
+  .lg\:ml-lg {
+    margin-left: var(--wco-spacing-lg)
+  }
+
+  .lg\:ml-xl {
+    margin-left: var(--wco-spacing-xl)
+  }
+
+  .lg\:ml-xxl {
+    margin-left: var(--wco-spacing-xxl)
+  }
+
+  .lg\:ml-xxxl {
+    margin-left: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:ml-huge {
+    margin-left: var(--wco-spacing-huge)
+  }
+
+  .lg\:block {
+    display: block
+  }
+
+  .lg\:inline-block {
+    display: inline-block
+  }
+
+  .lg\:inline {
+    display: inline
+  }
+
+  .lg\:flex {
+    display: flex
+  }
+
+  .lg\:inline-flex {
+    display: inline-flex
+  }
+
+  .lg\:table {
+    display: table
+  }
+
+  .lg\:inline-table {
+    display: inline-table
+  }
+
+  .lg\:table-caption {
+    display: table-caption
+  }
+
+  .lg\:table-cell {
+    display: table-cell
+  }
+
+  .lg\:table-column {
+    display: table-column
+  }
+
+  .lg\:table-column-group {
+    display: table-column-group
+  }
+
+  .lg\:table-footer-group {
+    display: table-footer-group
+  }
+
+  .lg\:table-header-group {
+    display: table-header-group
+  }
+
+  .lg\:table-row-group {
+    display: table-row-group
+  }
+
+  .lg\:table-row {
+    display: table-row
+  }
+
+  .lg\:flow-root {
+    display: flow-root
+  }
+
+  .lg\:grid {
+    display: grid
+  }
+
+  .lg\:inline-grid {
+    display: inline-grid
+  }
+
+  .lg\:contents {
+    display: contents
+  }
+
+  .lg\:list-item {
+    display: list-item
+  }
+
+  .lg\:hidden {
+    display: none
+  }
+
+  .lg\:flex-1 {
+    flex: 1 1 0%
+  }
+
+  .lg\:flex-auto {
+    flex: 1 1 auto
+  }
+
+  .lg\:flex-initial {
+    flex: 0 1 auto
+  }
+
+  .lg\:flex-none {
+    flex: none
+  }
+
+  .lg\:flex-row {
+    flex-direction: row
+  }
+
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse
+  }
+
+  .lg\:flex-col {
+    flex-direction: column
+  }
+
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse
+  }
+
+  .lg\:flex-wrap {
+    flex-wrap: wrap
+  }
+
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse
+  }
+
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap
+  }
+
+  .lg\:items-start {
+    align-items: flex-start
+  }
+
+  .lg\:items-end {
+    align-items: flex-end
+  }
+
+  .lg\:items-center {
+    align-items: center
+  }
+
+  .lg\:items-baseline {
+    align-items: baseline
+  }
+
+  .lg\:items-stretch {
+    align-items: stretch
+  }
+
+  .lg\:justify-start {
+    justify-content: flex-start
+  }
+
+  .lg\:justify-end {
+    justify-content: flex-end
+  }
+
+  .lg\:justify-center {
+    justify-content: center
+  }
+
+  .lg\:justify-between {
+    justify-content: space-between
+  }
+
+  .lg\:justify-around {
+    justify-content: space-around
+  }
+
+  .lg\:justify-evenly {
+    justify-content: space-evenly
+  }
+
+  .lg\:gap-none {
+    gap: var(--wco-none)
+  }
+
+  .lg\:gap-spacing-quark {
+    gap: var(--wco-spacing-quark)
+  }
+
+  .lg\:gap-spacing-nano {
+    gap: var(--wco-spacing-nano)
+  }
+
+  .lg\:gap-spacing-xxxs {
+    gap: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:gap-spacing-xxs {
+    gap: var(--wco-spacing-xxs)
+  }
+
+  .lg\:gap-spacing-xs {
+    gap: var(--wco-spacing-xs)
+  }
+
+  .lg\:gap-spacing-sm {
+    gap: var(--wco-spacing-sm)
+  }
+
+  .lg\:gap-x-none {
+    -moz-column-gap: var(--wco-none);
+         column-gap: var(--wco-none)
+  }
+
+  .lg\:gap-x-spacing-quark {
+    -moz-column-gap: var(--wco-spacing-quark);
+         column-gap: var(--wco-spacing-quark)
+  }
+
+  .lg\:gap-x-spacing-nano {
+    -moz-column-gap: var(--wco-spacing-nano);
+         column-gap: var(--wco-spacing-nano)
+  }
+
+  .lg\:gap-x-spacing-xxxs {
+    -moz-column-gap: var(--wco-spacing-xxxs);
+         column-gap: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:gap-x-spacing-xxs {
+    -moz-column-gap: var(--wco-spacing-xxs);
+         column-gap: var(--wco-spacing-xxs)
+  }
+
+  .lg\:gap-x-spacing-xs {
+    -moz-column-gap: var(--wco-spacing-xs);
+         column-gap: var(--wco-spacing-xs)
+  }
+
+  .lg\:gap-x-spacing-sm {
+    -moz-column-gap: var(--wco-spacing-sm);
+         column-gap: var(--wco-spacing-sm)
+  }
+
+  .lg\:gap-y-none {
+    row-gap: var(--wco-none)
+  }
+
+  .lg\:gap-y-spacing-quark {
+    row-gap: var(--wco-spacing-quark)
+  }
+
+  .lg\:gap-y-spacing-nano {
+    row-gap: var(--wco-spacing-nano)
+  }
+
+  .lg\:gap-y-spacing-xxxs {
+    row-gap: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:gap-y-spacing-xxs {
+    row-gap: var(--wco-spacing-xxs)
+  }
+
+  .lg\:gap-y-spacing-xs {
+    row-gap: var(--wco-spacing-xs)
+  }
+
+  .lg\:gap-y-spacing-sm {
+    row-gap: var(--wco-spacing-sm)
+  }
+
+  .lg\:p-none {
+    padding: var(--wco-spacing-none)
+  }
+
+  .lg\:p-quark {
+    padding: var(--wco-spacing-quark)
+  }
+
+  .lg\:p-nano {
+    padding: var(--wco-spacing-nano)
+  }
+
+  .lg\:p-xxxs {
+    padding: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:p-xxs {
+    padding: var(--wco-spacing-xxs)
+  }
+
+  .lg\:p-xs {
+    padding: var(--wco-spacing-xs)
+  }
+
+  .lg\:p-sm {
+    padding: var(--wco-spacing-sm)
+  }
+
+  .lg\:p-md {
+    padding: var(--wco-spacing-md)
+  }
+
+  .lg\:p-lg {
+    padding: var(--wco-spacing-lg)
+  }
+
+  .lg\:p-xl {
+    padding: var(--wco-spacing-xl)
+  }
+
+  .lg\:p-xxl {
+    padding: var(--wco-spacing-xxl)
+  }
+
+  .lg\:p-xxxl {
+    padding: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:p-huge {
+    padding: var(--wco-spacing-huge)
+  }
+
+  .lg\:px-none {
+    padding-left: var(--wco-spacing-none);
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .lg\:px-quark {
+    padding-left: var(--wco-spacing-quark);
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .lg\:px-nano {
+    padding-left: var(--wco-spacing-nano);
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .lg\:px-xxxs {
+    padding-left: var(--wco-spacing-xxxs);
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:px-xxs {
+    padding-left: var(--wco-spacing-xxs);
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .lg\:px-xs {
+    padding-left: var(--wco-spacing-xs);
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .lg\:px-sm {
+    padding-left: var(--wco-spacing-sm);
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .lg\:px-md {
+    padding-left: var(--wco-spacing-md);
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .lg\:px-lg {
+    padding-left: var(--wco-spacing-lg);
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .lg\:px-xl {
+    padding-left: var(--wco-spacing-xl);
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .lg\:px-xxl {
+    padding-left: var(--wco-spacing-xxl);
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .lg\:px-xxxl {
+    padding-left: var(--wco-spacing-xxxl);
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:px-huge {
+    padding-left: var(--wco-spacing-huge);
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .lg\:py-none {
+    padding-top: var(--wco-spacing-none);
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .lg\:py-quark {
+    padding-top: var(--wco-spacing-quark);
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .lg\:py-nano {
+    padding-top: var(--wco-spacing-nano);
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .lg\:py-xxxs {
+    padding-top: var(--wco-spacing-xxxs);
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:py-xxs {
+    padding-top: var(--wco-spacing-xxs);
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .lg\:py-xs {
+    padding-top: var(--wco-spacing-xs);
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .lg\:py-sm {
+    padding-top: var(--wco-spacing-sm);
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .lg\:py-md {
+    padding-top: var(--wco-spacing-md);
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .lg\:py-lg {
+    padding-top: var(--wco-spacing-lg);
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .lg\:py-xl {
+    padding-top: var(--wco-spacing-xl);
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .lg\:py-xxl {
+    padding-top: var(--wco-spacing-xxl);
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .lg\:py-xxxl {
+    padding-top: var(--wco-spacing-xxxl);
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:py-huge {
+    padding-top: var(--wco-spacing-huge);
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .lg\:pt-none {
+    padding-top: var(--wco-spacing-none)
+  }
+
+  .lg\:pt-quark {
+    padding-top: var(--wco-spacing-quark)
+  }
+
+  .lg\:pt-nano {
+    padding-top: var(--wco-spacing-nano)
+  }
+
+  .lg\:pt-xxxs {
+    padding-top: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:pt-xxs {
+    padding-top: var(--wco-spacing-xxs)
+  }
+
+  .lg\:pt-xs {
+    padding-top: var(--wco-spacing-xs)
+  }
+
+  .lg\:pt-sm {
+    padding-top: var(--wco-spacing-sm)
+  }
+
+  .lg\:pt-md {
+    padding-top: var(--wco-spacing-md)
+  }
+
+  .lg\:pt-lg {
+    padding-top: var(--wco-spacing-lg)
+  }
+
+  .lg\:pt-xl {
+    padding-top: var(--wco-spacing-xl)
+  }
+
+  .lg\:pt-xxl {
+    padding-top: var(--wco-spacing-xxl)
+  }
+
+  .lg\:pt-xxxl {
+    padding-top: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:pt-huge {
+    padding-top: var(--wco-spacing-huge)
+  }
+
+  .lg\:pr-none {
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .lg\:pr-quark {
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .lg\:pr-nano {
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .lg\:pr-xxxs {
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:pr-xxs {
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .lg\:pr-xs {
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .lg\:pr-sm {
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .lg\:pr-md {
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .lg\:pr-lg {
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .lg\:pr-xl {
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .lg\:pr-xxl {
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .lg\:pr-xxxl {
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:pr-huge {
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .lg\:pb-none {
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .lg\:pb-quark {
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .lg\:pb-nano {
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .lg\:pb-xxxs {
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:pb-xxs {
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .lg\:pb-xs {
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .lg\:pb-sm {
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .lg\:pb-md {
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .lg\:pb-lg {
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .lg\:pb-xl {
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .lg\:pb-xxl {
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .lg\:pb-xxxl {
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:pb-huge {
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .lg\:pl-none {
+    padding-left: var(--wco-spacing-none)
+  }
+
+  .lg\:pl-quark {
+    padding-left: var(--wco-spacing-quark)
+  }
+
+  .lg\:pl-nano {
+    padding-left: var(--wco-spacing-nano)
+  }
+
+  .lg\:pl-xxxs {
+    padding-left: var(--wco-spacing-xxxs)
+  }
+
+  .lg\:pl-xxs {
+    padding-left: var(--wco-spacing-xxs)
+  }
+
+  .lg\:pl-xs {
+    padding-left: var(--wco-spacing-xs)
+  }
+
+  .lg\:pl-sm {
+    padding-left: var(--wco-spacing-sm)
+  }
+
+  .lg\:pl-md {
+    padding-left: var(--wco-spacing-md)
+  }
+
+  .lg\:pl-lg {
+    padding-left: var(--wco-spacing-lg)
+  }
+
+  .lg\:pl-xl {
+    padding-left: var(--wco-spacing-xl)
+  }
+
+  .lg\:pl-xxl {
+    padding-left: var(--wco-spacing-xxl)
+  }
+
+  .lg\:pl-xxxl {
+    padding-left: var(--wco-spacing-xxxl)
+  }
+
+  .lg\:pl-huge {
+    padding-left: var(--wco-spacing-huge)
+  }
+
+  .lg\:text-left {
+    text-align: left
+  }
+
+  .lg\:text-center {
+    text-align: center
+  }
+
+  .lg\:text-right {
+    text-align: right
+  }
+
+  .lg\:text-justify {
+    text-align: justify
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:m-none {
+    margin: var(--wco-spacing-none)
+  }
+
+  .xl\:m-quark {
+    margin: var(--wco-spacing-quark)
+  }
+
+  .xl\:m-nano {
+    margin: var(--wco-spacing-nano)
+  }
+
+  .xl\:m-xxxs {
+    margin: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:m-xxs {
+    margin: var(--wco-spacing-xxs)
+  }
+
+  .xl\:m-xs {
+    margin: var(--wco-spacing-xs)
+  }
+
+  .xl\:m-sm {
+    margin: var(--wco-spacing-sm)
+  }
+
+  .xl\:m-md {
+    margin: var(--wco-spacing-md)
+  }
+
+  .xl\:m-lg {
+    margin: var(--wco-spacing-lg)
+  }
+
+  .xl\:m-xl {
+    margin: var(--wco-spacing-xl)
+  }
+
+  .xl\:m-xxl {
+    margin: var(--wco-spacing-xxl)
+  }
+
+  .xl\:m-xxxl {
+    margin: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:m-huge {
+    margin: var(--wco-spacing-huge)
+  }
+
+  .xl\:mx-none {
+    margin-left: var(--wco-spacing-none);
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .xl\:mx-quark {
+    margin-left: var(--wco-spacing-quark);
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .xl\:mx-nano {
+    margin-left: var(--wco-spacing-nano);
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .xl\:mx-xxxs {
+    margin-left: var(--wco-spacing-xxxs);
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:mx-xxs {
+    margin-left: var(--wco-spacing-xxs);
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .xl\:mx-xs {
+    margin-left: var(--wco-spacing-xs);
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .xl\:mx-sm {
+    margin-left: var(--wco-spacing-sm);
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .xl\:mx-md {
+    margin-left: var(--wco-spacing-md);
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .xl\:mx-lg {
+    margin-left: var(--wco-spacing-lg);
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .xl\:mx-xl {
+    margin-left: var(--wco-spacing-xl);
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .xl\:mx-xxl {
+    margin-left: var(--wco-spacing-xxl);
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .xl\:mx-xxxl {
+    margin-left: var(--wco-spacing-xxxl);
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:mx-huge {
+    margin-left: var(--wco-spacing-huge);
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .xl\:my-none {
+    margin-top: var(--wco-spacing-none);
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .xl\:my-quark {
+    margin-top: var(--wco-spacing-quark);
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .xl\:my-nano {
+    margin-top: var(--wco-spacing-nano);
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .xl\:my-xxxs {
+    margin-top: var(--wco-spacing-xxxs);
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:my-xxs {
+    margin-top: var(--wco-spacing-xxs);
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .xl\:my-xs {
+    margin-top: var(--wco-spacing-xs);
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .xl\:my-sm {
+    margin-top: var(--wco-spacing-sm);
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .xl\:my-md {
+    margin-top: var(--wco-spacing-md);
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .xl\:my-lg {
+    margin-top: var(--wco-spacing-lg);
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .xl\:my-xl {
+    margin-top: var(--wco-spacing-xl);
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .xl\:my-xxl {
+    margin-top: var(--wco-spacing-xxl);
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .xl\:my-xxxl {
+    margin-top: var(--wco-spacing-xxxl);
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:my-huge {
+    margin-top: var(--wco-spacing-huge);
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .xl\:mt-none {
+    margin-top: var(--wco-spacing-none)
+  }
+
+  .xl\:mt-quark {
+    margin-top: var(--wco-spacing-quark)
+  }
+
+  .xl\:mt-nano {
+    margin-top: var(--wco-spacing-nano)
+  }
+
+  .xl\:mt-xxxs {
+    margin-top: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:mt-xxs {
+    margin-top: var(--wco-spacing-xxs)
+  }
+
+  .xl\:mt-xs {
+    margin-top: var(--wco-spacing-xs)
+  }
+
+  .xl\:mt-sm {
+    margin-top: var(--wco-spacing-sm)
+  }
+
+  .xl\:mt-md {
+    margin-top: var(--wco-spacing-md)
+  }
+
+  .xl\:mt-lg {
+    margin-top: var(--wco-spacing-lg)
+  }
+
+  .xl\:mt-xl {
+    margin-top: var(--wco-spacing-xl)
+  }
+
+  .xl\:mt-xxl {
+    margin-top: var(--wco-spacing-xxl)
+  }
+
+  .xl\:mt-xxxl {
+    margin-top: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:mt-huge {
+    margin-top: var(--wco-spacing-huge)
+  }
+
+  .xl\:mr-none {
+    margin-right: var(--wco-spacing-none)
+  }
+
+  .xl\:mr-quark {
+    margin-right: var(--wco-spacing-quark)
+  }
+
+  .xl\:mr-nano {
+    margin-right: var(--wco-spacing-nano)
+  }
+
+  .xl\:mr-xxxs {
+    margin-right: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:mr-xxs {
+    margin-right: var(--wco-spacing-xxs)
+  }
+
+  .xl\:mr-xs {
+    margin-right: var(--wco-spacing-xs)
+  }
+
+  .xl\:mr-sm {
+    margin-right: var(--wco-spacing-sm)
+  }
+
+  .xl\:mr-md {
+    margin-right: var(--wco-spacing-md)
+  }
+
+  .xl\:mr-lg {
+    margin-right: var(--wco-spacing-lg)
+  }
+
+  .xl\:mr-xl {
+    margin-right: var(--wco-spacing-xl)
+  }
+
+  .xl\:mr-xxl {
+    margin-right: var(--wco-spacing-xxl)
+  }
+
+  .xl\:mr-xxxl {
+    margin-right: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:mr-huge {
+    margin-right: var(--wco-spacing-huge)
+  }
+
+  .xl\:mb-none {
+    margin-bottom: var(--wco-spacing-none)
+  }
+
+  .xl\:mb-quark {
+    margin-bottom: var(--wco-spacing-quark)
+  }
+
+  .xl\:mb-nano {
+    margin-bottom: var(--wco-spacing-nano)
+  }
+
+  .xl\:mb-xxxs {
+    margin-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:mb-xxs {
+    margin-bottom: var(--wco-spacing-xxs)
+  }
+
+  .xl\:mb-xs {
+    margin-bottom: var(--wco-spacing-xs)
+  }
+
+  .xl\:mb-sm {
+    margin-bottom: var(--wco-spacing-sm)
+  }
+
+  .xl\:mb-md {
+    margin-bottom: var(--wco-spacing-md)
+  }
+
+  .xl\:mb-lg {
+    margin-bottom: var(--wco-spacing-lg)
+  }
+
+  .xl\:mb-xl {
+    margin-bottom: var(--wco-spacing-xl)
+  }
+
+  .xl\:mb-xxl {
+    margin-bottom: var(--wco-spacing-xxl)
+  }
+
+  .xl\:mb-xxxl {
+    margin-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:mb-huge {
+    margin-bottom: var(--wco-spacing-huge)
+  }
+
+  .xl\:ml-none {
+    margin-left: var(--wco-spacing-none)
+  }
+
+  .xl\:ml-quark {
+    margin-left: var(--wco-spacing-quark)
+  }
+
+  .xl\:ml-nano {
+    margin-left: var(--wco-spacing-nano)
+  }
+
+  .xl\:ml-xxxs {
+    margin-left: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:ml-xxs {
+    margin-left: var(--wco-spacing-xxs)
+  }
+
+  .xl\:ml-xs {
+    margin-left: var(--wco-spacing-xs)
+  }
+
+  .xl\:ml-sm {
+    margin-left: var(--wco-spacing-sm)
+  }
+
+  .xl\:ml-md {
+    margin-left: var(--wco-spacing-md)
+  }
+
+  .xl\:ml-lg {
+    margin-left: var(--wco-spacing-lg)
+  }
+
+  .xl\:ml-xl {
+    margin-left: var(--wco-spacing-xl)
+  }
+
+  .xl\:ml-xxl {
+    margin-left: var(--wco-spacing-xxl)
+  }
+
+  .xl\:ml-xxxl {
+    margin-left: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:ml-huge {
+    margin-left: var(--wco-spacing-huge)
+  }
+
+  .xl\:block {
+    display: block
+  }
+
+  .xl\:inline-block {
+    display: inline-block
+  }
+
+  .xl\:inline {
+    display: inline
+  }
+
+  .xl\:flex {
+    display: flex
+  }
+
+  .xl\:inline-flex {
+    display: inline-flex
+  }
+
+  .xl\:table {
+    display: table
+  }
+
+  .xl\:inline-table {
+    display: inline-table
+  }
+
+  .xl\:table-caption {
+    display: table-caption
+  }
+
+  .xl\:table-cell {
+    display: table-cell
+  }
+
+  .xl\:table-column {
+    display: table-column
+  }
+
+  .xl\:table-column-group {
+    display: table-column-group
+  }
+
+  .xl\:table-footer-group {
+    display: table-footer-group
+  }
+
+  .xl\:table-header-group {
+    display: table-header-group
+  }
+
+  .xl\:table-row-group {
+    display: table-row-group
+  }
+
+  .xl\:table-row {
+    display: table-row
+  }
+
+  .xl\:flow-root {
+    display: flow-root
+  }
+
+  .xl\:grid {
+    display: grid
+  }
+
+  .xl\:inline-grid {
+    display: inline-grid
+  }
+
+  .xl\:contents {
+    display: contents
+  }
+
+  .xl\:list-item {
+    display: list-item
+  }
+
+  .xl\:hidden {
+    display: none
+  }
+
+  .xl\:flex-1 {
+    flex: 1 1 0%
+  }
+
+  .xl\:flex-auto {
+    flex: 1 1 auto
+  }
+
+  .xl\:flex-initial {
+    flex: 0 1 auto
+  }
+
+  .xl\:flex-none {
+    flex: none
+  }
+
+  .xl\:flex-row {
+    flex-direction: row
+  }
+
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse
+  }
+
+  .xl\:flex-col {
+    flex-direction: column
+  }
+
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse
+  }
+
+  .xl\:flex-wrap {
+    flex-wrap: wrap
+  }
+
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse
+  }
+
+  .xl\:flex-nowrap {
+    flex-wrap: nowrap
+  }
+
+  .xl\:items-start {
+    align-items: flex-start
+  }
+
+  .xl\:items-end {
+    align-items: flex-end
+  }
+
+  .xl\:items-center {
+    align-items: center
+  }
+
+  .xl\:items-baseline {
+    align-items: baseline
+  }
+
+  .xl\:items-stretch {
+    align-items: stretch
+  }
+
+  .xl\:justify-start {
+    justify-content: flex-start
+  }
+
+  .xl\:justify-end {
+    justify-content: flex-end
+  }
+
+  .xl\:justify-center {
+    justify-content: center
+  }
+
+  .xl\:justify-between {
+    justify-content: space-between
+  }
+
+  .xl\:justify-around {
+    justify-content: space-around
+  }
+
+  .xl\:justify-evenly {
+    justify-content: space-evenly
+  }
+
+  .xl\:gap-none {
+    gap: var(--wco-none)
+  }
+
+  .xl\:gap-spacing-quark {
+    gap: var(--wco-spacing-quark)
+  }
+
+  .xl\:gap-spacing-nano {
+    gap: var(--wco-spacing-nano)
+  }
+
+  .xl\:gap-spacing-xxxs {
+    gap: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:gap-spacing-xxs {
+    gap: var(--wco-spacing-xxs)
+  }
+
+  .xl\:gap-spacing-xs {
+    gap: var(--wco-spacing-xs)
+  }
+
+  .xl\:gap-spacing-sm {
+    gap: var(--wco-spacing-sm)
+  }
+
+  .xl\:gap-x-none {
+    -moz-column-gap: var(--wco-none);
+         column-gap: var(--wco-none)
+  }
+
+  .xl\:gap-x-spacing-quark {
+    -moz-column-gap: var(--wco-spacing-quark);
+         column-gap: var(--wco-spacing-quark)
+  }
+
+  .xl\:gap-x-spacing-nano {
+    -moz-column-gap: var(--wco-spacing-nano);
+         column-gap: var(--wco-spacing-nano)
+  }
+
+  .xl\:gap-x-spacing-xxxs {
+    -moz-column-gap: var(--wco-spacing-xxxs);
+         column-gap: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:gap-x-spacing-xxs {
+    -moz-column-gap: var(--wco-spacing-xxs);
+         column-gap: var(--wco-spacing-xxs)
+  }
+
+  .xl\:gap-x-spacing-xs {
+    -moz-column-gap: var(--wco-spacing-xs);
+         column-gap: var(--wco-spacing-xs)
+  }
+
+  .xl\:gap-x-spacing-sm {
+    -moz-column-gap: var(--wco-spacing-sm);
+         column-gap: var(--wco-spacing-sm)
+  }
+
+  .xl\:gap-y-none {
+    row-gap: var(--wco-none)
+  }
+
+  .xl\:gap-y-spacing-quark {
+    row-gap: var(--wco-spacing-quark)
+  }
+
+  .xl\:gap-y-spacing-nano {
+    row-gap: var(--wco-spacing-nano)
+  }
+
+  .xl\:gap-y-spacing-xxxs {
+    row-gap: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:gap-y-spacing-xxs {
+    row-gap: var(--wco-spacing-xxs)
+  }
+
+  .xl\:gap-y-spacing-xs {
+    row-gap: var(--wco-spacing-xs)
+  }
+
+  .xl\:gap-y-spacing-sm {
+    row-gap: var(--wco-spacing-sm)
+  }
+
+  .xl\:p-none {
+    padding: var(--wco-spacing-none)
+  }
+
+  .xl\:p-quark {
+    padding: var(--wco-spacing-quark)
+  }
+
+  .xl\:p-nano {
+    padding: var(--wco-spacing-nano)
+  }
+
+  .xl\:p-xxxs {
+    padding: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:p-xxs {
+    padding: var(--wco-spacing-xxs)
+  }
+
+  .xl\:p-xs {
+    padding: var(--wco-spacing-xs)
+  }
+
+  .xl\:p-sm {
+    padding: var(--wco-spacing-sm)
+  }
+
+  .xl\:p-md {
+    padding: var(--wco-spacing-md)
+  }
+
+  .xl\:p-lg {
+    padding: var(--wco-spacing-lg)
+  }
+
+  .xl\:p-xl {
+    padding: var(--wco-spacing-xl)
+  }
+
+  .xl\:p-xxl {
+    padding: var(--wco-spacing-xxl)
+  }
+
+  .xl\:p-xxxl {
+    padding: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:p-huge {
+    padding: var(--wco-spacing-huge)
+  }
+
+  .xl\:px-none {
+    padding-left: var(--wco-spacing-none);
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .xl\:px-quark {
+    padding-left: var(--wco-spacing-quark);
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .xl\:px-nano {
+    padding-left: var(--wco-spacing-nano);
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .xl\:px-xxxs {
+    padding-left: var(--wco-spacing-xxxs);
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:px-xxs {
+    padding-left: var(--wco-spacing-xxs);
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .xl\:px-xs {
+    padding-left: var(--wco-spacing-xs);
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .xl\:px-sm {
+    padding-left: var(--wco-spacing-sm);
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .xl\:px-md {
+    padding-left: var(--wco-spacing-md);
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .xl\:px-lg {
+    padding-left: var(--wco-spacing-lg);
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .xl\:px-xl {
+    padding-left: var(--wco-spacing-xl);
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .xl\:px-xxl {
+    padding-left: var(--wco-spacing-xxl);
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .xl\:px-xxxl {
+    padding-left: var(--wco-spacing-xxxl);
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:px-huge {
+    padding-left: var(--wco-spacing-huge);
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .xl\:py-none {
+    padding-top: var(--wco-spacing-none);
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .xl\:py-quark {
+    padding-top: var(--wco-spacing-quark);
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .xl\:py-nano {
+    padding-top: var(--wco-spacing-nano);
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .xl\:py-xxxs {
+    padding-top: var(--wco-spacing-xxxs);
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:py-xxs {
+    padding-top: var(--wco-spacing-xxs);
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .xl\:py-xs {
+    padding-top: var(--wco-spacing-xs);
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .xl\:py-sm {
+    padding-top: var(--wco-spacing-sm);
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .xl\:py-md {
+    padding-top: var(--wco-spacing-md);
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .xl\:py-lg {
+    padding-top: var(--wco-spacing-lg);
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .xl\:py-xl {
+    padding-top: var(--wco-spacing-xl);
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .xl\:py-xxl {
+    padding-top: var(--wco-spacing-xxl);
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .xl\:py-xxxl {
+    padding-top: var(--wco-spacing-xxxl);
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:py-huge {
+    padding-top: var(--wco-spacing-huge);
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .xl\:pt-none {
+    padding-top: var(--wco-spacing-none)
+  }
+
+  .xl\:pt-quark {
+    padding-top: var(--wco-spacing-quark)
+  }
+
+  .xl\:pt-nano {
+    padding-top: var(--wco-spacing-nano)
+  }
+
+  .xl\:pt-xxxs {
+    padding-top: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:pt-xxs {
+    padding-top: var(--wco-spacing-xxs)
+  }
+
+  .xl\:pt-xs {
+    padding-top: var(--wco-spacing-xs)
+  }
+
+  .xl\:pt-sm {
+    padding-top: var(--wco-spacing-sm)
+  }
+
+  .xl\:pt-md {
+    padding-top: var(--wco-spacing-md)
+  }
+
+  .xl\:pt-lg {
+    padding-top: var(--wco-spacing-lg)
+  }
+
+  .xl\:pt-xl {
+    padding-top: var(--wco-spacing-xl)
+  }
+
+  .xl\:pt-xxl {
+    padding-top: var(--wco-spacing-xxl)
+  }
+
+  .xl\:pt-xxxl {
+    padding-top: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:pt-huge {
+    padding-top: var(--wco-spacing-huge)
+  }
+
+  .xl\:pr-none {
+    padding-right: var(--wco-spacing-none)
+  }
+
+  .xl\:pr-quark {
+    padding-right: var(--wco-spacing-quark)
+  }
+
+  .xl\:pr-nano {
+    padding-right: var(--wco-spacing-nano)
+  }
+
+  .xl\:pr-xxxs {
+    padding-right: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:pr-xxs {
+    padding-right: var(--wco-spacing-xxs)
+  }
+
+  .xl\:pr-xs {
+    padding-right: var(--wco-spacing-xs)
+  }
+
+  .xl\:pr-sm {
+    padding-right: var(--wco-spacing-sm)
+  }
+
+  .xl\:pr-md {
+    padding-right: var(--wco-spacing-md)
+  }
+
+  .xl\:pr-lg {
+    padding-right: var(--wco-spacing-lg)
+  }
+
+  .xl\:pr-xl {
+    padding-right: var(--wco-spacing-xl)
+  }
+
+  .xl\:pr-xxl {
+    padding-right: var(--wco-spacing-xxl)
+  }
+
+  .xl\:pr-xxxl {
+    padding-right: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:pr-huge {
+    padding-right: var(--wco-spacing-huge)
+  }
+
+  .xl\:pb-none {
+    padding-bottom: var(--wco-spacing-none)
+  }
+
+  .xl\:pb-quark {
+    padding-bottom: var(--wco-spacing-quark)
+  }
+
+  .xl\:pb-nano {
+    padding-bottom: var(--wco-spacing-nano)
+  }
+
+  .xl\:pb-xxxs {
+    padding-bottom: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:pb-xxs {
+    padding-bottom: var(--wco-spacing-xxs)
+  }
+
+  .xl\:pb-xs {
+    padding-bottom: var(--wco-spacing-xs)
+  }
+
+  .xl\:pb-sm {
+    padding-bottom: var(--wco-spacing-sm)
+  }
+
+  .xl\:pb-md {
+    padding-bottom: var(--wco-spacing-md)
+  }
+
+  .xl\:pb-lg {
+    padding-bottom: var(--wco-spacing-lg)
+  }
+
+  .xl\:pb-xl {
+    padding-bottom: var(--wco-spacing-xl)
+  }
+
+  .xl\:pb-xxl {
+    padding-bottom: var(--wco-spacing-xxl)
+  }
+
+  .xl\:pb-xxxl {
+    padding-bottom: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:pb-huge {
+    padding-bottom: var(--wco-spacing-huge)
+  }
+
+  .xl\:pl-none {
+    padding-left: var(--wco-spacing-none)
+  }
+
+  .xl\:pl-quark {
+    padding-left: var(--wco-spacing-quark)
+  }
+
+  .xl\:pl-nano {
+    padding-left: var(--wco-spacing-nano)
+  }
+
+  .xl\:pl-xxxs {
+    padding-left: var(--wco-spacing-xxxs)
+  }
+
+  .xl\:pl-xxs {
+    padding-left: var(--wco-spacing-xxs)
+  }
+
+  .xl\:pl-xs {
+    padding-left: var(--wco-spacing-xs)
+  }
+
+  .xl\:pl-sm {
+    padding-left: var(--wco-spacing-sm)
+  }
+
+  .xl\:pl-md {
+    padding-left: var(--wco-spacing-md)
+  }
+
+  .xl\:pl-lg {
+    padding-left: var(--wco-spacing-lg)
+  }
+
+  .xl\:pl-xl {
+    padding-left: var(--wco-spacing-xl)
+  }
+
+  .xl\:pl-xxl {
+    padding-left: var(--wco-spacing-xxl)
+  }
+
+  .xl\:pl-xxxl {
+    padding-left: var(--wco-spacing-xxxl)
+  }
+
+  .xl\:pl-huge {
+    padding-left: var(--wco-spacing-huge)
+  }
+
+  .xl\:text-left {
+    text-align: left
+  }
+
+  .xl\:text-center {
+    text-align: center
+  }
+
+  .xl\:text-right {
+    text-align: right
+  }
+
+  .xl\:text-justify {
+    text-align: justify
+  }
+}