@import '../../../../lib/commonStyles/colors.scss';

.searchContainer {
  margin: 10px 20px;
  position: relative;
}

.searchInput {
  box-sizing: border-box;
  margin-right: 35px;
}

.textIcon {
  position: absolute;
  top: 5px;
  right: 0px;
  cursor: pointer;

  path {
    fill: $primary-color;
  }

  .hoverTextSVGIcon {
    display: none;
  }

  .textSVGIcon {
    display: block;
  }

  &:hover {
    .hoverTextSVGIcon {
      display: block;
    }

    .textSVGIcon {
      display: none;
    }
  }
}

.withoutTextIcon {
  .searchInput {
    margin-right: 0;
  }

  .textIcon {
    display: none;
  }
}