/* === OZ TEXTS === */
.oz-txt-800{
    font-weight: var(--weight-800);
}

.oz-txt-700{
    font-weight: var(--weight-700);
}

.oz-txt-600{
    font-weight: var(--weight-600);
}

.oz-txt-500{
    font-weight: var(--weight-500);
}

.oz-txt-400{
    font-weight: var(--weight-400);
}

.oz-txt-300{
    font-weight: var(--weight-300);
}

/* --- */
.oz-txt-07 {
    font-size: 0.7rem;
}

.oz-txt-08 {
    font-size: 0.8rem;
}

.oz-txt-10 {
    font-size: 1rem;
}

.oz-txt-11 {
    font-size: 1.1rem;
}

.oz-txt-12 {
    font-size: 1.2rem;
}

.oz-txt-14 {
    font-size: 1.4rem;
}

.oz-txt-20 {
    font-size: 2rem;
}

/* ------------------------------------------------------------------- */
/* --- UTILITIES --- */
.oz-txt-align-c {
    text-align: center;
}

.oz-txt-align-e {
    text-align: right;
}

/* =================================================================== */
/* === READY === */
.oz-txt-error {
    display: block;
    height: auto;
    text-align: center;
    padding: 0.5rem;
    color: var(--txt-red);
}

/* --- */
.oz-txt-mdc {
    display: flex;
    width: fit-content;
    height: auto;
    font-size: 2rem;
    font-weight: var(--weight-500);
    border-right: var(--border-right-green);
    border-radius: 0 var(--radius) var(--radius) 0;
}

.oz-txt-mdc > span:first-child {
    display: flex;
    width: fit-content;
    height: auto;
    font-size: 2rem;
    font-weight: var(--weight-500);
    text-align: center;
    padding: 0.2rem 0.2rem;
    color: var(--txt-my);
    background-color: var(--bkg-mdc-green);
    border-radius: var(--radius) 0 0 var(--radius);
}

/*.oz-txt-mdc > span:last-child {
    display: flex;
    width: fit-content;
    height: auto;
    font-size: 2rem;
    font-weight: var(--weight-500);
    text-align: center;
    padding: 0.25rem 0.5rem;
    color: var(--txt-daily-care);
}*/

.oz-txt-mdc > div {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
}

.oz-txt-mdc > div > span:first-child {
    display: flex;
    width: fit-content;
    height: auto;
    font-size: 2rem;
    font-weight: var(--weight-500);
    text-align: center;
    padding: 0.1rem 0.2rem;
    color: var(--txt-daily-care);
}

.oz-txt-mdc > div > span:last-child {
    display: flex;
    width: fit-content;
    height: auto;
    font-size: 0.81rem;
    font-weight: var(--weight-500);
    text-align: center;
    padding-left: 0.3rem;
    margin-top: -0.5rem;
    color: var(--txt-votre-assistant-sante);
}

/* --- */
.oz-txt-light {
    color: var(--txt-light);
}

.oz-txt-dark {
    color: var(--txt-dark);
}

.oz-txt-grey {
    color: var(--txt-grey);
}

.oz-txt-yellow {
    color: var(--txt-yellow);
}

.oz-txt-red {
    color: var(--txt-red);
}

.oz-txt-green {
    color: var(--txt-green);
}