@media (min-width: 768px) {

  
  .p-md-0 {
    padding: 0;
  }

  .p-md-2xs {
    padding: var(--space-2xs);
  }

  .p-md-xs {
    padding: var(--space-xs);
  }

  .p-md-s {
    padding: var(--space-s);
  }

  .p-md-m {
    padding: var(--space-m);
  }

  .p-md-l {
    padding: var(--space-l);
  }

  .p-md-xl {
    padding: var(--space-xl);
  }

  .p-md-2xl {
    padding: var(--space-2xl);
  }

  .p-md-3xl {
    padding: var(--space-3xl);
  }

  .p-md-4xl {
    padding: var(--space-4xl);
  }

  .p-md-5xl {
    padding: var(--space-5xl);
  }

  
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-md-2xs {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
  }

  .py-md-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }

  .py-md-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
  }

  .py-md-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
  }

  .py-md-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
  }

  .py-md-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }

  .py-md-2xl {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
  }

  .py-md-3xl {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .py-md-4xl {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
  }

  .py-md-5xl {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
  }

  
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .px-md-2xs {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs);
  }

  .px-md-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .px-md-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
  }

  .px-md-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
  }

  .px-md-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
  }

  .px-md-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
  }

  .px-md-2xl {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }

  .px-md-3xl {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }

  .px-md-4xl {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl);
  }

  .px-md-5xl {
    padding-left: var(--space-5xl);
    padding-right: var(--space-5xl);
  }

  
  .pt-md-0 {
    padding-top: 0;
  }

  .pt-md-2xs {
    padding-top: var(--space-2xs);
  }

  .pt-md-xs {
    padding-top: var(--space-xs);
  }

  .pt-md-s {
    padding-top: var(--space-s);
  }

  .pt-md-m {
    padding-top: var(--space-m);
  }

  .pt-md-l {
    padding-top: var(--space-l);
  }

  .pt-md-xl {
    padding-top: var(--space-xl);
  }

  .pt-md-2xl {
    padding-top: var(--space-2xl);
  }

  .pt-md-3xl {
    padding-top: var(--space-3xl);
  }

  .pt-md-4xl {
    padding-top: var(--space-4xl);
  }

  .pt-md-5xl {
    padding-top: var(--space-5xl);
  }

  
  .pb-md-0 {
    padding-bottom: 0;
  }

  .pb-md-2xs {
    padding-bottom: var(--space-2xs);
  }

  .pb-md-xs {
    padding-bottom: var(--space-xs);
  }

  .pb-md-s {
    padding-bottom: var(--space-s);
  }

  .pb-md-m {
    padding-bottom: var(--space-m);
  }

  .pb-md-l {
    padding-bottom: var(--space-l);
  }

  .pb-md-xl {
    padding-bottom: var(--space-xl);
  }

  .pb-md-2xl {
    padding-bottom: var(--space-2xl);
  }

  .pb-md-3xl {
    padding-bottom: var(--space-3xl);
  }

  .pb-md-4xl {
    padding-bottom: var(--space-4xl);
  }

  .pb-md-5xl {
    padding-bottom: var(--space-5xl);
  }

  
  .pl-md-0 {
    padding-left: 0;
  }

  .pl-md-2xs {
    padding-left: var(--space-2xs);
  }

  .pl-md-xs {
    padding-left: var(--space-xs);
  }

  .pl-md-s {
    padding-left: var(--space-s);
  }

  .pl-md-m {
    padding-left: var(--space-m);
  }

  .pl-md-l {
    padding-left: var(--space-l);
  }

  .pl-md-xl {
    padding-left: var(--space-xl);
  }

  .pl-md-2xl {
    padding-left: var(--space-2xl);
  }

  .pl-md-3xl {
    padding-left: var(--space-3xl);
  }

  .pl-md-4xl {
    padding-left: var(--space-4xl);
  }

  .pl-md-5xl {
    padding-left: var(--space-5xl);
  }

  
  .pr-md-0 {
    padding-right: 0;
  }

  .pr-md-2xs {
    padding-right: var(--space-2xs);
  }

  .pr-md-xs {
    padding-right: var(--space-xs);
  }

  .pr-md-s {
    padding-right: var(--space-s);
  }

  .pr-md-m {
    padding-right: var(--space-m);
  }

  .pr-md-l {
    padding-right: var(--space-l);
  }

  .pr-md-xl {
    padding-right: var(--space-xl);
  }

  .pr-md-2xl {
    padding-right: var(--space-2xl);
  }

  .pr-md-3xl {
    padding-right: var(--space-3xl);
  }

  .pr-md-4xl {
    padding-right: var(--space-4xl);
  }

  .pr-md-5xl {
    padding-right: var(--space-5xl);
  }

  
  .m-md-0 {
    margin: 0;
  }

  .m-md-2xs {
    margin: var(--space-2xs);
  }

  .m-md-xs {
    margin: var(--space-xs);
  }

  .m-md-s {
    margin: var(--space-s);
  }

  .m-md-m {
    margin: var(--space-m);
  }

  .m-md-l {
    margin: var(--space-l);
  }

  .m-md-xl {
    margin: var(--space-xl);
  }

  .m-md-2xl {
    margin: var(--space-2xl);
  }

  .m-md-3xl {
    margin: var(--space-3xl);
  }

  .m-md-4xl {
    margin: var(--space-4xl);
  }

  .m-md-5xl {
    margin: var(--space-5xl);
  }

  .m-md-auto {
    margin: auto;
  }

  
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-md-2xs {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-2xs);
  }

  .my-md-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
  }

  .my-md-s {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
  }

  .my-md-m {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
  }

  .my-md-l {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
  }

  .my-md-xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
  }

  .my-md-2xl {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-2xl);
  }

  .my-md-3xl {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-3xl);
  }

  .my-md-4xl {
    margin-top: var(--space-4xl);
    margin-bottom: var(--space-4xl);
  }

  .my-md-5xl {
    margin-top: var(--space-5xl);
    margin-bottom: var(--space-5xl);
  }

  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  
  .mx-md-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .mx-md-2xs {
    margin-left: var(--space-2xs);
    margin-right: var(--space-2xs);
  }

  .mx-md-xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
  }

  .mx-md-s {
    margin-left: var(--space-s);
    margin-right: var(--space-s);
  }

  .mx-md-m {
    margin-left: var(--space-m);
    margin-right: var(--space-m);
  }

  .mx-md-l {
    margin-left: var(--space-l);
    margin-right: var(--space-l);
  }

  .mx-md-xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl);
  }

  .mx-md-2xl {
    margin-left: var(--space-2xl);
    margin-right: var(--space-2xl);
  }

  .mx-md-3xl {
    margin-left: var(--space-3xl);
    margin-right: var(--space-3xl);
  }

  .mx-md-4xl {
    margin-left: var(--space-4xl);
    margin-right: var(--space-4xl);
  }

  .mx-md-5xl {
    margin-left: var(--space-5xl);
    margin-right: var(--space-5xl);
  }

  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }

  
  .mt-md-0 {
    margin-top: 0;
  }

  .mt-md-2xs {
    margin-top: var(--space-2xs);
  }

  .mt-md-xs {
    margin-top: var(--space-xs);
  }

  .mt-md-s {
    margin-top: var(--space-s);
  }

  .mt-md-m {
    margin-top: var(--space-m);
  }

  .mt-md-l {
    margin-top: var(--space-l);
  }

  .mt-md-xl {
    margin-top: var(--space-xl);
  }

  .mt-md-2xl {
    margin-top: var(--space-2xl);
  }

  .mt-md-3xl {
    margin-top: var(--space-3xl);
  }

  .mt-md-4xl {
    margin-top: var(--space-4xl);
  }

  .mt-md-5xl {
    margin-top: var(--space-5xl);
  }

  .mt-md-auto {
    margin-top: auto;
  }

  
  .mb-md-0 {
    margin-bottom: 0;
  }

  .mb-md-2xs {
    margin-bottom: var(--space-2xs);
  }

  .mb-md-xs {
    margin-bottom: var(--space-xs);
  }

  .mb-md-s {
    margin-bottom: var(--space-s);
  }

  .mb-md-m {
    margin-bottom: var(--space-m);
  }

  .mb-md-l {
    margin-bottom: var(--space-l);
  }

  .mb-md-xl {
    margin-bottom: var(--space-xl);
  }

  .mb-md-2xl {
    margin-bottom: var(--space-2xl);
  }

  .mb-md-3xl {
    margin-bottom: var(--space-3xl);
  }

  .mb-md-4xl {
    margin-bottom: var(--space-4xl);
  }

  .mb-md-5xl {
    margin-bottom: var(--space-5xl);
  }

  .mb-md-auto {
    margin-bottom: auto;
  }

  
  .ml-md-0 {
    margin-left: 0;
  }

  .ml-md-2xs {
    margin-left: var(--space-2xs);
  }

  .ml-md-xs {
    margin-left: var(--space-xs);
  }

  .ml-md-s {
    margin-left: var(--space-s);
  }

  .ml-md-m {
    margin-left: var(--space-m);
  }

  .ml-md-l {
    margin-left: var(--space-l);
  }

  .ml-md-xl {
    margin-left: var(--space-xl);
  }

  .ml-md-2xl {
    margin-left: var(--space-2xl);
  }

  .ml-md-3xl {
    margin-left: var(--space-3xl);
  }

  .ml-md-4xl {
    margin-left: var(--space-4xl);
  }

  .ml-md-5xl {
    margin-left: var(--space-5xl);
  }

  .ml-md-auto {
    margin-left: auto;
  }

  
  .mr-md-0 {
    margin-right: 0;
  }

  .mr-md-2xs {
    margin-right: var(--space-2xs);
  }

  .mr-md-xs {
    margin-right: var(--space-xs);
  }

  .mr-md-s {
    margin-right: var(--space-s);
  }

  .mr-md-m {
    margin-right: var(--space-m);
  }

  .mr-md-l {
    margin-right: var(--space-l);
  }

  .mr-md-xl {
    margin-right: var(--space-xl);
  }

  .mr-md-2xl {
    margin-right: var(--space-2xl);
  }

  .mr-md-3xl {
    margin-right: var(--space-3xl);
  }

  .mr-md-4xl {
    margin-right: var(--space-4xl);
  }

  .mr-md-5xl {
    margin-right: var(--space-5xl);
  }

  .mr-md-auto {
    margin-right: auto;
  }

  
  .gap-md-2xs {
    gap: var(--space-2xs);
  }

  .gap-md-xs {
    gap: var(--space-xs);
  }

  .gap-md-s {
    gap: var(--space-s);
  }

  .gap-md-m {
    gap: var(--space-m);
  }

  .gap-md-l {
    gap: var(--space-l);
  }

  .gap-md-xl {
    gap: var(--space-xl);
  }

  .gap-md-2xl {
    gap: var(--space-2xl);
  }

  .gap-md-3xl {
    gap: var(--space-3xl);
  }

  .gap-md-4xl {
    gap: var(--space-4xl);
  }

  .gap-md-5xl {
    gap: var(--space-5xl);
  }

  .gap-md-0 {
    gap: 0;
  }

  
  .block-md {
    display: block;
  }

  .inline-block-md {
    display: inline-block;
  }

  .inline-md {
    display: inline;
  }

  .flex-md {
    display: flex;
  }

  .inline-flex-md {
    display: inline-flex;
  }

  .grid-md {
    display: grid;
  }

  .hidden-md {
    display: none;
  }

  
  .flex-row-md {
    flex-direction: row;
  }

  .flex-col-md {
    flex-direction: column;
  }

  
  .justify-start-md {
    justify-content: flex-start;
  }

  .justify-center-md {
    justify-content: center;
  }

  .justify-end-md {
    justify-content: flex-end;
  }

  .justify-between-md {
    justify-content: space-between;
  }

  
  .items-start-md {
    align-items: flex-start;
  }

  .items-center-md {
    align-items: center;
  }

  .items-end-md {
    align-items: flex-end;
  }

  .items-stretch-md {
    align-items: stretch;
  }

  
  .grid-md-1-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-md-2-cols {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-md-3-cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-md-4-cols {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-md-5-cols {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-md-6-cols {
    grid-template-columns: repeat(6, 1fr);
  }

  
  .text-left-md {
    text-align: left;
  }

  .text-center-md {
    text-align: center;
  }

  .text-right-md {
    text-align: right;
  }

  
  .w-full-md {
    width: 100%;
  }

  .w-auto-md {
    width: auto;
  }

  .w-50-md {
    width: 50%;
  }

  .w-33-md {
    width: 33.333%;
  }

  .w-25-md {
    width: 25%;
  }

  
  .order-first-md {
    order: -9999;
  }

  .order-last-md {
    order: 9999;
  }

  .order-none-md {
    order: 0;
  }
}


@media (min-width: 992px) {

  
  .p-lg-0 {
    padding: 0;
  }

  .p-lg-2xs {
    padding: var(--space-2xs);
  }

  .p-lg-xs {
    padding: var(--space-xs);
  }

  .p-lg-s {
    padding: var(--space-s);
  }

  .p-lg-m {
    padding: var(--space-m);
  }

  .p-lg-l {
    padding: var(--space-l);
  }

  .p-lg-xl {
    padding: var(--space-xl);
  }

  .p-lg-2xl {
    padding: var(--space-2xl);
  }

  .p-lg-3xl {
    padding: var(--space-3xl);
  }

  .p-lg-4xl {
    padding: var(--space-4xl);
  }

  .p-lg-5xl {
    padding: var(--space-5xl);
  }

  
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-lg-2xs {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
  }

  .py-lg-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }

  .py-lg-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
  }

  .py-lg-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
  }

  .py-lg-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
  }

  .py-lg-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }

  .py-lg-2xl {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
  }

  .py-lg-3xl {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .py-lg-4xl {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
  }

  .py-lg-5xl {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
  }

  
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .px-lg-2xs {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs);
  }

  .px-lg-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .px-lg-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
  }

  .px-lg-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
  }

  .px-lg-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
  }

  .px-lg-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
  }

  .px-lg-2xl {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }

  .px-lg-3xl {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }

  .px-lg-4xl {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl);
  }

  .px-lg-5xl {
    padding-left: var(--space-5xl);
    padding-right: var(--space-5xl);
  }

  
  .pt-lg-0 {
    padding-top: 0;
  }

  .pt-lg-2xs {
    padding-top: var(--space-2xs);
  }

  .pt-lg-xs {
    padding-top: var(--space-xs);
  }

  .pt-lg-s {
    padding-top: var(--space-s);
  }

  .pt-lg-m {
    padding-top: var(--space-m);
  }

  .pt-lg-l {
    padding-top: var(--space-l);
  }

  .pt-lg-xl {
    padding-top: var(--space-xl);
  }

  .pt-lg-2xl {
    padding-top: var(--space-2xl);
  }

  .pt-lg-3xl {
    padding-top: var(--space-3xl);
  }

  .pt-lg-4xl {
    padding-top: var(--space-4xl);
  }

  .pt-lg-5xl {
    padding-top: var(--space-5xl);
  }

  
  .pb-lg-0 {
    padding-bottom: 0;
  }

  .pb-lg-2xs {
    padding-bottom: var(--space-2xs);
  }

  .pb-lg-xs {
    padding-bottom: var(--space-xs);
  }

  .pb-lg-s {
    padding-bottom: var(--space-s);
  }

  .pb-lg-m {
    padding-bottom: var(--space-m);
  }

  .pb-lg-l {
    padding-bottom: var(--space-l);
  }

  .pb-lg-xl {
    padding-bottom: var(--space-xl);
  }

  .pb-lg-2xl {
    padding-bottom: var(--space-2xl);
  }

  .pb-lg-3xl {
    padding-bottom: var(--space-3xl);
  }

  .pb-lg-4xl {
    padding-bottom: var(--space-4xl);
  }

  .pb-lg-5xl {
    padding-bottom: var(--space-5xl);
  }

  
  .pl-lg-0 {
    padding-left: 0;
  }

  .pl-lg-2xs {
    padding-left: var(--space-2xs);
  }

  .pl-lg-xs {
    padding-left: var(--space-xs);
  }

  .pl-lg-s {
    padding-left: var(--space-s);
  }

  .pl-lg-m {
    padding-left: var(--space-m);
  }

  .pl-lg-l {
    padding-left: var(--space-l);
  }

  .pl-lg-xl {
    padding-left: var(--space-xl);
  }

  .pl-lg-2xl {
    padding-left: var(--space-2xl);
  }

  .pl-lg-3xl {
    padding-left: var(--space-3xl);
  }

  .pl-lg-4xl {
    padding-left: var(--space-4xl);
  }

  .pl-lg-5xl {
    padding-left: var(--space-5xl);
  }

  
  .pr-lg-0 {
    padding-right: 0;
  }

  .pr-lg-2xs {
    padding-right: var(--space-2xs);
  }

  .pr-lg-xs {
    padding-right: var(--space-xs);
  }

  .pr-lg-s {
    padding-right: var(--space-s);
  }

  .pr-lg-m {
    padding-right: var(--space-m);
  }

  .pr-lg-l {
    padding-right: var(--space-l);
  }

  .pr-lg-xl {
    padding-right: var(--space-xl);
  }

  .pr-lg-2xl {
    padding-right: var(--space-2xl);
  }

  .pr-lg-3xl {
    padding-right: var(--space-3xl);
  }

  .pr-lg-4xl {
    padding-right: var(--space-4xl);
  }

  .pr-lg-5xl {
    padding-right: var(--space-5xl);
  }

  
  .m-lg-0 {
    margin: 0;
  }

  .m-lg-2xs {
    margin: var(--space-2xs);
  }

  .m-lg-xs {
    margin: var(--space-xs);
  }

  .m-lg-s {
    margin: var(--space-s);
  }

  .m-lg-m {
    margin: var(--space-m);
  }

  .m-lg-l {
    margin: var(--space-l);
  }

  .m-lg-xl {
    margin: var(--space-xl);
  }

  .m-lg-2xl {
    margin: var(--space-2xl);
  }

  .m-lg-3xl {
    margin: var(--space-3xl);
  }

  .m-lg-4xl {
    margin: var(--space-4xl);
  }

  .m-lg-5xl {
    margin: var(--space-5xl);
  }

  .m-lg-auto {
    margin: auto;
  }

  
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-lg-2xs {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-2xs);
  }

  .my-lg-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
  }

  .my-lg-s {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
  }

  .my-lg-m {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
  }

  .my-lg-l {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
  }

  .my-lg-xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
  }

  .my-lg-2xl {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-2xl);
  }

  .my-lg-3xl {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-3xl);
  }

  .my-lg-4xl {
    margin-top: var(--space-4xl);
    margin-bottom: var(--space-4xl);
  }

  .my-lg-5xl {
    margin-top: var(--space-5xl);
    margin-bottom: var(--space-5xl);
  }

  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  
  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .mx-lg-2xs {
    margin-left: var(--space-2xs);
    margin-right: var(--space-2xs);
  }

  .mx-lg-xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
  }

  .mx-lg-s {
    margin-left: var(--space-s);
    margin-right: var(--space-s);
  }

  .mx-lg-m {
    margin-left: var(--space-m);
    margin-right: var(--space-m);
  }

  .mx-lg-l {
    margin-left: var(--space-l);
    margin-right: var(--space-l);
  }

  .mx-lg-xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl);
  }

  .mx-lg-2xl {
    margin-left: var(--space-2xl);
    margin-right: var(--space-2xl);
  }

  .mx-lg-3xl {
    margin-left: var(--space-3xl);
    margin-right: var(--space-3xl);
  }

  .mx-lg-4xl {
    margin-left: var(--space-4xl);
    margin-right: var(--space-4xl);
  }

  .mx-lg-5xl {
    margin-left: var(--space-5xl);
    margin-right: var(--space-5xl);
  }

  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }

  
  .mt-lg-0 {
    margin-top: 0;
  }

  .mt-lg-2xs {
    margin-top: var(--space-2xs);
  }

  .mt-lg-xs {
    margin-top: var(--space-xs);
  }

  .mt-lg-s {
    margin-top: var(--space-s);
  }

  .mt-lg-m {
    margin-top: var(--space-m);
  }

  .mt-lg-l {
    margin-top: var(--space-l);
  }

  .mt-lg-xl {
    margin-top: var(--space-xl);
  }

  .mt-lg-2xl {
    margin-top: var(--space-2xl);
  }

  .mt-lg-3xl {
    margin-top: var(--space-3xl);
  }

  .mt-lg-4xl {
    margin-top: var(--space-4xl);
  }

  .mt-lg-5xl {
    margin-top: var(--space-5xl);
  }

  .mt-lg-auto {
    margin-top: auto;
  }

  
  .mb-lg-0 {
    margin-bottom: 0;
  }

  .mb-lg-2xs {
    margin-bottom: var(--space-2xs);
  }

  .mb-lg-xs {
    margin-bottom: var(--space-xs);
  }

  .mb-lg-s {
    margin-bottom: var(--space-s);
  }

  .mb-lg-m {
    margin-bottom: var(--space-m);
  }

  .mb-lg-l {
    margin-bottom: var(--space-l);
  }

  .mb-lg-xl {
    margin-bottom: var(--space-xl);
  }

  .mb-lg-2xl {
    margin-bottom: var(--space-2xl);
  }

  .mb-lg-3xl {
    margin-bottom: var(--space-3xl);
  }

  .mb-lg-4xl {
    margin-bottom: var(--space-4xl);
  }

  .mb-lg-5xl {
    margin-bottom: var(--space-5xl);
  }

  .mb-lg-auto {
    margin-bottom: auto;
  }

  
  .ml-lg-0 {
    margin-left: 0;
  }

  .ml-lg-2xs {
    margin-left: var(--space-2xs);
  }

  .ml-lg-xs {
    margin-left: var(--space-xs);
  }

  .ml-lg-s {
    margin-left: var(--space-s);
  }

  .ml-lg-m {
    margin-left: var(--space-m);
  }

  .ml-lg-l {
    margin-left: var(--space-l);
  }

  .ml-lg-xl {
    margin-left: var(--space-xl);
  }

  .ml-lg-2xl {
    margin-left: var(--space-2xl);
  }

  .ml-lg-3xl {
    margin-left: var(--space-3xl);
  }

  .ml-lg-4xl {
    margin-left: var(--space-4xl);
  }

  .ml-lg-5xl {
    margin-left: var(--space-5xl);
  }

  .ml-lg-auto {
    margin-left: auto;
  }

  
  .mr-lg-0 {
    margin-right: 0;
  }

  .mr-lg-2xs {
    margin-right: var(--space-2xs);
  }

  .mr-lg-xs {
    margin-right: var(--space-xs);
  }

  .mr-lg-s {
    margin-right: var(--space-s);
  }

  .mr-lg-m {
    margin-right: var(--space-m);
  }

  .mr-lg-l {
    margin-right: var(--space-l);
  }

  .mr-lg-xl {
    margin-right: var(--space-xl);
  }

  .mr-lg-2xl {
    margin-right: var(--space-2xl);
  }

  .mr-lg-3xl {
    margin-right: var(--space-3xl);
  }

  .mr-lg-4xl {
    margin-right: var(--space-4xl);
  }

  .mr-lg-5xl {
    margin-right: var(--space-5xl);
  }

  .mr-lg-auto {
    margin-right: auto;
  }

  
  .gap-lg-2xs {
    gap: var(--space-2xs);
  }

  .gap-lg-xs {
    gap: var(--space-xs);
  }

  .gap-lg-s {
    gap: var(--space-s);
  }

  .gap-lg-m {
    gap: var(--space-m);
  }

  .gap-lg-l {
    gap: var(--space-l);
  }

  .gap-lg-xl {
    gap: var(--space-xl);
  }

  .gap-lg-2xl {
    gap: var(--space-2xl);
  }

  .gap-lg-3xl {
    gap: var(--space-3xl);
  }

  .gap-lg-4xl {
    gap: var(--space-4xl);
  }

  .gap-lg-5xl {
    gap: var(--space-5xl);
  }

  .gap-lg-0 {
    gap: 0;
  }

  
  .block-lg {
    display: block;
  }

  .inline-block-lg {
    display: inline-block;
  }

  .inline-lg {
    display: inline;
  }

  .flex-lg {
    display: flex;
  }

  .inline-flex-lg {
    display: inline-flex;
  }

  .grid-lg {
    display: grid;
  }

  .hidden-lg {
    display: none;
  }

  
  .flex-row-lg {
    flex-direction: row;
  }

  .flex-col-lg {
    flex-direction: column;
  }

  
  .justify-start-lg {
    justify-content: flex-start;
  }

  .justify-center-lg {
    justify-content: center;
  }

  .justify-end-lg {
    justify-content: flex-end;
  }

  .justify-between-lg {
    justify-content: space-between;
  }

  
  .items-start-lg {
    align-items: flex-start;
  }

  .items-center-lg {
    align-items: center;
  }

  .items-end-lg {
    align-items: flex-end;
  }

  .items-stretch-lg {
    align-items: stretch;
  }

  
  .grid-lg-1-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-lg-2-cols {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-lg-3-cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-lg-4-cols {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-lg-5-cols {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-lg-6-cols {
    grid-template-columns: repeat(6, 1fr);
  }

  
  .text-left-lg {
    text-align: left;
  }

  .text-center-lg {
    text-align: center;
  }

  .text-right-lg {
    text-align: right;
  }

  
  .w-full-lg {
    width: 100%;
  }

  .w-auto-lg {
    width: auto;
  }

  .w-50-lg {
    width: 50%;
  }

  .w-33-lg {
    width: 33.333%;
  }

  .w-25-lg {
    width: 25%;
  }

  
  .order-first-lg {
    order: -9999;
  }

  .order-last-lg {
    order: 9999;
  }

  .order-none-lg {
    order: 0;
  }
}


@media (min-width: 1200px) {

  
  .p-xl-0 {
    padding: 0;
  }

  .p-xl-2xs {
    padding: var(--space-2xs);
  }

  .p-xl-xs {
    padding: var(--space-xs);
  }

  .p-xl-s {
    padding: var(--space-s);
  }

  .p-xl-m {
    padding: var(--space-m);
  }

  .p-xl-l {
    padding: var(--space-l);
  }

  .p-xl-xl {
    padding: var(--space-xl);
  }

  .p-xl-2xl {
    padding: var(--space-2xl);
  }

  .p-xl-3xl {
    padding: var(--space-3xl);
  }

  .p-xl-4xl {
    padding: var(--space-4xl);
  }

  .p-xl-5xl {
    padding: var(--space-5xl);
  }

  
  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-xl-2xs {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
  }

  .py-xl-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }

  .py-xl-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
  }

  .py-xl-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
  }

  .py-xl-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
  }

  .py-xl-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }

  .py-xl-2xl {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
  }

  .py-xl-3xl {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .py-xl-4xl {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
  }

  .py-xl-5xl {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
  }

  
  .px-xl-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .px-xl-2xs {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs);
  }

  .px-xl-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .px-xl-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
  }

  .px-xl-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
  }

  .px-xl-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
  }

  .px-xl-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
  }

  .px-xl-2xl {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }

  .px-xl-3xl {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }

  .px-xl-4xl {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl);
  }

  .px-xl-5xl {
    padding-left: var(--space-5xl);
    padding-right: var(--space-5xl);
  }

  
  .pt-xl-0 {
    padding-top: 0;
  }

  .pt-xl-2xs {
    padding-top: var(--space-2xs);
  }

  .pt-xl-xs {
    padding-top: var(--space-xs);
  }

  .pt-xl-s {
    padding-top: var(--space-s);
  }

  .pt-xl-m {
    padding-top: var(--space-m);
  }

  .pt-xl-l {
    padding-top: var(--space-l);
  }

  .pt-xl-xl {
    padding-top: var(--space-xl);
  }

  .pt-xl-2xl {
    padding-top: var(--space-2xl);
  }

  .pt-xl-3xl {
    padding-top: var(--space-3xl);
  }

  .pt-xl-4xl {
    padding-top: var(--space-4xl);
  }

  .pt-xl-5xl {
    padding-top: var(--space-5xl);
  }

  
  .pb-xl-0 {
    padding-bottom: 0;
  }

  .pb-xl-2xs {
    padding-bottom: var(--space-2xs);
  }

  .pb-xl-xs {
    padding-bottom: var(--space-xs);
  }

  .pb-xl-s {
    padding-bottom: var(--space-s);
  }

  .pb-xl-m {
    padding-bottom: var(--space-m);
  }

  .pb-xl-l {
    padding-bottom: var(--space-l);
  }

  .pb-xl-xl {
    padding-bottom: var(--space-xl);
  }

  .pb-xl-2xl {
    padding-bottom: var(--space-2xl);
  }

  .pb-xl-3xl {
    padding-bottom: var(--space-3xl);
  }

  .pb-xl-4xl {
    padding-bottom: var(--space-4xl);
  }

  .pb-xl-5xl {
    padding-bottom: var(--space-5xl);
  }

  
  .pl-xl-0 {
    padding-left: 0;
  }

  .pl-xl-2xs {
    padding-left: var(--space-2xs);
  }

  .pl-xl-xs {
    padding-left: var(--space-xs);
  }

  .pl-xl-s {
    padding-left: var(--space-s);
  }

  .pl-xl-m {
    padding-left: var(--space-m);
  }

  .pl-xl-l {
    padding-left: var(--space-l);
  }

  .pl-xl-xl {
    padding-left: var(--space-xl);
  }

  .pl-xl-2xl {
    padding-left: var(--space-2xl);
  }

  .pl-xl-3xl {
    padding-left: var(--space-3xl);
  }

  .pl-xl-4xl {
    padding-left: var(--space-4xl);
  }

  .pl-xl-5xl {
    padding-left: var(--space-5xl);
  }

  
  .pr-xl-0 {
    padding-right: 0;
  }

  .pr-xl-2xs {
    padding-right: var(--space-2xs);
  }

  .pr-xl-xs {
    padding-right: var(--space-xs);
  }

  .pr-xl-s {
    padding-right: var(--space-s);
  }

  .pr-xl-m {
    padding-right: var(--space-m);
  }

  .pr-xl-l {
    padding-right: var(--space-l);
  }

  .pr-xl-xl {
    padding-right: var(--space-xl);
  }

  .pr-xl-2xl {
    padding-right: var(--space-2xl);
  }

  .pr-xl-3xl {
    padding-right: var(--space-3xl);
  }

  .pr-xl-4xl {
    padding-right: var(--space-4xl);
  }

  .pr-xl-5xl {
    padding-right: var(--space-5xl);
  }

  
  .m-xl-0 {
    margin: 0;
  }

  .m-xl-2xs {
    margin: var(--space-2xs);
  }

  .m-xl-xs {
    margin: var(--space-xs);
  }

  .m-xl-s {
    margin: var(--space-s);
  }

  .m-xl-m {
    margin: var(--space-m);
  }

  .m-xl-l {
    margin: var(--space-l);
  }

  .m-xl-xl {
    margin: var(--space-xl);
  }

  .m-xl-2xl {
    margin: var(--space-2xl);
  }

  .m-xl-3xl {
    margin: var(--space-3xl);
  }

  .m-xl-4xl {
    margin: var(--space-4xl);
  }

  .m-xl-5xl {
    margin: var(--space-5xl);
  }

  .m-xl-auto {
    margin: auto;
  }

  
  .my-xl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-xl-2xs {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-2xs);
  }

  .my-xl-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
  }

  .my-xl-s {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
  }

  .my-xl-m {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
  }

  .my-xl-l {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
  }

  .my-xl-xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
  }

  .my-xl-2xl {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-2xl);
  }

  .my-xl-3xl {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-3xl);
  }

  .my-xl-4xl {
    margin-top: var(--space-4xl);
    margin-bottom: var(--space-4xl);
  }

  .my-xl-5xl {
    margin-top: var(--space-5xl);
    margin-bottom: var(--space-5xl);
  }

  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  
  .mx-xl-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .mx-xl-2xs {
    margin-left: var(--space-2xs);
    margin-right: var(--space-2xs);
  }

  .mx-xl-xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
  }

  .mx-xl-s {
    margin-left: var(--space-s);
    margin-right: var(--space-s);
  }

  .mx-xl-m {
    margin-left: var(--space-m);
    margin-right: var(--space-m);
  }

  .mx-xl-l {
    margin-left: var(--space-l);
    margin-right: var(--space-l);
  }

  .mx-xl-xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl);
  }

  .mx-xl-2xl {
    margin-left: var(--space-2xl);
    margin-right: var(--space-2xl);
  }

  .mx-xl-3xl {
    margin-left: var(--space-3xl);
    margin-right: var(--space-3xl);
  }

  .mx-xl-4xl {
    margin-left: var(--space-4xl);
    margin-right: var(--space-4xl);
  }

  .mx-xl-5xl {
    margin-left: var(--space-5xl);
    margin-right: var(--space-5xl);
  }

  .mx-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }

  
  .mt-xl-0 {
    margin-top: 0;
  }

  .mt-xl-2xs {
    margin-top: var(--space-2xs);
  }

  .mt-xl-xs {
    margin-top: var(--space-xs);
  }

  .mt-xl-s {
    margin-top: var(--space-s);
  }

  .mt-xl-m {
    margin-top: var(--space-m);
  }

  .mt-xl-l {
    margin-top: var(--space-l);
  }

  .mt-xl-xl {
    margin-top: var(--space-xl);
  }

  .mt-xl-2xl {
    margin-top: var(--space-2xl);
  }

  .mt-xl-3xl {
    margin-top: var(--space-3xl);
  }

  .mt-xl-4xl {
    margin-top: var(--space-4xl);
  }

  .mt-xl-5xl {
    margin-top: var(--space-5xl);
  }

  .mt-xl-auto {
    margin-top: auto;
  }

  
  .mb-xl-0 {
    margin-bottom: 0;
  }

  .mb-xl-2xs {
    margin-bottom: var(--space-2xs);
  }

  .mb-xl-xs {
    margin-bottom: var(--space-xs);
  }

  .mb-xl-s {
    margin-bottom: var(--space-s);
  }

  .mb-xl-m {
    margin-bottom: var(--space-m);
  }

  .mb-xl-l {
    margin-bottom: var(--space-l);
  }

  .mb-xl-xl {
    margin-bottom: var(--space-xl);
  }

  .mb-xl-2xl {
    margin-bottom: var(--space-2xl);
  }

  .mb-xl-3xl {
    margin-bottom: var(--space-3xl);
  }

  .mb-xl-4xl {
    margin-bottom: var(--space-4xl);
  }

  .mb-xl-5xl {
    margin-bottom: var(--space-5xl);
  }

  .mb-xl-auto {
    margin-bottom: auto;
  }

  
  .ml-xl-0 {
    margin-left: 0;
  }

  .ml-xl-2xs {
    margin-left: var(--space-2xs);
  }

  .ml-xl-xs {
    margin-left: var(--space-xs);
  }

  .ml-xl-s {
    margin-left: var(--space-s);
  }

  .ml-xl-m {
    margin-left: var(--space-m);
  }

  .ml-xl-l {
    margin-left: var(--space-l);
  }

  .ml-xl-xl {
    margin-left: var(--space-xl);
  }

  .ml-xl-2xl {
    margin-left: var(--space-2xl);
  }

  .ml-xl-3xl {
    margin-left: var(--space-3xl);
  }

  .ml-xl-4xl {
    margin-left: var(--space-4xl);
  }

  .ml-xl-5xl {
    margin-left: var(--space-5xl);
  }

  .ml-xl-auto {
    margin-left: auto;
  }

  
  .mr-xl-0 {
    margin-right: 0;
  }

  .mr-xl-2xs {
    margin-right: var(--space-2xs);
  }

  .mr-xl-xs {
    margin-right: var(--space-xs);
  }

  .mr-xl-s {
    margin-right: var(--space-s);
  }

  .mr-xl-m {
    margin-right: var(--space-m);
  }

  .mr-xl-l {
    margin-right: var(--space-l);
  }

  .mr-xl-xl {
    margin-right: var(--space-xl);
  }

  .mr-xl-2xl {
    margin-right: var(--space-2xl);
  }

  .mr-xl-3xl {
    margin-right: var(--space-3xl);
  }

  .mr-xl-4xl {
    margin-right: var(--space-4xl);
  }

  .mr-xl-5xl {
    margin-right: var(--space-5xl);
  }

  .mr-xl-auto {
    margin-right: auto;
  }

  
  .gap-xl-2xs {
    gap: var(--space-2xs);
  }

  .gap-xl-xs {
    gap: var(--space-xs);
  }

  .gap-xl-s {
    gap: var(--space-s);
  }

  .gap-xl-m {
    gap: var(--space-m);
  }

  .gap-xl-l {
    gap: var(--space-l);
  }

  .gap-xl-xl {
    gap: var(--space-xl);
  }

  .gap-xl-2xl {
    gap: var(--space-2xl);
  }

  .gap-xl-3xl {
    gap: var(--space-3xl);
  }

  .gap-xl-4xl {
    gap: var(--space-4xl);
  }

  .gap-xl-5xl {
    gap: var(--space-5xl);
  }

  .gap-xl-0 {
    gap: 0;
  }

  
  .block-xl {
    display: block;
  }

  .inline-block-xl {
    display: inline-block;
  }

  .inline-xl {
    display: inline;
  }

  .flex-xl {
    display: flex;
  }

  .inline-flex-xl {
    display: inline-flex;
  }

  .grid-xl {
    display: grid;
  }

  .hidden-xl {
    display: none;
  }

  
  .flex-row-xl {
    flex-direction: row;
  }

  .flex-col-xl {
    flex-direction: column;
  }

  
  .justify-start-xl {
    justify-content: flex-start;
  }

  .justify-center-xl {
    justify-content: center;
  }

  .justify-end-xl {
    justify-content: flex-end;
  }

  .justify-between-xl {
    justify-content: space-between;
  }

  
  .items-start-xl {
    align-items: flex-start;
  }

  .items-center-xl {
    align-items: center;
  }

  .items-end-xl {
    align-items: flex-end;
  }

  .items-stretch-xl {
    align-items: stretch;
  }

  
  .grid-xl-1-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-xl-2-cols {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-xl-3-cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-xl-4-cols {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-xl-5-cols {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-xl-6-cols {
    grid-template-columns: repeat(6, 1fr);
  }

  
  .text-left-xl {
    text-align: left;
  }

  .text-center-xl {
    text-align: center;
  }

  .text-right-xl {
    text-align: right;
  }

  
  .w-full-xl {
    width: 100%;
  }

  .w-auto-xl {
    width: auto;
  }

  .w-50-xl {
    width: 50%;
  }

  .w-33-xl {
    width: 33.333%;
  }

  .w-25-xl {
    width: 25%;
  }

  
  .order-first-xl {
    order: -9999;
  }

  .order-last-xl {
    order: 9999;
  }

  .order-none-xl {
    order: 0;
  }
}


@media (max-width: 767px) {

  
  .block-sm-down {
    display: block;
  }

  .inline-block-sm-down {
    display: inline-block;
  }

  .flex-sm-down {
    display: flex;
  }

  .hidden-sm-down {
    display: none;
  }

  
  .flex-row-sm-down {
    flex-direction: row;
  }

  .flex-col-sm-down {
    flex-direction: column;
  }

  
  .text-left-sm-down {
    text-align: left;
  }

  .text-center-sm-down {
    text-align: center;
  }

  .text-right-sm-down {
    text-align: right;
  }

  
  .w-full-sm-down {
    width: 100%;
  }

  .w-auto-sm-down {
    width: auto;
  }

  
  .p-sm-down-0 {
    padding: 0;
  }

  .p-sm-down-xs {
    padding: var(--space-xs);
  }

  .p-sm-down-s {
    padding: var(--space-s);
  }

  .p-sm-down-m {
    padding: var(--space-m);
  }

  .py-sm-down-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-sm-down-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }

  .py-sm-down-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
  }

  .py-sm-down-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
  }

  .py-sm-down-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
  }

  .px-sm-down-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .px-sm-down-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .px-sm-down-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
  }

  .px-sm-down-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
  }

  .pt-sm-down-0 {
    padding-top: 0;
  }

  .pt-sm-down-xs {
    padding-top: var(--space-xs);
  }

  .pt-sm-down-s {
    padding-top: var(--space-s);
  }

  .pt-sm-down-m {
    padding-top: var(--space-m);
  }

  .pb-sm-down-0 {
    padding-bottom: 0;
  }

  .pb-sm-down-xs {
    padding-bottom: var(--space-xs);
  }

  .pb-sm-down-s {
    padding-bottom: var(--space-s);
  }

  .pb-sm-down-m {
    padding-bottom: var(--space-m);
  }

  
  .m-sm-down-0 {
    margin: 0;
  }

  .m-sm-down-xs {
    margin: var(--space-xs);
  }

  .m-sm-down-s {
    margin: var(--space-s);
  }

  .m-sm-down-m {
    margin: var(--space-m);
  }

  .mt-sm-down-0 {
    margin-top: 0;
  }

  .mt-sm-down-xs {
    margin-top: var(--space-xs);
  }

  .mt-sm-down-s {
    margin-top: var(--space-s);
  }

  .mt-sm-down-m {
    margin-top: var(--space-m);
  }

  .mb-sm-down-0 {
    margin-bottom: 0;
  }

  .mb-sm-down-xs {
    margin-bottom: var(--space-xs);
  }

  .mb-sm-down-s {
    margin-bottom: var(--space-s);
  }

  .mb-sm-down-m {
    margin-bottom: var(--space-m);
  }

  .mx-sm-down-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .mx-sm-down-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .my-sm-down-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  
  .gap-sm-down-0 {
    gap: 0;
  }

  .gap-sm-down-xs {
    gap: var(--space-xs);
  }

  .gap-sm-down-s {
    gap: var(--space-s);
  }

  .gap-sm-down-m {
    gap: var(--space-m);
  }

  
  .grid-sm-down-1-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-sm-down-2-cols {
    grid-template-columns: repeat(2, 1fr);
  }

  
  .order-first-sm-down {
    order: -9999;
  }

  .order-last-sm-down {
    order: 9999;
  }

  .order-none-sm-down {
    order: 0;
  }
}