.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-spacing-none)
}

.gap-quark {
  gap: var(--wco-spacing-quark)
}

.gap-nano {
  gap: var(--wco-spacing-nano)
}

.gap-xxxs {
  gap: var(--wco-spacing-xxxs)
}

.gap-xxs {
  gap: var(--wco-spacing-xxs)
}

.gap-xs {
  gap: var(--wco-spacing-xs)
}

.gap-sm {
  gap: var(--wco-spacing-sm)
}

.gap-md {
  gap: var(--wco-spacing-md)
}

.gap-lg {
  gap: var(--wco-spacing-lg)
}

.gap-xl {
  gap: var(--wco-spacing-xl)
}

.gap-xxl {
  gap: var(--wco-spacing-xxl)
}

.gap-xxxl {
  gap: var(--wco-spacing-xxxl)
}

.gap-huge {
  gap: var(--wco-spacing-huge)
}

.gap-x-none {
  -moz-column-gap: var(--wco-spacing-none);
       column-gap: var(--wco-spacing-none)
}

.gap-x-quark {
  -moz-column-gap: var(--wco-spacing-quark);
       column-gap: var(--wco-spacing-quark)
}

.gap-x-nano {
  -moz-column-gap: var(--wco-spacing-nano);
       column-gap: var(--wco-spacing-nano)
}

.gap-x-xxxs {
  -moz-column-gap: var(--wco-spacing-xxxs);
       column-gap: var(--wco-spacing-xxxs)
}

.gap-x-xxs {
  -moz-column-gap: var(--wco-spacing-xxs);
       column-gap: var(--wco-spacing-xxs)
}

.gap-x-xs {
  -moz-column-gap: var(--wco-spacing-xs);
       column-gap: var(--wco-spacing-xs)
}

.gap-x-sm {
  -moz-column-gap: var(--wco-spacing-sm);
       column-gap: var(--wco-spacing-sm)
}

.gap-x-md {
  -moz-column-gap: var(--wco-spacing-md);
       column-gap: var(--wco-spacing-md)
}

.gap-x-lg {
  -moz-column-gap: var(--wco-spacing-lg);
       column-gap: var(--wco-spacing-lg)
}

.gap-x-xl {
  -moz-column-gap: var(--wco-spacing-xl);
       column-gap: var(--wco-spacing-xl)
}

.gap-x-xxl {
  -moz-column-gap: var(--wco-spacing-xxl);
       column-gap: var(--wco-spacing-xxl)
}

.gap-x-xxxl {
  -moz-column-gap: var(--wco-spacing-xxxl);
       column-gap: var(--wco-spacing-xxxl)
}

.gap-x-huge {
  -moz-column-gap: var(--wco-spacing-huge);
       column-gap: var(--wco-spacing-huge)
}

.gap-y-none {
  row-gap: var(--wco-spacing-none)
}

.gap-y-quark {
  row-gap: var(--wco-spacing-quark)
}

.gap-y-nano {
  row-gap: var(--wco-spacing-nano)
}

.gap-y-xxxs {
  row-gap: var(--wco-spacing-xxxs)
}

.gap-y-xxs {
  row-gap: var(--wco-spacing-xxs)
}

.gap-y-xs {
  row-gap: var(--wco-spacing-xs)
}

.gap-y-sm {
  row-gap: var(--wco-spacing-sm)
}

.gap-y-md {
  row-gap: var(--wco-spacing-md)
}

.gap-y-lg {
  row-gap: var(--wco-spacing-lg)
}

.gap-y-xl {
  row-gap: var(--wco-spacing-xl)
}

.gap-y-xxl {
  row-gap: var(--wco-spacing-xxl)
}

.gap-y-xxxl {
  row-gap: var(--wco-spacing-xxxl)
}

.gap-y-huge {
  row-gap: var(--wco-spacing-huge)
}

.bg-primary-50 {
  background-color: var(--wco-color-primary-50)
}

.bg-primary-100 {
  background-color: var(--wco-color-primary-100)
}

.bg-primary-300 {
  background-color: var(--wco-color-primary-300)
}

.bg-primary-500 {
  background-color: var(--wco-color-primary-500)
}

