/* input.css */
input {
  font-family: 'Pretendard' ,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--line-height-base);
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  border: 0;
  background: var(--secondary-gray-100);
  box-sizing: border-box;
}

input::placeholder {
  color: var(--secondary-gray-400);
}

input.error {
  box-shadow: 0 0 0 1px var(--error-red);
}

input.error:focus-visible {
  outline: 1px solid var(--error-red);
}

input[type="password"] {
  padding-right: 72px;
}

@media (max-width: 767px) {
  input {
    padding: 15px 24px;
  }
}