/* Text Input */
input[type="text"] {
  min-width: 250px;
  width: 100%;
  height: 56px;
  padding: 5px 16px 5px 16px;
  border-radius: var(--border-radius);
  border: 1px solid #BFC0C5;
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--input-line-height);
  color: var(--main-color);
}

input[type="text"]:focus {
  outline: 1px solid var(--main-color);
}

input[type="text"]::placeholder {
  color: #bfc0c5;
  opacity: 1; /* Firefox */
}

input[type="text"]::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #bfc0c5;
}

input[type="text"].error {
  border-color: #df0611;
  outline: 0.5px solid #df0611;
}

input[type="text"].filled {
  border: 1px solid #353535;
  color: var(--main-color);
}

input[type="text"].readonly {
  width: auto;
  border: none;
  color: var(--main-color);
}

@media (min-width: 1280px) {
  input[type="text"] {
    min-width: 250px;
  }
}