.bg-primary-600 {
  background-color: var(--wco-color-primary-600)
}

.bg-primary-700 {
  background-color: var(--wco-color-primary-700)
}

.bg-primary-900 {
  background-color: var(--wco-color-primary-900)
}

.bg-primary-text {
  background-color: var(--wco-color-primary-text)
}

.bg-secondary-50 {
  background-color: var(--wco-color-secondary-50)
}

.bg-secondary-100 {
  background-color: var(--wco-color-secondary-100)
}

.bg-secondary-300 {
  background-color: var(--wco-color-secondary-300)
}

.bg-secondary-500 {
  background-color: var(--wco-color-secondary-500)
}

.bg-secondary-600 {
  background-color: var(--wco-color-secondary-600)
}

.bg-secondary-700 {
  background-color: var(--wco-color-secondary-700)
}

.bg-secondary-900 {
  background-color: var(--wco-color-secondary-900)
}

.bg-secondary-text {
  background-color: var(--wco-color-secondary-text)
}

.bg-neutral-50 {
  background-color: var(--wco-color-neutral-50)
}

.bg-neutral-100 {
  background-color: var(--wco-color-neutral-100)
}

.bg-neutral-300 {
  background-color: var(--wco-color-neutral-300)
}

.bg-neutral-500 {
  background-color: var(--wco-color-neutral-500)
}

.bg-neutral-600 {
  background-color: var(--wco-color-neutral-600)
}

.bg-neutral-700 {
  background-color: var(--wco-color-neutral-700)
}

.bg-neutral-900 {
  background-color: var(--wco-color-neutral-900)
}

.bg-success-50 {
  background-color: var(--wco-color-success-50)
}

.bg-success-100 {
  background-color: var(--wco-color-success-100)
}

.bg-success-300 {
  background-color: var(--wco-color-success-300)
}

.bg-success-500 {
  background-color: var(--wco-color-success-500)
}

.bg-success-600 {
  background-color: var(--wco-color-success-600)
}

.bg-success-700 {
  background-color: var(--wco-color-success-700)
}

.bg-success-900 {
  background-color: var(--wco-color-success-900)
}

.bg-warning-50 {
  background-color: var(--wco-color-warning-50)
}

.bg-warning-100 {
  background-color: var(--wco-color-warning-100)
}

.bg-warning-300 {
  background-color: var(--wco-color-warning-300)
}

.bg-warning-500 {
  background-color: var(--wco-color-warning-500)
}

.bg-warning-600 {
  background-color: var(--wco-color-warning-600)
}

.bg-warning-700 {
  background-color: var(--wco-color-warning-700)
}

.bg-warning-900 {
  background-color: var(--wco-color-warning-900)
}

.bg-error-50 {
  background-color: var(--wco-color-danger-50)
}

.bg-error-100 {
  background-color: var(--wco-color-danger-100)
}

.bg-error-300 {
  background-color: var(--wco-color-danger-300)
}

.bg-error-500 {
  background-color: var(--wco-color-danger-500)
}

.bg-error-600 {
  background-color: var(--wco-color-danger-600)
}

.bg-error-700 {
  background-color: var(--wco-color-danger-700)
}

.bg-error-900 {
  background-color: var(--wco-color-danger-900)
}

.bg-info-50 {
  background-color: var(--wco-color-info-50)
}

.bg-info-100 {
  background-color: var(--wco-color-info-100)
}

.bg-info-300 {
  background-color: var(--wco-color-info-300)
}

.bg-info-500 {
  background-color: var(--wco-color-info-500)
}

.bg-info-600 {
  background-color: var(--wco-color-info-600)
}

.bg-info-700 {
  background-color: var(--wco-color-info-700)
}

.bg-info-900 {
  background-color: var(--wco-color-info-900)
}

.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
}

.text-primary-50 {
  color: var(--wco-color-primary-50)
}

.text-primary-100 {
  color: var(--wco-color-primary-100)
}

.text-primary-300 {
  color: var(--wco-color-primary-300)
}

.text-primary-500 {
  color: var(--wco-color-primary-500)
}

.text-primary-600 {
  color: var(--wco-color-primary-600)
}

