/* prettier-ignore */
:root {
  --dnyc-space-0: 0px;
  --dnyc-space-8: 4px;
  --dnyc-space-20: 8px;
  --dnyc-space-36: 12px;
  --dnyc-space-60: 20px;
  --dnyc-space-96: 30px;
  --dnyc-space-120: 40px;
  --dnyc-space-180: 60px;
  --dnyc-space-rem-8: 0.25rem; /* 4px */
  --dnyc-space-rem-20: 0.5rem; /* 8px */
  --dnyc-space-rem-36: 0.75rem; /* 12px */
  --dnyc-space-rem-60: 1.25rem; /* 20px */
  --dnyc-space-rem-96: 1.875rem; /* 30px */
  --dnyc-space-rem-120: 2.5rem; /* 40px */
  --dnyc-space-rem-180: 3.75rem; /* 60px */
}
@media screen and (min-width: 768px) {
  :root {
    --dnyc-space-8: 8px;
    --dnyc-space-20: 12px;
    --dnyc-space-36: 18px;
    --dnyc-space-60: 32px;
    --dnyc-space-96: 48px;
    --dnyc-space-120: 60px;
    --dnyc-space-180: 90px;
    --dnyc-space-rem-20: 0.75rem; /* 12px */
    --dnyc-space-rem-36: 1.125rem; /* 18px */
    --dnyc-space-rem-60: 2rem; /* 32px */
    --dnyc-space-rem-96: 3rem; /* 48px */
    --dnyc-space-rem-120: 3.75rem; /* 60px */
    --dnyc-space-rem-180: 5.625rem; /* 90px */
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --dnyc-space-20: 16px;
    --dnyc-space-36: 24px;
    --dnyc-space-60: 40px;
    --dnyc-space-96: 60px;
    --dnyc-space-120: 80px;
    --dnyc-space-180: 120px;
    --dnyc-space-rem-20: 1rem; /* 16px */
    --dnyc-space-rem-36: 1.5rem; /* 24px */
    --dnyc-space-rem-60: 2.5rem; /* 40px */
    --dnyc-space-rem-96: 3.75rem; /* 60px */
    --dnyc-space-rem-120: 5rem; /* 80px */
    --dnyc-space-rem-180: 7.5rem; /* 120px */
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --dnyc-space-20: 20px;
    --dnyc-space-36: 36px;
    --dnyc-space-60: 60px;
    --dnyc-space-96: 96px;
    --dnyc-space-120: 120px;
    --dnyc-space-180: 180px;
  }
}

.u-p-0 {
  padding: var(--dnyc-space-0);
}

.u-p-8 {
  padding: var(--dnyc-space-8);
}

.u-p-20 {
  padding: var(--dnyc-space-20);
}

.u-p-36 {
  padding: var(--dnyc-space-36);
}

.u-p-60 {
  padding: var(--dnyc-space-60);
}

.u-p-96 {
  padding: var(--dnyc-space-96);
}

.u-p-120 {
  padding: var(--dnyc-space-120);
}

.u-p-180 {
  padding: var(--dnyc-space-180);
}

.u-pt-0 {
  padding-top: var(--dnyc-space-0);
}

.u-pt-8 {
  padding-top: var(--dnyc-space-8);
}

.u-pt-20 {
  padding-top: var(--dnyc-space-20);
}

.u-pt-36 {
  padding-top: var(--dnyc-space-36);
}

.u-pt-60 {
  padding-top: var(--dnyc-space-60);
}

.u-pt-96 {
  padding-top: var(--dnyc-space-96);
}

.u-pt-120 {
  padding-top: var(--dnyc-space-120);
}

.u-pt-180 {
  padding-top: var(--dnyc-space-180);
}

.u-pr-0 {
  padding-right: var(--dnyc-space-0);
}

.u-pr-8 {
  padding-right: var(--dnyc-space-8);
}

.u-pr-20 {
  padding-right: var(--dnyc-space-20);
}

.u-pr-36 {
  padding-right: var(--dnyc-space-36);
}

.u-pr-60 {
  padding-right: var(--dnyc-space-60);
}

.u-pr-96 {
  padding-right: var(--dnyc-space-96);
}

.u-pr-120 {
  padding-right: var(--dnyc-space-120);
}

.u-pr-180 {
  padding-right: var(--dnyc-space-180);
}

