:root {
    --input-label-color: var(--button-background);
    --input-label-disabled-color: var(--main-low-visibility-color);
}
:root.high-contrast {
    --input-label-color:  var(--main-color);
    --input-label-disabled-color: var(--main-color-hover);
}

.sm-input-date input {
    margin-top: 0;
    margin-bottom: 0;
    width: 7em;
}
.sm-input-date .message {
    font-size: 0.9em;
    color: var( --main-error-message-color);
}
.sm-input-date label.label {
    color: var(--input-label-color);
    padding-bottom: 0.25em;
}
.sm-input-date label.label.disabled {
    color: var(--input-label-disabled-color);
}
.sm-input-date label.label:empty {
    display: none;
}
.sm-input-date .sm-button {
    position: relative;
}
.sm-input-date .input-container {
    display: flex;
    flex-direction: row;
    column-gap: 0.5em;
    align-items: center;
}