/* --- Margin S --- */
.margin_0
{
    margin: val(--size_0);
}
.margin_0_auto
{
    margin: var(--size_0_auto);
}
.margin_4_auto
{
    margin: var(--size_4_auto);
}

.margin_1
{
    margin: var(--size_1);
}
.margin_2
{
    margin: var(--size_2);
}
.margin_3
{
    margin: var(--size_3);
}
.margin_4
{
    margin: var(--size_4);
}
.margin_5
{
    margin: var(--size_5);
}
.margin_6
{
    margin: var(--size_6);
}
.margin_7
{
    margin: var(--size_7);
}
.margin_8
{
    margin: var(--size_8);
}
.margin_9
{
    margin: var(--size_9);
}
.margin_10
{
    margin: var(--size_10);
}
.margin_11
{
    margin: var(--size_11);
}
.margin_12
{
    margin: var(--size_12);
}
/* --- Margin E --- */

/* --- Margin Top Bottom S --- */
.margin_top_bottom_0
{
    margin-top: var(--size_0);
    margin-bottom: var(--size_0);
}
.margin_top_bottom_1
{
    margin-top: var(--size_1);
    margin-bottom: var(--size_1);
}
.margin_top_bottom_2
{
    margin-top: var(--size_2);
    margin-bottom: var(--size_2);
}
.margin_top_bottom_3
{
    margin-top: var(--size_3);
    margin-bottom: var(--size_3);
}
.margin_top_bottom_4
{
    margin-top: var(--size_4);
    margin-bottom: var(--size_4);
}
.margin_top_bottom_5
{
    margin-top: var(--size_5);
    margin-bottom: var(--size_5);
}
.margin_top_bottom_6
{
    margin-top: var(--size_6);
    margin-bottom: var(--size_6);
}
.margin_top_bottom_7
{
    margin-top: var(--size_7);
    margin-bottom: var(--size_7);
}
.margin_top_bottom_8
{
    margin-top: var(--size_8);
    margin-bottom: var(--size_8);
}
.margin_top_bottom_9
{
    margin-top: var(--size_9);
    margin-bottom: var(--size_9);
}
.margin_top_bottom_10
{
    margin-top: var(--size_10);
    margin-bottom: var(--size_10);
}
.margin_top_bottom_11
{
    margin-top: var(--size_11);
    margin-bottom: var(--size_11);
}
.margin_top_bottom_12
{
    margin-top: var(--size_12);
    margin-bottom: var(--size_12);
}
/* --- Margin Top Bottom E --- */

/* --- Margin Top S --- */
.margin_top_0
{
    margin-top: var(--size_0);
}
.margin_top_1
{
    margin-top: var(--size_1);
}
.margin_top_2
{
    margin-top: var(--size_2);
}
.margin_top_3
{
    margin-top: var(--size_3);
}
.margin_top_4
{
    margin-top: var(--size_4);
}
.margin_top_5
{
    margin-top: var(--size_5);
}
.margin_top_6
{
    margin-top: var(--size_6);
}
.margin_top_7
{
    margin-top: var(--size_7);
}
.margin_top_8
{
    margin-top: var(--size_8);
}
.margin_top_9
{
    margin-top: var(--size_9);
}
.margin_top_10
{
    margin-top: var(--size_10);
}
.margin_top_11
{
    margin-top: var(--size_11);
}
.margin_top_12
{
    margin-top: var(--size_12);
}
/* --- Margin Top E --- */

