:root {
  --pcu-space-1: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --pcu-space-2: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
  --pcu-space-3: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
  --pcu-space-4: clamp(1rem, 0.8rem + 1vw, 2rem);
  --pcu-space-5: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
  --pcu-space-6: clamp(2rem, 1.6rem + 2vw, 4rem);
  --pcu-space-7: clamp(3rem, 2.4rem + 3vw, 6rem);
  --pcu-space-8: clamp(4rem, 3.2rem + 4vw, 8rem);
  --pcu-space-9: clamp(6rem, 4.8rem + 6vw, 12rem);
  --pcu-space-10: clamp(8rem, 6.4rem + 8vw, 16rem);
  --pcu-space-11: clamp(12rem, 9.6rem + 12vw, 24rem);
  --pcu-space-12: clamp(16rem, 12.8rem + 16vw, 32rem);
}

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--pcu-space-1) !important; }
.mt-2 { margin-top: var(--pcu-space-2) !important; }
.mt-3 { margin-top: var(--pcu-space-3) !important; }
.mt-4 { margin-top: var(--pcu-space-4) !important; }
.mt-5 { margin-top: var(--pcu-space-5) !important; }
.mt-6 { margin-top: var(--pcu-space-6) !important; }
.mt-7 { margin-top: var(--pcu-space-7) !important; }
.mt-8 { margin-top: var(--pcu-space-8) !important; }
.mt-9 { margin-top: var(--pcu-space-9) !important; }
.mt-10 { margin-top: var(--pcu-space-10) !important; }
.mt-11 { margin-top: var(--pcu-space-11) !important; }
.mt-12 { margin-top: var(--pcu-space-12) !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: var(--pcu-space-1) !important; }
.mb-2 { margin-bottom: var(--pcu-space-2) !important; }
.mb-3 { margin-bottom: var(--pcu-space-3) !important; }
.mb-4 { margin-bottom: var(--pcu-space-4) !important; }
.mb-5 { margin-bottom: var(--pcu-space-5) !important; }
.mb-6 { margin-bottom: var(--pcu-space-6) !important; }
.mb-7 { margin-bottom: var(--pcu-space-7) !important; }
.mb-8 { margin-bottom: var(--pcu-space-8) !important; }
.mb-9 { margin-bottom: var(--pcu-space-9) !important; }
.mb-10 { margin-bottom: var(--pcu-space-10) !important; }
.mb-11 { margin-bottom: var(--pcu-space-11) !important; }
.mb-12 { margin-bottom: var(--pcu-space-12) !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: var(--pcu-space-1) !important; }
.pt-2 { padding-top: var(--pcu-space-2) !important; }
.pt-3 { padding-top: var(--pcu-space-3) !important; }
.pt-4 { padding-top: var(--pcu-space-4) !important; }
.pt-5 { padding-top: var(--pcu-space-5) !important; }
.pt-6 { padding-top: var(--pcu-space-6) !important; }
.pt-7 { padding-top: var(--pcu-space-7) !important; }
.pt-8 { padding-top: var(--pcu-space-8) !important; }
.pt-9 { padding-top: var(--pcu-space-9) !important; }
.pt-10 { padding-top: var(--pcu-space-10) !important; }
.pt-11 { padding-top: var(--pcu-space-11) !important; }
.pt-12 { padding-top: var(--pcu-space-12) !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: var(--pcu-space-1) !important; }
.pb-2 { padding-bottom: var(--pcu-space-2) !important; }
.pb-3 { padding-bottom: var(--pcu-space-3) !important; }
.pb-4 { padding-bottom: var(--pcu-space-4) !important; }
.pb-5 { padding-bottom: var(--pcu-space-5) !important; }
.pb-6 { padding-bottom: var(--pcu-space-6) !important; }
.pb-7 { padding-bottom: var(--pcu-space-7) !important; }
.pb-8 { padding-bottom: var(--pcu-space-8) !important; }
.pb-9 { padding-bottom: var(--pcu-space-9) !important; }
.pb-10 { padding-bottom: var(--pcu-space-10) !important; }
.pb-11 { padding-bottom: var(--pcu-space-11) !important; }
.pb-12 { padding-bottom: var(--pcu-space-12) !important; }