.input,
.textarea,
select.input,
.custom-select-btn,
.modal-card .input,
.modal-card .textarea,
.modal-card select.input {
  background: var(--form-control-bg) !important;
  border-color: var(--form-control-border) !important;
}

.input:hover,
.textarea:hover,
select.input:hover,
.custom-select-btn:hover,
.modal-card .input:hover,
.modal-card .textarea:hover,
.modal-card select.input:hover {
  background: var(--form-control-hover-bg) !important;
  border-color: var(--form-control-hover-border) !important;
}

.input:focus,
.textarea:focus,
.select-wrap:focus-within select.input,
.custom-select-btn:focus-visible,
.select-wrap.is-open .custom-select-btn,
.modal-card .input:focus,
.modal-card .textarea:focus,
.modal-card .select-wrap:focus-within select.input {
  background: var(--form-control-focus-bg) !important;
}