.text-primary-700 {
  color: var(--wco-color-primary-700)
}

.text-primary-900 {
  color: var(--wco-color-primary-900)
}

.text-primary-text {
  color: var(--wco-color-primary-text)
}

.text-secondary-50 {
  color: var(--wco-color-secondary-50)
}

.text-secondary-100 {
  color: var(--wco-color-secondary-100)
}

.text-secondary-300 {
  color: var(--wco-color-secondary-300)
}

.text-secondary-500 {
  color: var(--wco-color-secondary-500)
}

.text-secondary-600 {
  color: var(--wco-color-secondary-600)
}

.text-secondary-700 {
  color: var(--wco-color-secondary-700)
}

.text-secondary-900 {
  color: var(--wco-color-secondary-900)
}

.text-secondary-text {
  color: var(--wco-color-secondary-text)
}

.text-neutral-50 {
  color: var(--wco-color-neutral-50)
}

.text-neutral-100 {
  color: var(--wco-color-neutral-100)
}

.text-neutral-300 {
  color: var(--wco-color-neutral-300)
}

.text-neutral-500 {
  color: var(--wco-color-neutral-500)
}

.text-neutral-600 {
  color: var(--wco-color-neutral-600)
}

.text-neutral-700 {
  color: var(--wco-color-neutral-700)
}

.text-neutral-900 {
  color: var(--wco-color-neutral-900)
}

.text-success-50 {
  color: var(--wco-color-success-50)
}

.text-success-100 {
  color: var(--wco-color-success-100)
}

.text-success-300 {
  color: var(--wco-color-success-300)
}

.text-success-500 {
  color: var(--wco-color-success-500)
}

.text-success-600 {
  color: var(--wco-color-success-600)
}

.text-success-700 {
  color: var(--wco-color-success-700)
}

.text-success-900 {
  color: var(--wco-color-success-900)
}

.text-warning-50 {
  color: var(--wco-color-warning-50)
}

.text-warning-100 {
  color: var(--wco-color-warning-100)
}

.text-warning-300 {
  color: var(--wco-color-warning-300)
}

.text-warning-500 {
  color: var(--wco-color-warning-500)
}

.text-warning-600 {
  color: var(--wco-color-warning-600)
}

.text-warning-700 {
  color: var(--wco-color-warning-700)
}

.text-warning-900 {
  color: var(--wco-color-warning-900)
}

.text-error-50 {
  color: var(--wco-color-danger-50)
}

.text-error-100 {
  color: var(--wco-color-danger-100)
}

.text-error-300 {
  color: var(--wco-color-danger-300)
}

.text-error-500 {
  color: var(--wco-color-danger-500)
}

.text-error-600 {
  color: var(--wco-color-danger-600)
}

.text-error-700 {
  color: var(--wco-color-danger-700)
}

.text-error-900 {
  color: var(--wco-color-danger-900)
}

.text-info-50 {
  color: var(--wco-color-info-50)
}

.text-info-100 {
  color: var(--wco-color-info-100)
}

.text-info-300 {
  color: var(--wco-color-info-300)
}

.text-info-500 {
  color: var(--wco-color-info-500)
}

.text-info-600 {
  color: var(--wco-color-info-600)
}

.text-info-700 {
  color: var(--wco-color-info-700)
}

.text-info-900 {
  color: var(--wco-color-info-900)
}

