input[type=text] {
  width: 100%;
  height: 46px;
  margin: 0;
  padding: 5px 18px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--card);
  color: var(--text);
  font-family: inherit;
  font-size: inherit;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--transition), box-shadow var(--transition);
}

input[type=text]::placeholder {
  color: var(--gray);
}

input[type=text]:hover {
  border-color: var(--primary);
}

input[type=text]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 4px var(--focus), var(--shadow-sm);
}

/*# sourceMappingURL=textbox.css.map */