/*
 * Shared form appearance
 * Keep entered values readable across every HTML and MudBlazor form.
 */
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="color"]),
textarea,
select,
.mud-input-root,
.mud-input-slot,
.mud-select-input {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 400 !important;
    opacity: 1;
    caret-color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.mud-input:not(.mud-input-text) {
    background-color: #ffffff !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}

body .mud-input .mud-input-root,
body .mud-input .mud-input-slot,
body .mud-input .mud-select-input,
body .mud-input:focus-within .mud-input-root,
body .mud-input:focus-within .mud-input-slot,
body .mud-input:focus-within .mud-select-input {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])::placeholder,
textarea::placeholder,
.mud-input-root::placeholder,
.mud-input-slot::placeholder {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.mud-input:focus-within .mud-input-root,
.mud-input:focus-within .mud-input-slot {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    caret-color: #000000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
}