@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-spacing-none)
  }

  .md\:gap-quark {
    gap: var(--wco-spacing-quark)
  }

  .md\:gap-nano {
    gap: var(--wco-spacing-nano)
  }

  .md\:gap-xxxs {
    gap: var(--wco-spacing-xxxs)
  }

  .md\:gap-xxs {
    gap: var(--wco-spacing-xxs)
  }

  .md\:gap-xs {
    gap: var(--wco-spacing-xs)
  }

  .md\:gap-sm {
    gap: var(--wco-spacing-sm)
  }

  .md\:gap-md {
    gap: var(--wco-spacing-md)
  }

  .md\:gap-lg {
    gap: var(--wco-spacing-lg)
  }

  .md\:gap-xl {
    gap: var(--wco-spacing-xl)
  }

  .md\:gap-xxl {
    gap: var(--wco-spacing-xxl)
  }

  .md\:gap-xxxl {
    gap: var(--wco-spacing-xxxl)
  }

  .md\:gap-huge {
    gap: var(--wco-spacing-huge)
  }

  .md\:gap-x-none {
    -moz-column-gap: var(--wco-spacing-none);
         column-gap: var(--wco-spacing-none)
  }

  .md\:gap-x-quark {
    -moz-column-gap: var(--wco-spacing-quark);
         column-gap: var(--wco-spacing-quark)
  }

  .md\:gap-x-nano {
    -moz-column-gap: var(--wco-spacing-nano);
         column-gap: var(--wco-spacing-nano)
  }

  .md\:gap-x-xxxs {
    -moz-column-gap: var(--wco-spacing-xxxs);
         column-gap: var(--wco-spacing-xxxs)
  }

  .md\:gap-x-xxs {
    -moz-column-gap: var(--wco-spacing-xxs);
         column-gap: var(--wco-spacing-xxs)
  }

  .md\:gap-x-xs {
    -moz-column-gap: var(--wco-spacing-xs);
         column-gap: var(--wco-spacing-xs)
  }

  .md\:gap-x-sm {
    -moz-column-gap: var(--wco-spacing-sm);
         column-gap: var(--wco-spacing-sm)
  }

  .md\:gap-x-md {
    -moz-column-gap: var(--wco-spacing-md);
         column-gap: var(--wco-spacing-md)
  }

  .md\:gap-x-lg {
    -moz-column-gap: var(--wco-spacing-lg);
         column-gap: var(--wco-spacing-lg)
  }

  .md\:gap-x-xl {
    -moz-column-gap: var(--wco-spacing-xl);
         column-gap: var(--wco-spacing-xl)
  }

  .md\:gap-x-xxl {
    -moz-column-gap: var(--wco-spacing-xxl);
         column-gap: var(--wco-spacing-xxl)
  }

  .md\:gap-x-xxxl {
    -moz-column-gap: var(--wco-spacing-xxxl);
         column-gap: var(--wco-spacing-xxxl)
  }

  .md\:gap-x-huge {
    -moz-column-gap: var(--wco-spacing-huge);
         column-gap: var(--wco-spacing-huge)
  }

  .md\:gap-y-none {
    row-gap: var(--wco-spacing-none)
  }

  .md\:gap-y-quark {
    row-gap: var(--wco-spacing-quark)
  }

  .md\:gap-y-nano {
    row-gap: var(--wco-spacing-nano)
  }

  .md\:gap-y-xxxs {
    row-gap: var(--wco-spacing-xxxs)
  }

  .md\:gap-y-xxs {
    row-gap: var(--wco-spacing-xxs)
  }

  .md\:gap-y-xs {
    row-gap: var(--wco-spacing-xs)
  }

  .md\:gap-y-sm {
    row-gap: var(--wco-spacing-sm)
  }

  .md\:gap-y-md {
    row-gap: var(--wco-spacing-md)
  }

  .md\:gap-y-lg {
    row-gap: var(--wco-spacing-lg)
  }

  .md\:gap-y-xl {
    row-gap: var(--wco-spacing-xl)
  }

  .md\:gap-y-xxl {
    row-gap: var(--wco-spacing-xxl)
  }

  .md\:gap-y-xxxl {
    row-gap: var(--wco-spacing-xxxl)
  }

  .md\:gap-y-huge {
    row-gap: var(--wco-spacing-huge)
  }

  .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-spacing-none)
  }

  .lg\:gap-quark {
    gap: var(--wco-spacing-quark)
  }

  .lg\:gap-nano {
    gap: var(--wco-spacing-nano)
  }

  .lg\:gap-xxxs {
    gap: var(--wco-spacing-xxxs)
  }

  .lg\:gap-xxs {
    gap: var(--wco-spacing-xxs)
  }

  .lg\:gap-xs {
    gap: var(--wco-spacing-xs)
  }

  .lg\:gap-sm {
    gap: var(--wco-spacing-sm)
  }

  .lg\:gap-md {
    gap: var(--wco-spacing-md)
  }

  .lg\:gap-lg {
    gap: var(--wco-spacing-lg)
  }

  .lg\:gap-xl {
    gap: var(--wco-spacing-xl)
  }

  .lg\:gap-xxl {
    gap: var(--wco-spacing-xxl)
  }

  .lg\:gap-xxxl {
    gap: var(--wco-spacing-xxxl)
  }

  .lg\:gap-huge {
    gap: var(--wco-spacing-huge)
  }

  .lg\:gap-x-none {
    -moz-column-gap: var(--wco-spacing-none);
         column-gap: var(--wco-spacing-none)
  }

  .lg\:gap-x-quark {
    -moz-column-gap: var(--wco-spacing-quark);
         column-gap: var(--wco-spacing-quark)
  }

  .lg\:gap-x-nano {
    -moz-column-gap: var(--wco-spacing-nano);
         column-gap: var(--wco-spacing-nano)
  }

  .lg\:gap-x-xxxs {
    -moz-column-gap: var(--wco-spacing-xxxs);
         column-gap: var(--wco-spacing-xxxs)
  }

  .lg\:gap-x-xxs {
    -moz-column-gap: var(--wco-spacing-xxs);
         column-gap: var(--wco-spacing-xxs)
  }

  .lg\:gap-x-xs {
    -moz-column-gap: var(--wco-spacing-xs);
         column-gap: var(--wco-spacing-xs)
  }

  .lg\:gap-x-sm {
    -moz-column-gap: var(--wco-spacing-sm);
         column-gap: var(--wco-spacing-sm)
  }

  .lg\:gap-x-md {
    -moz-column-gap: var(--wco-spacing-md);
         column-gap: var(--wco-spacing-md)
  }

  .lg\:gap-x-lg {
    -moz-column-gap: var(--wco-spacing-lg);
         column-gap: var(--wco-spacing-lg)
  }

  .lg\:gap-x-xl {
    -moz-column-gap: var(--wco-spacing-xl);
         column-gap: var(--wco-spacing-xl)
  }

  .lg\:gap-x-xxl {
    -moz-column-gap: var(--wco-spacing-xxl);
         column-gap: var(--wco-spacing-xxl)
  }

  .lg\:gap-x-xxxl {
    -moz-column-gap: var(--wco-spacing-xxxl);
         column-gap: var(--wco-spacing-xxxl)
  }

  .lg\:gap-x-huge {
    -moz-column-gap: var(--wco-spacing-huge);
         column-gap: var(--wco-spacing-huge)
  }

  .lg\:gap-y-none {
    row-gap: var(--wco-spacing-none)
  }

  .lg\:gap-y-quark {
    row-gap: var(--wco-spacing-quark)
  }

  .lg\:gap-y-nano {
    row-gap: var(--wco-spacing-nano)
  }

  .lg\:gap-y-xxxs {
    row-gap: var(--wco-spacing-xxxs)
  }

  .lg\:gap-y-xxs {
    row-gap: var(--wco-spacing-xxs)
  }

  .lg\:gap-y-xs {
    row-gap: var(--wco-spacing-xs)
  }

  .lg\:gap-y-sm {
    row-gap: var(--wco-spacing-sm)
  }

  .lg\:gap-y-md {
    row-gap: var(--wco-spacing-md)
  }

  .lg\:gap-y-lg {
    row-gap: var(--wco-spacing-lg)
  }

  .lg\:gap-y-xl {
    row-gap: var(--wco-spacing-xl)
  }

  .lg\:gap-y-xxl {
    row-gap: var(--wco-spacing-xxl)
  }

  .lg\:gap-y-xxxl {
    row-gap: var(--wco-spacing-xxxl)
  }

  .lg\:gap-y-huge {
    row-gap: var(--wco-spacing-huge)
  }

  .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-spacing-none)
  }

  .xl\:gap-quark {
    gap: var(--wco-spacing-quark)
  }

  .xl\:gap-nano {
    gap: var(--wco-spacing-nano)
  }

  .xl\:gap-xxxs {
    gap: var(--wco-spacing-xxxs)
  }

  .xl\:gap-xxs {
    gap: var(--wco-spacing-xxs)
  }

  .xl\:gap-xs {
    gap: var(--wco-spacing-xs)
  }

  .xl\:gap-sm {
    gap: var(--wco-spacing-sm)
  }

  .xl\:gap-md {
    gap: var(--wco-spacing-md)
  }

  .xl\:gap-lg {
    gap: var(--wco-spacing-lg)
  }

  .xl\:gap-xl {
    gap: var(--wco-spacing-xl)
  }

  .xl\:gap-xxl {
    gap: var(--wco-spacing-xxl)
  }

  .xl\:gap-xxxl {
    gap: var(--wco-spacing-xxxl)
  }

  .xl\:gap-huge {
    gap: var(--wco-spacing-huge)
  }

  .xl\:gap-x-none {
    -moz-column-gap: var(--wco-spacing-none);
         column-gap: var(--wco-spacing-none)
  }

  .xl\:gap-x-quark {
    -moz-column-gap: var(--wco-spacing-quark);
         column-gap: var(--wco-spacing-quark)
  }

  .xl\:gap-x-nano {
    -moz-column-gap: var(--wco-spacing-nano);
         column-gap: var(--wco-spacing-nano)
  }

  .xl\:gap-x-xxxs {
    -moz-column-gap: var(--wco-spacing-xxxs);
         column-gap: var(--wco-spacing-xxxs)
  }

  .xl\:gap-x-xxs {
    -moz-column-gap: var(--wco-spacing-xxs);
         column-gap: var(--wco-spacing-xxs)
  }

  .xl\:gap-x-xs {
    -moz-column-gap: var(--wco-spacing-xs);
         column-gap: var(--wco-spacing-xs)
  }

  .xl\:gap-x-sm {
    -moz-column-gap: var(--wco-spacing-sm);
         column-gap: var(--wco-spacing-sm)
  }

  .xl\:gap-x-md {
    -moz-column-gap: var(--wco-spacing-md);
         column-gap: var(--wco-spacing-md)
  }

  .xl\:gap-x-lg {
    -moz-column-gap: var(--wco-spacing-lg);
         column-gap: var(--wco-spacing-lg)
  }

  .xl\:gap-x-xl {
    -moz-column-gap: var(--wco-spacing-xl);
         column-gap: var(--wco-spacing-xl)
  }

  .xl\:gap-x-xxl {
    -moz-column-gap: var(--wco-spacing-xxl);
         column-gap: var(--wco-spacing-xxl)
  }

  .xl\:gap-x-xxxl {
    -moz-column-gap: var(--wco-spacing-xxxl);
         column-gap: var(--wco-spacing-xxxl)
  }

  .xl\:gap-x-huge {
    -moz-column-gap: var(--wco-spacing-huge);
         column-gap: var(--wco-spacing-huge)
  }

  .xl\:gap-y-none {
    row-gap: var(--wco-spacing-none)
  }

  .xl\:gap-y-quark {
    row-gap: var(--wco-spacing-quark)
  }

  .xl\:gap-y-nano {
    row-gap: var(--wco-spacing-nano)
  }

  .xl\:gap-y-xxxs {
    row-gap: var(--wco-spacing-xxxs)
  }

  .xl\:gap-y-xxs {
    row-gap: var(--wco-spacing-xxs)
  }

  .xl\:gap-y-xs {
    row-gap: var(--wco-spacing-xs)
  }

  .xl\:gap-y-sm {
    row-gap: var(--wco-spacing-sm)
  }

  .xl\:gap-y-md {
    row-gap: var(--wco-spacing-md)
  }

  .xl\:gap-y-lg {
    row-gap: var(--wco-spacing-lg)
  }

  .xl\:gap-y-xl {
    row-gap: var(--wco-spacing-xl)
  }

  .xl\:gap-y-xxl {
    row-gap: var(--wco-spacing-xxl)
  }

  .xl\:gap-y-xxxl {
    row-gap: var(--wco-spacing-xxxl)
  }

  .xl\:gap-y-huge {
    row-gap: var(--wco-spacing-huge)
  }

  .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
  }
}