.font-theme-primary-color { color: var(--theme-primary-color); }
.font-theme-secondary-color { color: var(--theme-secondary-color); }
.font-theme-tertiary-color { color: var(--theme-tertiary-color); }
.font-theme-white-color { color: var(--theme-white-color); }
.font-theme-black-color { color: var(--theme-black-color); }
.background-theme-primary-color { background-color: var(--theme-primary-color); }
.background-theme-secondary-color { background-color: var(--theme-secondary-color); }
.background-theme-tertiary-color { background-color: var(--theme-tertiary-color); }
.theme-text-color { color: var(--theme-text-color); }
.theme-highlight-color { color: var(--theme-highlight-color); }
.theme-primary-font { font-family: var(--theme-primary-font); }

.font-1rem { font-size: 1rem; }
.font-2rem { font-size: 2rem; }
.font-3rem { font-size: 3rem; }
.font-4rem { font-size: 4rem; }
.font-5rem { font-size: 5rem; }
.font-6rem { font-size: 6rem; }

.fw-100, .thin-font, .thin-weight { font-weight: 100; }
.fw-200, .extralight-font, .extra-light-font, .extralight-weight, .extra-light-weight { font-weight: 200; }
.fw-300, .light-font, .light-weight { font-weight: 300; }
.fw-400, .regular-font, .regular-weight, normal-font, normal-weight { font-weight: 400; }
.fw-500, .medium-font, .medium-weight { font-weight: 500; }
.fw-600, .semibold-font, .semi-bold-font, .semibold-weight, .semi-bold-weight { font-weight: 600; }
.fw-700, .bold, .bold-font, .bold-weight { font-weight: 700; }
.fw-800, .extrabold-font, .extra-bold-font, .extrabold-weight, .extra-bold-weight { font-weight: 800; }
.fw-900, .black-font, .black-weight { font-weight: 900; }
.italic, .italic-font { font-style: italic; }

.text-uppercase, .uppercase { text-transform: uppercase; }
.text-lowercase, .lowercase { text-transform: lowercase; }
.text-capitalize, .capitalize { text-transform: capitalize; }


.margin-auto { margin: auto; }
.margin-0 { margin: 0; }
.margin-025 { margin: 0.25rem; }
.margin-05 { margin: 0.5rem; }
.margin-075 { margin: 0.75rem; }
.margin-1 { margin: 1rem; }
.margin-15 { margin: 1.5rem; }
.margin-2 { margin: 2rem; }
.margin-25 { margin: 2.5rem; }
.margin-3 { margin: 3rem; }
.margin-4 { margin: 4rem; }

.margin-inline-auto, .mi-auto, .minl-auto { margin-inline: auto; }
.margin-inline-0, .mi-0, .minl-0 { margin-inline: 0; }
.margin-inline-025, .mi-025, .minl-025 { margin-inline: 0.25rem; }
.margin-inline-05, .mi-05, .minl-05 { margin-inline: 0.5rem; }
.margin-inline-075, .mi-025, .minl-025 { margin-inline: 0.75rem; }
.margin-inline-1, .mi-1, .minl-1 { margin-inline: 1rem; }
.margin-inline-15, .mi-15, .minl-15 { margin-inline: 1.5rem; }
.margin-inline-2, .mi-2, .minl-2 { margin-inline: 2rem; }
.margin-inline-25, .mi-25, .minl-25 { margin-inline: 2.5rem; }
.margin-inline-3, .mi-3, .minl-3 { margin-inline: 3rem; }
.margin-inline-4, .mi-4, .minl-4 { margin-inline: 4rem; }

.margin-block-auto, .mbl-auto, .mblk-auto { margin-block: auto; }
.margin-block-0, .mbl-0, .mblk-0 { margin-block: 0; }
.margin-block-025, .mbl-025, .mblk-025 { margin-block: 0.25rem; }
.margin-block-05, .mbl-05, .mblk-05 { margin-block: 0.5rem; }
.margin-block-075, .mbl-025, .mblk-025 { margin-block: 0.75rem; }
.margin-block-1, .mbl-1, .mblk-1 { margin-block: 1rem; }
.margin-block-15, .mbl-15, .mblk-15 { margin-block: 1.5rem; }
.margin-block-2, .mbl-2, .mblk-2 { margin-block: 2rem; }
.margin-block-25, .mbl-25, .mblk-25 { margin-block: 2.5rem; }
.margin-block-3, .mbl-3, .mblk-3 { margin-block: 3rem; }
.margin-block-4, .mbl-4, .mblk-4 { margin-block: 4rem; }

