.calculation-text {
    --text: var(--ui-size-sm2);
    --clr: var(--clr-default);
    font-size: var(--text);
    font-weight: 400;
    color: var(--clr);
}

.calculation-text--lg {
    --text: 23px;
}

.calculation-text--sm {
    --text: var(--ui-size-sm);
}

.calculation-text--xs {
    --text: var(--ui-size-xs2);
}


.calculation-text--neutral-400 {
    --clr: var(--clr-neutral-400);
}

.calculation-text--neutral-700 {
    --clr: var(--clr-neutral-700);
}

.calculation-text--primary {
    --clr: var(--clr-primary);
}

.calculation-text--upppercase {
    text-transform: var(--ui-text-transform-uppercase);
}

.calculation-text--center {
    text-align: center;
}
@media(max-width: 869.98px) {
    .calculation-text {
        --text: var(--ui-size-sm);
    }
    .calculation-text--lg {
        --text: 23px;
    }
    
    .calculation-text--sm {
        --text: var(--ui-size-sm);
    }
    
    .calculation-text--xs {
        --text: var(--ui-size-xs2);
    }
}