.u-pb-0 {
  padding-bottom: var(--dnyc-space-0);
}

.u-pb-8 {
  padding-bottom: var(--dnyc-space-8);
}

.u-pb-20 {
  padding-bottom: var(--dnyc-space-20);
}

.u-pb-36 {
  padding-bottom: var(--dnyc-space-36);
}

.u-pb-60 {
  padding-bottom: var(--dnyc-space-60);
}

.u-pb-96 {
  padding-bottom: var(--dnyc-space-96);
}

.u-pb-120 {
  padding-bottom: var(--dnyc-space-120);
}

.u-pb-180 {
  padding-bottom: var(--dnyc-space-180);
}

.u-pl-0 {
  padding-left: var(--dnyc-space-0);
}

.u-pl-8 {
  padding-left: var(--dnyc-space-8);
}

.u-pl-20 {
  padding-left: var(--dnyc-space-20);
}

.u-pl-36 {
  padding-left: var(--dnyc-space-36);
}

.u-pl-60 {
  padding-left: var(--dnyc-space-60);
}

.u-pl-96 {
  padding-left: var(--dnyc-space-96);
}

.u-pl-120 {
  padding-left: var(--dnyc-space-120);
}

.u-pl-180 {
  padding-left: var(--dnyc-space-180);
}

.u-m-0 {
  margin: var(--dnyc-space-0);
}

.u-m-8 {
  margin: var(--dnyc-space-8);
}

.u-m-20 {
  margin: var(--dnyc-space-20);
}

.u-m-36 {
  margin: var(--dnyc-space-36);
}

.u-m-60 {
  margin: var(--dnyc-space-60);
}

.u-m-96 {
  margin: var(--dnyc-space-96);
}

.u-m-120 {
  margin: var(--dnyc-space-120);
}

.u-m-180 {
  margin: var(--dnyc-space-180);
}

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

.u-mt-0 {
  margin-top: var(--dnyc-space-0);
}

.u-mt-8 {
  margin-top: var(--dnyc-space-8);
}

.u-mt-20 {
  margin-top: var(--dnyc-space-20);
}

.u-mt-36 {
  margin-top: var(--dnyc-space-36);
}

.u-mt-60 {
  margin-top: var(--dnyc-space-60);
}

.u-mt-96 {
  margin-top: var(--dnyc-space-96);
}

.u-mt-120 {
  margin-top: var(--dnyc-space-120);
}

.u-mt-180 {
  margin-top: var(--dnyc-space-180);
}

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

.u-mr-0 {
  margin-right: var(--dnyc-space-0);
}

.u-mr-8 {
  margin-right: var(--dnyc-space-8);
}

.u-mr-20 {
  margin-right: var(--dnyc-space-20);
}

.u-mr-36 {
  margin-right: var(--dnyc-space-36);
}

.u-mr-60 {
  margin-right: var(--dnyc-space-60);
}

.u-mr-96 {
  margin-right: var(--dnyc-space-96);
}

.u-mr-120 {
  margin-right: var(--dnyc-space-120);
}

.u-mr-180 {
  margin-right: var(--dnyc-space-180);
}

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

.u-mb-0 {
  margin-bottom: var(--dnyc-space-0);
}

.u-mb-8 {
  margin-bottom: var(--dnyc-space-8);
}

.u-mb-20 {
  margin-bottom: var(--dnyc-space-20);
}

.u-mb-36 {
  margin-bottom: var(--dnyc-space-36);
}

.u-mb-60 {
  margin-bottom: var(--dnyc-space-60);
}

.u-mb-96 {
  margin-bottom: var(--dnyc-space-96);
}

.u-mb-120 {
  margin-bottom: var(--dnyc-space-120);
}

.u-mb-180 {
  margin-bottom: var(--dnyc-space-180);
}

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

.u-ml-0 {
  margin-left: var(--dnyc-space-0);
}

.u-ml-8 {
  margin-left: var(--dnyc-space-8);
}

.u-ml-20 {
  margin-left: var(--dnyc-space-20);
}

.u-ml-36 {
  margin-left: var(--dnyc-space-36);
}

.u-ml-60 {
  margin-left: var(--dnyc-space-60);
}

.u-ml-96 {
  margin-left: var(--dnyc-space-96);
}

.u-ml-120 {
  margin-left: var(--dnyc-space-120);
}

.u-ml-180 {
  margin-left: var(--dnyc-space-180);
}