@import '../../../../../scss/variables';

app-search {
  width: 80vw;
  max-width: 550px;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 80vw;
  max-width: 550px;
  background-color: $content-background-color;
  border-radius: $input-round-borders;
  box-shadow: 0px 6px 24px 0px rgba(214, 215, 217, 0.8);

  transition: border-radius 1s linear;

  &.extend-for-content {
    border-radius: $input-round-borders $input-round-borders 0 0;
    position: relative;

    &::after {
      content: '';
      position: absolute;
      top: 60px;
      left: 20px;
      width: calc(100% - 40px);
      border-bottom: 2px solid #e9f0f8;
    }
  }
}
