/* Padding helper classes */
.p-none { padding: 0 !important; }
.p-0 { padding: var(--size-0) !important; }
.p-1 { padding: var(--size-1) !important; }
.p-2 { padding: var(--size-2) !important; }
.p-3 { padding: var(--size-3) !important; }
.p-4 { padding: var(--size-4) !important; }
.p-5 { padding: var(--size-5) !important; }
.p-6 { padding: var(--size-6) !important; }

.px-none { padding-left: 0 !important; padding-right: 0 !important; }
.px-0 { padding-left: var(--size-0) !important; padding-right: var(--size-0) !important; }
.px-1 { padding-left: var(--size-1) !important; padding-right: var(--size-1) !important; }
.px-2 { padding-left: var(--size-2) !important; padding-right: var(--size-2) !important; }
.px-3 { padding-left: var(--size-3) !important; padding-right: var(--size-3) !important; }
.px-4 { padding-left: var(--size-4) !important; padding-right: var(--size-4) !important; }
.px-5 { padding-left: var(--size-5) !important; padding-right: var(--size-5) !important; }
.px-6 { padding-left: var(--size-6) !important; padding-right: var(--size-6) !important; }

.py-none { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-0 { padding-top: var(--size-0) !important; padding-bottom: var(--size-0) !important; }
.py-1 { padding-top: var(--size-1) !important; padding-bottom: var(--size-1) !important; }
.py-2 { padding-top: var(--size-2) !important; padding-bottom: var(--size-2) !important; }
.py-3 { padding-top: var(--size-3) !important; padding-bottom: var(--size-3) !important; }
.py-4 { padding-top: var(--size-4) !important; padding-bottom: var(--size-4) !important; }
.py-5 { padding-top: var(--size-5) !important; padding-bottom: var(--size-5) !important; }
.py-6 { padding-top: var(--size-6) !important; padding-bottom: var(--size-6) !important; }