.margin-top-auto, .mt-auto { margin-top: auto; }
.margin-top-0, .mt-0 { margin-top: 0; }
.margin-top-025, .mt-025 { margin-top: 0.25rem; }
.margin-top-05, .mt-05 { margin-top: 0.5rem; }
.margin-top-075, .mt-025 { margin-top: 0.75rem; }
.margin-top-1, .mt-1 { margin-top: 1rem; }
.margin-top-15, .mt-15 { margin-top: 1.5rem; }
.margin-top-2, .mt-2 { margin-top: 2rem; }
.margin-top-25, .mt-25 { margin-top: 2.5rem; }
.margin-top-3, .mt-3 { margin-top: 3rem; }
.margin-top-4, .mt-4 { margin-top: 4rem; }

.margin-bottom-auto, .mb-auto { margin-bottom: auto; }
.margin-bottom-0, .mb-0 { margin-bottom: 0; }
.margin-bottom-025, .mb-025 { margin-bottom: 0.25rem; }
.margin-bottom-05, .mb-05 { margin-bottom: 0.5rem; }
.margin-bottom-075, .mb-025 { margin-bottom: 0.75rem; }
.margin-bottom-1, .mb-1 { margin-bottom: 1rem; }
.margin-bottom-15, .mb-15 { margin-bottom: 1.5rem; }
.margin-bottom-2, .mb-2 { margin-bottom: 2rem; }
.margin-bottom-25, .mb-25 { margin-bottom: 2.5rem; }
.margin-bottom-3, .mb-3 { margin-bottom: 3rem; }
.margin-bottom-4, .mb-4 { margin-bottom: 4rem; }

.margin-left-auto, .ml-auto { margin-left: auto; }
.margin-left-0, .ml-0 { margin-left: 0; }
.margin-left-025, .ml-025 { margin-left: 0.25rem; }
.margin-left-05, .ml-05 { margin-left: 0.5rem; }
.margin-left-075, .ml-025 { margin-left: 0.75rem; }
.margin-left-1, .ml-1 { margin-left: 1rem; }
.margin-left-15, .ml-15 { margin-left: 1.5rem; }
.margin-left-2, .ml-2 { margin-left: 2rem; }
.margin-left-25, .ml-25 { margin-left: 2.5rem; }
.margin-left-3, .ml-3 { margin-left: 3rem; }
.margin-left-4, .ml-4 { margin-left: 4rem; }

.margin-right-auto, .mr-auto { margin-right: auto; }
.margin-right-0, .mr-0 { margin-right: 0; }
.margin-right-025, .mr-025 { margin-right: 0.25rem; }
.margin-right-05, .mr-05 { margin-right: 0.5rem; }
.margin-right-075, .mr-025 { margin-right: 0.75rem; }
.margin-right-1, .mr-1 { margin-right: 1rem; }
.margin-right-15, .mr-15 { margin-right: 1.5rem; }
.margin-right-2, .mr-2 { margin-right: 2rem; }
.margin-right-25, .mr-25 { margin-right: 2.5rem; }
.margin-right-3, .mr-3 { margin-right: 3rem; }
.margin-right-4, .mr-4 { margin-right: 4rem; }


.padding-0 { padding: 0; }
.padding-025 { padding: 0.25rem; }
.padding-05 { padding: 0.5rem; }
.padding-075 { padding: 0.75rem; }
.padding-1 { padding: 1rem; }
.padding-15 { padding: 1.5rem; }
.padding-2 { padding: 2rem; }
.padding-25 { padding: 2.5rem; }
.padding-3 { padding: 3rem; }
.padding-4 { padding: 4rem; }

