/* Display Configs */
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-a_center-j_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.flex-justify-center {
    display: flex;
    justify-content: center;
}

.flex-column-default {
    display: flex;
    flex-direction: column;
}

.flex-a_center-j_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-a_start-j_between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-a_end-d_column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Shadow & border configs */
.radius-shadow-lining {
    border-radius: 4px;

    box-shadow: 0 0 4px var(--gray);
}

/* Text configs */
.text-xs {
    font-size: .75rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.125rem !important
}

.text-xl {
    font-size: 1.25rem !important
}