/* quick fixes */
.svg-icon {
    width: 4em;
    height: 4em;
}


/* common */
input {
    background: none;
    border: none;
    width: 100%;
    margin: -0.76em 0 0 0;
    padding: 0.3em 0.33em;
    font: inherit;
    font-size: 2.24em;
    box-sizing: border-box;
}

button {
    display: block;
    border: 0;
    background: #42698A;
    color: #FFFFFF;
    font: inherit;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0.44em;
    padding: 1.2em;
    width: 100%;
    box-sizing: border-box;
}

.normally-hidden {
    display: none;
}


/* application */
.itr-app-settings {
    padding: 1.5em 0 0 0;
}

.itr-app-gender-selector {
    text-align: center;
    font-weight: 700;
    border-radius: 0.44em;
    padding-top: 1.2em;
    border: 0.24em solid #F0F0F0;
    background: #F0F0F0;
    cursor: pointer;
}
.itr-app-gender-selector.active {
    border: 0.24em solid #42698A;
    background: #d9e9f8;
}
.itr-app-gender-selector p {
    font: inherit;
}

.itr-app-weight > div {
    border-radius: 0.44em;
    background: #d9e9f8;
    padding: 0 1.2em 1.2em 1.2em;
    box-sizing: border-box;
}

.itr-app-drinks {
    margin: 2em 0;
    text-align: center;
}
.itr-app-drinks img {
    height: 50px;
}
.itr-app-drinks h4 {
    height: 2.87em;
}
.itr-app-drinks p {
    margin: 0;
    padding: 0;
}
.itr-app-drinks input {
    text-align: center;
    background: #d9e9f8;
    border-radius: 0.3em;
    padding: 0.23em;
    margin: 0;
}

.itr-app-since > div {
    border-radius: 0.44em;
    background: #d9e9f8;
}
.itr-app-since input {
    text-align: right;
}
.itr-app-since h4 {
    margin: 0;
    padding: 0;
}

.itr-app-calc {
    margin: 1.2em 0;
}

.itr-app-display {
    margin: 1.2em 0 2em 0;
    text-align: center;
    background: #F0F0F0;
}
.itr-app-display span:not([data-lang]) {
    color: #fc7c27;
}
.itr-display-dead {
    color: #FF0000;
}

.itr-app-disclaimer p {
    text-align: justify;
    font-size: 9pt;
    color: #616161;
}

/* dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background: #212121;
    }
    * { color: #FFFFFF; }

    .itr-app-gender-selector {
        background-color: #2c2c2c;
        border-color: #2c2c2c;
    }
    .itr-app-gender-selector.active {
        background-color: #2e3847;
    }

    .itr-app-weight > div,
    .itr-app-drinks input,
    .itr-app-since > div,
    .itr-app-display {
        background-color: #2c2c2c;
    }
}