/* --- Margin Bottom S --- */
.margin_bottom_0
{
    margin-bottom: var(--size_0);
}
.margin_bottom_1
{
    margin-bottom: var(--size_1);
}
.margin_bottom_2
{
    margin-bottom: var(--size_2);
}
.margin_bottom_3
{
    margin-bottom: var(--size_3);
}
.margin_bottom_4
{
    margin-bottom: var(--size_4);
}
.margin_bottom_5
{
    margin-bottom: var(--size_5);
}
.margin_bottom_6
{
    margin-bottom: var(--size_6);
}
.margin_bottom_7
{
    margin-bottom: var(--size_7);
}
.margin_bottom_8
{
    margin-bottom: var(--size_8);
}
.margin_bottom_9
{
    margin-bottom: var(--size_9);
}
.margin_bottom_10
{
    margin-bottom: var(--size_10);
}
.margin_bottom_11
{
    margin-bottom: var(--size_11);
}
.margin_bottom_12
{
    margin-bottom: var(--size_12);
}
/* --- Margin Bottom E --- */

/* --- Margin Left Right S --- */
.margin_left_right_0
{
    margin-left: var(--size_0);
    margin-right: var(--size_0);
}
.margin_left_right_1
{
    margin-left: var(--size_1);
    margin-right: var(--size_1);
}
.margin_left_right_2
{
    margin-left: var(--size_2);
    margin-right: var(--size_2);
}
.margin_left_right_3
{
    margin-left: var(--size_3);
    margin-right: var(--size_3);
}
.margin_left_right_4
{
    margin-left: var(--size_4);
    margin-right: var(--size_4);
}
.margin_left_right_5
{
    margin-left: var(--size_5);
    margin-right: var(--size_5);
}
.margin_left_right_6
{
    margin-left: var(--size_6);
    margin-right: var(--size_6);
}
.margin_left_right_7
{
    margin-left: var(--size_7);
    margin-right: var(--size_7);
}
.margin_left_right_8
{
    margin-left: var(--size_8);
    margin-right: var(--size_8);
}
.margin_left_right_9
{
    margin-left: var(--size_9);
    margin-right: var(--size_9);
}
.margin_left_right_10
{
    margin-left: var(--size_10);
    margin-right: var(--size_10);
}
.margin_left_right_11
{
    margin-left: var(--size_11);
    margin-right: var(--size_11);
}
.margin_left_right_12
{
    margin-left: var(--size_12);
    margin-right: var(--size_12);
}
/* --- Margin Left Right E --- */

/* --- Margin Left S --- */
.margin_left_0
{
    margin-left: var(--size_0);
}
.margin_left_1
{
    margin-left: var(--size_1);
}
.margin_left_2
{
    margin-left: var(--size_2);
}
.margin_left_3
{
    margin-left: var(--size_3);
}
.margin_left_4
{
    margin-left: var(--size_4);
}
.margin_left_5
{
    margin-left: var(--size_5);
}
.margin_left_6
{
    margin-left: var(--size_6);
}
.margin_left_7
{
    margin-left: var(--size_7);
}
.margin_left_8
{
    margin-left: var(--size_8);
}
.margin_left_9
{
    margin-left: var(--size_9);
}
.margin_left_10
{
    margin-left: var(--size_10);
}
.margin_left_11
{
    margin-left: var(--size_11);
}
.margin_left_12
{
    margin-left: var(--size_12);
}
/* --- Margin Left E --- */

/* --- Margin Right S --- */
.margin_right_0
{
    margin-left: var(--size_0);
}
.margin_right_1
{
    margin-left: var(--size_1);
}
.margin_right_2
{
    margin-left: var(--size_2);
}
.margin_right_3
{
    margin-left: var(--size_3);
}
.margin_right_4
{
    margin-left: var(--size_4);
}
.margin_right_5
{
    margin-left: var(--size_5);
}
.margin_right_6
{
    margin-left: var(--size_6);
}
.margin_right_7
{
    margin-left: var(--size_7);
}
.margin_right_8
{
    margin-left: var(--size_8);
}
.margin_right_9
{
    margin-left: var(--size_9);
}
.margin_right_10
{
    margin-left: var(--size_10);
}
.margin_right_11
{
    margin-left: var(--size_11);
}
.margin_right_12
{
    margin-left: var(--size_12);
}
/* --- Margin Right E --- */

