:root {
  --mdc-theme-primary: rgba(0, 0, 0, 0.3);
}
.mdc-text-field .mdc-text-field__input {
  width: 100%;
  border: 1px solid #000;
  outline: none;
  border: none;
  caret-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3);
}

.mdc-text-field--outlined {
  width: 100%;
  color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #757575;
}

.mdc-text-field--label-floating {
  color: rgba(0, 0, 0, 0.3);
  --mdc-theme-primary: #3998EB;
  display: flex;
  align-items: center;
}

.mdc-text-field--label-floating:hover {
  color: rgba(0, 0, 0, 0.3);
  --mdc-theme-primary: #3998EB;
}

textarea:focus,
input:focus {
  outline: none;
}
.mdc-text-field__input {
  --mdc-theme-primary: #f44336;
}

.label-error {
  --mdc-theme-primary: #f44336;
}

.form-error {
  color: #f44336;
}