/* margins */
.m-top-14 {
    margin-top: var(--ids_size_general_14x);
}
.m-top-16 {
    margin-top: var(--ids_size_general_16x);
}
.m-top-24 {
    margin-top: var(--ids_size_general_24x);
}
.m-top-32 {
    margin-top: var(--ids_size_general_32x);
}
.m-top-40 {
    margin-top: var(--ids_size_general_40x);
}
.m-top-56 {
    margin-top: var(--ids_size_general_56x);
}
.m-top-96 {
    margin-top: var(--ids_size_general_96x);
}
.m-top-128 {
    margin-top: var(--ids_size_general_128x);
}

.m-bottom-16 {
    margin-bottom: var(--ids_size_general_16x);
}
.m-bottom-24 {
    margin-bottom: var(--ids_size_general_24x);
}
.m-bottom-32 {
    margin-bottom: var(--ids_size_general_32x);
}
.m-bottom-96 {
    margin-bottom: var(--ids_size_general_96x);
}
.m-bottom-128 {
    margin-bottom: var(--ids_size_general_128x);
}

.my-24 {
    margin: var(--ids_size_general_24x) 0;
}
.my-32 {
    margin: var(--ids_size_general_32x) 0;
}
.my-40 {
    margin: var(--ids_size_general_40x) 0;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.padding-0 {
    padding: 0;
}
.padding-24 {
    padding: var(--ids_size_general_24x);
}
.padding-48 {
    padding: var(--ids_size_general_48x);
}

.py-24 {
    padding: var(--ids_size_general_24x) 0;
}
.py-32 {
    padding: var(--ids_size_general_32x) 0;
}
.py-40 {
    padding: var(--ids_size_general_40x) 0;

}
.py-56 {
    padding: var(--ids_size_general_56x) 0;
}

.px-24 {
    padding: 0 var(--ids_size_general_24x);
}

.p-top-16 {
    padding-top: var(--ids_size_general_16x);
}
.p-top-24 {
    padding-top: var(--ids_size_general_24x);
}
.p-top-32 {
    padding-top: var(--ids_size_general_32x);
}
.p-top-40 {
    padding-top: var(--ids_size_general_40x);
}
.p-top-56 {
    padding-top: var(--ids_size_general_56x);
}
.p-top-80 {
    padding-top: var(--ids_size_general_80x);
}
.p-top-96 {
    padding-top: var(--ids_size_general_96x);
}
.p-top-128 {
    padding-top: var(--ids_size_general_128x);
}

.p-bottom-40 {
    padding-bottom: var(--ids_size_general_40x);
}
.p-bottom-128 {
    padding-bottom: var(--ids_size_general_128x);
}

.p-left-0 {
    padding-left: 0;
}
.p-left-72 {
    padding-left: var(--ids_size_general_72x);
}
.p-left-3rem {
    padding-left: 3rem;
}

.p-right-0 {
    padding-right: 0;
}
.p-right-3rem {
    padding-right: 3rem;
}

/* flex */
.flex {
    display: flex;
}

.direction-column {
    flex-direction: column !important;
}

.justify-center {
    justify-content: center !important;
}
.justify-start {
    justify-content: flex-start !important;
}
.justify-end {
    justify-content: flex-end !important;
}

.align-center {
    align-items: center !important;
}
.align-start {
    align-items: flex-start !important;
}

.col-gap-16 {
    column-gap: var(--ids_size_general_16x);
}

/* grid */
.grid-col-1fr {
    grid-template-columns: 1fr !important;
}

.grid-col-repeat2-1fr {
    grid-template-columns: repeat(2, 1fr) !important;
}

.w-full {
    width: 100%;
}

.back-button {
    background: none;
    border: 0;
    display: flex;
    padding: var(--ids_size_general_12x) 0;
}

/* webview configs */
#header-block-spacing, #torque-header-menu, .footer-v2 {
    display: none;
}

.text-shadow {
    text-shadow: 2px 2px var(--ids_color_text_body_01);
}