/* --- Pad S --- */
.pad_0
{
    padding: var(--size_0);
}
.pad_1
{
    padding: var(--size_1);
}
.pad_2
{
    padding: var(--size_2);
}
.pad_3
{
    padding: var(--size_3);
}
.pad_4
{
    padding: var(--size_4);
}
.pad_5
{
    padding: var(--size_5);
}
.pad_6
{
    padding: var(--size_6);
}
.pad_7
{
    padding: var(--size_7);
}
.pad_8
{
    padding: var(--size_8);
}
.pad_9
{
    padding: var(--size_9);
}
.pad_10
{
    padding: var(--size_10);
}
.pad_11
{
    padding: var(--size_11);
}
.pad_12
{
    padding: var(--size_12);
}
/* --- Pad E --- */

/* --- Pad Top Bottom S --- */
.pad_top_bottom_0
{
    padding-top: var(--size_0);
    padding-bottom: var(--size_0);
}
.pad_top_bottom_1
{
    padding-top: var(--size_1);
    padding-bottom: var(--size_1);
}
.pad_top_bottom_2
{
    padding-top: var(--size_2);
    padding-bottom: var(--size_2);
}
.pad_top_bottom_3
{
    padding-top: var(--size_3);
    padding-bottom: var(--size_3);
}
.pad_top_bottom_4
{
    padding-top: var(--size_4);
    padding-bottom: var(--size_4);
}
.pad_top_bottom_5
{
    padding-top: var(--size_5);
    padding-bottom: var(--size_5);
}
.pad_top_bottom_6
{
    padding-top: var(--size_6);
    padding-bottom: var(--size_6);
}
.pad_top_bottom_7
{
    padding-top: var(--size_7);
    padding-bottom: var(--size_7);
}
.pad_top_bottom_8
{
    padding-top: var(--size_8);
    padding-bottom: var(--size_8);
}
.pad_top_bottom_9
{
    padding-top: var(--size_9);
    padding-bottom: var(--size_9);
}
.pad_top_bottom_10
{
    padding-top: var(--size_10);
    padding-bottom: var(--size_10);
}
.pad_top_bottom_11
{
    padding-top: var(--size_11);
    padding-bottom: var(--size_11);
}
.pad_top_bottom_12
{
    padding-top: var(--size_12);
    padding-bottom: var(--size_12);
}
/* --- Pad Top Bottom E --- */

/* --- Pad Top S --- */
.pad_top_0
{
    padding-top: var(--size_0);
}
.pad_top_1
{
    padding-top: var(--size_1);
}
.pad_top_2
{
    padding-top: var(--size_2);
}
.pad_top_3
{
    padding-top: var(--size_3);
}
.pad_top_4
{
    padding-top: var(--size_4);
}
.pad_top_5
{
    padding-top: var(--size_5);
}
.pad_top_6
{
    padding-top: var(--size_6);
}
.pad_top_7
{
    padding-top: var(--size_7);
}
.pad_top_8
{
    padding-top: var(--size_8);
}
.pad_top_9
{
    padding-top: var(--size_9);
}
.pad_top_10
{
    padding-top: var(--size_10);
}
.pad_top_11
{
    padding-top: var(--size_11);
}
.pad_top_12
{
    padding-top: var(--size_12);
}
/* --- Pad Top E --- */

/* --- Pad Bottom S --- */
.pad_bottom_0
{
    padding-bottom: var(--size_0);
}
.pad_bottom_1
{
    padding-bottom: var(--size_1);
}
.pad_bottom_2
{
    padding-bottom: var(--size_2);
}
.pad_bottom_3
{
    padding-bottom: var(--size_3);
}
.pad_bottom_4
{
    padding-bottom: var(--size_4);
}
.pad_bottom_5
{
    padding-bottom: var(--size_5);
}
.pad_bottom_6
{
    padding-bottom: var(--size_6);
}
.pad_bottom_7
{
    padding-bottom: var(--size_7);
}
.pad_bottom_8
{
    padding-bottom: var(--size_8);
}
.pad_bottom_9
{
    padding-bottom: var(--size_9);
}
.pad_bottom_10
{
    padding-bottom: var(--size_10);
}
.pad_bottom_11
{
    padding-bottom: var(--size_11);
}
.pad_bottom_12
{
    padding-bottom: var(--size_12);
}
/* --- Pad Bottom E --- */

