@layer base {
  .input {
    width: 100%;
    min-height: 54px;
    height: 54px;
    background: #0000004d;
    border-top: 1px solid #472715;
    box-shadow:
      0px 4px 2px 0px #00000040 inset,
      0px -1.5px 0px 0px #8a582d inset;
    color: #fbe6be;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 14px;
    border: none;
    outline: none;
    padding: 12px 16px;
    resize: none;
    box-sizing: border-box;

    &::placeholder {
      color: #fbe6be66;
    }
  }

  .error {
    border: 2px solid #af4242;
  }
}
