@use "sass:math";

@import '~styles/config';

.staff {
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  height: 100%;
  min-height: 450px;

  .searchContainer {
    display: flex;

    width: 100%;

    @media (min-width: $min-tablet) {
      margin-top: 60px;
      width: percentage(math.div(10, 12));
    }

    @media (min-width: $min-desktop) {
      margin-top: 90px;
      width: percentage(math.div(8, 12));
    }

    @media (min-width: $min-1200) {
      width: percentage(math.div(6, 12));
    }
  }

  .searchInput {
    [class*='textBox__input'] {
      height: 76px;
      font-size: 40px;

      &::placeholder {
        font-size: 25px;
      }
    }
  }
}