.input {
  width: 100%;
  padding: 26px 6px 26px 20px;
  border: 1px solid var(--color-ink-800);
  border-radius: 9px;
  background-color: transparent;
  font-size: 15px;
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  color: var(--color-ink-800);
  outline: none;
  caret-color: var(--color-ink-800);
}

.input::placeholder {
  color: var(--color-gray-300);
  font-size: 15px;
  text-transform: uppercase;
  opacity: 1;
}

.input_dark {
  border-color: var(--color-white);
  color: var(--color-white);
  caret-color: var(--color-white);
}

.input_dark::placeholder {
  color: var(--color-white-40);
}

.input_error {
  border-color: #ff0000;
}

.input::-webkit-textfield-decoration-container {
  caret-color: var(--color-ink-800);
}

.input_dark::-webkit-textfield-decoration-container {
  caret-color: var(--color-white);
}