.cosmo-consumption-calculator__fields .field__input {
    background-color: #f7f7f7;

    &[disabled] {
        background-color: #d8d8d8;
    }
}

.cosmo-consumption-calculator__result {
    align-self: center;
    font-weight: bold;
}

.grid__item--full {
    width: 100% !important;
}

.cosmo-consumption-calculator__fields .field__input:invalid {
    outline-color: rgb(var(--color-button));
}