.body-mass-indices{
    font-size: 1cqw;
    font-family: din-2014;
}

.body-mass-input{
    font-size: 1.5cqw;
}

.body-mass-input input[type="text"] {
    font-size: inherit; /* Inherit font size from parent container */
    border: 1px solid #ccc; /* Standard border for the input field */
    margin-left: 5px; /* Space between label and input */
}

.formula-container {
    display: flex;
    align-items: center;
    font-family: din-2014, sans-serif;
    font-size: 1cqw;
}

.left-section {
    margin-right: 10px;
    white-space: nowrap;
}

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

.numerator,
.denominator {
    text-align: center;
    min-width: 50px;
}

.numerator {
    border-bottom: 1px solid black;
    padding-bottom: 5px;
}

.denominator {
    padding-top: 5px;
}

.superscript {
    font-size: 0.6em; /* Smaller font size for the superscript */
    vertical-align: top; /* Position it higher */
    position: relative;
    top: -0.5em; /* Adjust this value for the right height */
}

.formula-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.white-space-pre{
    white-space: pre;
}

.flex-basis-30{
    flex-basis: 22%;
    display: inline-block;
}

.flex-basis-10{
    flex-basis: 17%;
}

.font-weight-bold{
    font-weight: bold;
    white-space: pre;
    color: black;
    font-size: 1.2cqw;
}

.formula-result-row{
    background-color: #1f7c34;
    font-size: 1.8cqw;
}

.padding-top-only{
    padding: 5px 0 0;
}

.display-inline-block{
    display: inline-block;
}