/* BEGIN - WEBAWESOME PADDING HELPERS */
.wa-p-0 {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

/* Horizontal (Left + Right) */
.wa-px-3xs {
    padding-left: var(--wa-space-3xs);
    padding-right: var(--wa-space-3xs);
}

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

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

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

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

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

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

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

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

/* Vertical (Top + Bottom) */
.wa-py-3xs {
    padding-top: var(--wa-space-3xs);
    padding-bottom: var(--wa-space-3xs);
}

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

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

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

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

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

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

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

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

/* END - WEBAWESOME PADDING HELPERS */


/* BEGIN - WEBAWESOME MARGIN HELPERS */
.wa-m-0 {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

/* Horizontal (Left + Right) */
.wa-mx-3xs {
    margin-left: var(--wa-space-3xs);
    margin-right: var(--wa-space-3xs);
}

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

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

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

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

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

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

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

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

/* Vertical (Top + Bottom) */
.wa-my-3xs {
    margin-top: var(--wa-space-3xs);
    margin-bottom: var(--wa-space-3xs);
}

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

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

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

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

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

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

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

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

/* END - WEBAWESOME MARGIN HELPERS */