import { styled } from 'styleh-components'

const Wrapper = styled.section`
  .form-wrapper {
    .input-box-label {
      display: inline-block;
      height: auto;
      font-size: rem(22);
      text-transform: capitalize;
      margin-bottom: rem(16);
    }
    .input-box {
      height: rem(44);
      border: rem(1) solid #bcc2d0;
      &::placeholder {
        font-size: rem(16);
        font-weight: 300;
        color: #a9b3c4;
      }
    }
    .search-icon {
      top: rem(14);
    }
  }
`

export { Wrapper }