.padding-inline-0, .pi-0, .pinl-0 { padding-inline: 0; }
.padding-inline-025, .pi-025, .pinl-025 { padding-inline: 0.25rem; }
.padding-inline-05, .pi-05, .pinl-05 { padding-inline: 0.5rem; }
.padding-inline-075, .pi-025, .pinl-025 { padding-inline: 0.75rem; }
.padding-inline-1, .pi-1, .pinl-1 { padding-inline: 1rem; }
.padding-inline-15, .pi-15, .pinl-15 { padding-inline: 1.5rem; }
.padding-inline-2, .pi-2, .pinl-2 { padding-inline: 2rem; }
.padding-inline-25, .pi-25, .pinl-25 { padding-inline: 2.5rem; }
.padding-inline-3, .pi-3, .pinl-3 { padding-inline: 3rem; }
.padding-inline-4, .pi-4, .pinl-4 { padding-inline: 4rem; }

.padding-block-0, .pbl-0, .pblk-0 { padding-block: 0; }
.padding-block-025, .pbl-025, .pblk-025 { padding-block: 0.25rem; }
.padding-block-05, .pbl-05, .pblk-05 { padding-block: 0.5rem; }
.padding-block-075, .pbl-025, .pblk-025 { padding-block: 0.75rem; }
.padding-block-1, .pbl-1, .pblk-1 { padding-block: 1rem; }
.padding-block-15, .pbl-15, .pblk-15 { padding-block: 1.5rem; }
.padding-block-2, .pbl-2, .pblk-2 { padding-block: 2rem; }
.padding-block-25, .pbl-25, .pblk-25 { padding-block: 2.5rem; }
.padding-block-3, .pbl-3, .pblk-3 { padding-block: 3rem; }
.padding-block-4, .pbl-4, .pblk-4 { padding-block: 4rem; }

.padding-top-0, .pt-0 { padding-top: 0; }
.padding-top-025, .pt-025 { padding-top: 0.25rem; }
.padding-top-05, .pt-05 { padding-top: 0.5rem; }
.padding-top-075, .pt-025 { padding-top: 0.75rem; }
.padding-top-1, .pt-1 { padding-top: 1rem; }
.padding-top-15, .pt-15 { padding-top: 1.5rem; }
.padding-top-2, .pt-2 { padding-top: 2rem; }
.padding-top-25, .pt-25 { padding-top: 2.5rem; }
.padding-top-3, .pt-3 { padding-top: 3rem; }
.padding-top-4, .pt-4 { padding-top: 4rem; }

.padding-bottom-0, .pb-0 { padding-bottom: 0; }
.padding-bottom-025, .pb-025 { padding-bottom: 0.25rem; }
.padding-bottom-05, .pb-05 { padding-bottom: 0.5rem; }
.padding-bottom-075, .pb-025 { padding-bottom: 0.75rem; }
.padding-bottom-1, .pb-1 { padding-bottom: 1rem; }
.padding-bottom-15, .pb-15 { padding-bottom: 1.5rem; }
.padding-bottom-2, .pb-2 { padding-bottom: 2rem; }
.padding-bottom-25, .pb-25 { padding-bottom: 2.5rem; }
.padding-bottom-3, .pb-3 { padding-bottom: 3rem; }
.padding-bottom-4, .pb-4 { padding-bottom: 4rem; }

.padding-left-0, .pl-0 { padding-left: 0; }
.padding-left-025, .pl-025 { padding-left: 0.25rem; }
.padding-left-05, .pl-05 { padding-left: 0.5rem; }
.padding-left-075, .pl-025 { padding-left: 0.75rem; }
.padding-left-1, .pl-1 { padding-left: 1rem; }
.padding-left-15, .pl-15 { padding-left: 1.5rem; }
.padding-left-2, .pl-2 { padding-left: 2rem; }
.padding-left-25, .pl-25 { padding-left: 2.5rem; }
.padding-left-3, .pl-3 { padding-left: 3rem; }
.padding-left-4, .pl-4 { padding-left: 4rem; }

.padding-right-0, .pr-0 { padding-right: 0; }
.padding-right-025, .pr-025 { padding-right: 0.25rem; }
.padding-right-05, .pr-05 { padding-right: 0.5rem; }
.padding-right-075, .pr-025 { padding-right: 0.75rem; }
.padding-right-1, .pr-1 { padding-right: 1rem; }
.padding-right-15, .pr-15 { padding-right: 1.5rem; }
.padding-right-2, .pr-2 { padding-right: 2rem; }
.padding-right-25, .pr-25 { padding-right: 2.5rem; }
.padding-right-3, .pr-3 { padding-right: 3rem; }
.padding-right-4, .pr-4 { padding-right: 4rem; }