/*
 * Padding utilities based on the theme spacing scale.
 * 4 = 4px, 8 = 8px, 16 = 16px, 24 = 24px,
 * 32 = 32px, 48 = 48px, 64 = 64px, 96 = 96px.
 */

.p-4 { padding: var(--space-4); }
.p-8 { padding: var(--space-8); }
.p-16 { padding: var(--space-16); }
.p-24 { padding: var(--space-24); }
.p-32 { padding: var(--space-32); }
.p-48 { padding: var(--space-48); }
.p-64 { padding: var(--space-64); }
.p-96 { padding: var(--space-96); }

.px-4 { padding-inline: var(--space-4); }
.px-8 { padding-inline: var(--space-8); }
.px-16 { padding-inline: var(--space-16); }
.px-24 { padding-inline: var(--space-24); }
.px-32 { padding-inline: var(--space-32); }
.px-48 { padding-inline: var(--space-48); }
.px-64 { padding-inline: var(--space-64); }
.px-96 { padding-inline: var(--space-96); }

.py-4 { padding-block: var(--space-4); }
.py-8 { padding-block: var(--space-8); }
.py-16 { padding-block: var(--space-16); }
.py-24 { padding-block: var(--space-24); }
.py-32 { padding-block: var(--space-32); }
.py-48 { padding-block: var(--space-48); }
.py-64 { padding-block: var(--space-64); }
.py-96 { padding-block: var(--space-96); }

.pt-4 { padding-top: var(--space-4); }
.pt-8 { padding-top: var(--space-8); }
.pt-16 { padding-top: var(--space-16); }
.pt-24 { padding-top: var(--space-24); }
.pt-32 { padding-top: var(--space-32); }
.pt-48 { padding-top: var(--space-48); }
.pt-64 { padding-top: var(--space-64); }
.pt-96 { padding-top: var(--space-96); }

.pr-4 { padding-right: var(--space-4); }
.pr-8 { padding-right: var(--space-8); }
.pr-16 { padding-right: var(--space-16); }
.pr-24 { padding-right: var(--space-24); }
.pr-32 { padding-right: var(--space-32); }
.pr-48 { padding-right: var(--space-48); }
.pr-64 { padding-right: var(--space-64); }
.pr-96 { padding-right: var(--space-96); }

.pb-4 { padding-bottom: var(--space-4); }
.pb-8 { padding-bottom: var(--space-8); }
.pb-16 { padding-bottom: var(--space-16); }
.pb-24 { padding-bottom: var(--space-24); }
.pb-32 { padding-bottom: var(--space-32); }
.pb-48 { padding-bottom: var(--space-48); }
.pb-64 { padding-bottom: var(--space-64); }
.pb-96 { padding-bottom: var(--space-96); }

.pl-4 { padding-left: var(--space-4); }
.pl-8 { padding-left: var(--space-8); }
.pl-16 { padding-left: var(--space-16); }
.pl-24 { padding-left: var(--space-24); }
.pl-32 { padding-left: var(--space-32); }
.pl-48 { padding-left: var(--space-48); }
.pl-64 { padding-left: var(--space-64); }
.pl-96 { padding-left: var(--space-96); }