/* All */

.padding-extra-large {
    padding: var(--constant-padding-extra-large);
}

.padding-large {
    padding: var(--constant-padding-large);
}

.padding {
    padding: var(--constant-padding);
}

.padding-small {
    padding: var(--constant-padding-small);
}

.padding-extra-small {
    padding: var(--constant-padding-extra-small);
}


/* Horizontal */

.padding-extra-large-horizontal {
    padding-left: var(--constant-padding-extra-large);
    padding-right: var(--constant-padding-extra-large);
}

.padding-large-horizontal {
    padding-left: var(--constant-padding-large);
    padding-right: var(--constant-padding-large);
}

.padding-horizontal {
    padding-left: var(--constant-padding);
    padding-right: var(--constant-padding);
}

.padding-small-horizontal {
    padding-left: var(--constant-padding-small);
    padding-right: var(--constant-padding-small);
}

.padding-extra-small-horizontal {
    padding-left: var(--constant-padding-extra-small);
    padding-right: var(--constant-padding-extra-small);
}


/* Vertical */

.padding-extra-large-vertical {
    padding-top: var(--constant-padding-extra-large);
    padding-bottom: var(--constant-padding-extra-large);
}

.padding-large-vertical {
    padding-top: var(--constant-padding-large);
    padding-bottom: var(--constant-padding-large);
}

.padding-vertical {
    padding-top: var(--constant-padding);
    padding-bottom: var(--constant-padding);
}

.padding-small-vertical {
    padding-top: var(--constant-padding-small);
    padding-bottom: var(--constant-padding-small);
}

.padding-extra-small-vertical {
    padding-top: var(--constant-padding-extra-small);
    padding-bottom: var(--constant-padding-extra-small);
}


/* Top */

.padding-extra-large-top {
    padding-top: var(--constant-padding-extra-large);
}

.padding-large-top {
    padding-top: var(--constant-padding-large);
}

.padding-top {
    padding-top: var(--constant-padding);
}

.padding-small-top {
    padding-top: var(--constant-padding-small);
}

.padding-extra-small-top {
    padding-top: var(--constant-padding-extra-small);
}


/* Bottom */

.padding-extra-large-bottom {
    padding-bottom: var(--constant-padding-extra-large);
}

.padding-large-bottom {
    padding-bottom: var(--constant-padding-large);
}

.padding-bottom {
    padding-bottom: var(--constant-padding);
}

.padding-small-bottom {
    padding-bottom: var(--constant-padding-small);
}

.padding-extra-small-bottom {
    padding-bottom: var(--constant-padding-extra-small);
}



@media screen and (max-width: 720px) {
    /* All */

    .mobile-padding-extra-large {
        padding: var(--constant-padding-extra-large);
    }

    .mobile-padding-large {
        padding: var(--constant-padding-large);
    }

    .mobile-padding {
        padding: var(--constant-padding);
    }

    .mobile-padding-small {
        padding: var(--constant-padding-small);
    }

    .mobile-padding-extra-small {
        padding: var(--constant-padding-extra-small);
    }
}