@import 'mixins/mixins';
@import 'common/var';

@include b(query-box) {
  flex-shrink: 0;
  margin-bottom: -22px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;

  &.collapse {
    height: 62px !important;
  }

  @include m(medium) {
    &.collapse {
      height: 58px !important;
    }
  }

  @include m(small) {
    margin-bottom: -18px;
    &.collapse {
      height: 50px !important;
    }
  }

  @include m(mini) {
    margin-bottom: -18px;
    &.collapse {
      height: 47px !important;
    }
  }

  .button-wrapper {
    .collapse-button {
      margin-left: 10px;
      font-weight: 700;
      color: #1b65b9;
      vertical-align: middle;
      cursor: pointer;
    }
  }
}