.searchbar {
  background: transparent;
  max-width: 250px;
  min-height: 43px;
  border: 1px solid #f5f5f5;
  padding: 0 1em;
  display: flex;
  align-items: center;
  transition: all .2s ease;
  margin-right: 0;
  margin-left: auto;
  pointer-events: all;
  input,
  textarea {
      color: palette(black);
      padding-left: 0;
      left: 0;
  }
  &.re-has-value label {
      color: palette(black)
  }
  label {
      color: palette(black);
      left: 0;
  }
  &:after {
      background: palette(black)
  }
  &:after,
  &:before {
      content: none;
  }
  input.re-input {
      height: 40px;
      padding: 0;
      color: palette(green, dark);
      @include font-size(14px);
  }
  .svg-icon {
      margin: auto;
      order: 2;
  }
  &__button {
    cursor: pointer;
    &--expand {
      display: none;
      .header--hidden & {
        cursor: pointer;
        display: block;
      }
    }
  }
}