/* --- Pad Left Right S --- */
.pad_left_right_0
{
    padding-left: var(--size_0);
    padding-right: var(--size_0);
}
.pad_left_right_1
{
    padding-left: var(--size_1);
    padding-right: var(--size_1);
}
.pad_left_right_2
{
    padding-left: var(--size_2);
    padding-right: var(--size_2);
}
.pad_left_right_3
{
    padding-left: var(--size_3);
    padding-right: var(--size_3);
}
.pad_left_right_4
{
    padding-left: var(--size_4);
    padding-right: var(--size_4);
}
.pad_left_right_5
{
    padding-left: var(--size_5);
    padding-right: var(--size_5);
}
.pad_left_right_6
{
    padding-left: var(--size_6);
    padding-right: var(--size_6);
}
.pad_left_right_7
{
    padding-left: var(--size_7);
    padding-right: var(--size_7);
}
.pad_left_right_8
{
    padding-left: var(--size_8);
    padding-right: var(--size_8);
}
.pad_left_right_9
{
    padding-left: var(--size_9);
    padding-right: var(--size_9);
}
.pad_left_right_10
{
    padding-left: var(--size_10);
    padding-right: var(--size_10);
}
.pad_left_right_11
{
    padding-left: var(--size_11);
    padding-right: var(--size_11);
}
.pad_left_right_12
{
    padding-left: var(--size_12);
    padding-right: var(--size_12);
}
/* --- Pad Left Right E --- */



/* --- Pad Left S --- */
.pad_left_0
{
    padding-left: var(--size_0);
}
.pad_left_1
{
    padding-left: var(--size_1);
}
.pad_left_2
{
    padding-left: var(--size_2);
}
.pad_left_3
{
    padding-left: var(--size_3);
}
.pad_left_4
{
    padding-left: var(--size_4);
}
.pad_left_5
{
    padding-left: var(--size_5);
}
.pad_left_6
{
    padding-left: var(--size_6);
}
.pad_left_7
{
    padding-left: var(--size_7);
}
.pad_left_8
{
    padding-left: var(--size_8);
}
.pad_left_9
{
    padding-left: var(--size_9);
}
.pad_left_10
{
    padding-left: var(--size_10);
}
.pad_left_11
{
    padding-left: var(--size_11);
}
.pad_left_12
{
    padding-left: var(--size_12);
}
/* --- Pad Left E --- */

/* --- Pad Right S --- */
.pad_right_0
{
    padding-right: var(--size_0);
}
.pad_right_1
{
    padding-right: var(--size_1);
}
.pad_right_2
{
    padding-right: var(--size_2);
}
.pad_right_3
{
    padding-right: var(--size_3);
}
.pad_right_4
{
    padding-right: var(--size_4);
}
.pad_right_5
{
    padding-right: var(--size_5);
}
.pad_right_6
{
    padding-right: var(--size_6);
}
.pad_right_7
{
    padding-right: var(--size_7);
}
.pad_right_8
{
    padding-right: var(--size_8);
}
.pad_right_9
{
    padding-right: var(--size_9);
}
.pad_right_10
{
    padding-right: var(--size_10);
}
.pad_right_11
{
    padding-right: var(--size_11);
}
.pad_right_12
{
    padding-right: var(--size_12);
}
/* --- Pad Right E --- */


.width_40
{
    max-width: 40rem;
}