.search-bar {
  position: relative;
  font-size: (36em / 16);

  .material-icons {
    font-size: (40em /36);
  }

  .input {
    padding-left: (72em / 36);
    border-width: 0 0 (2em / 36) 0;
    background: transparent;
  }

  .input-icon-positioning {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;

    &.left {
      left: (12em / 40);
    }

    &.right {
      right: (12em / 40);
    }
  }
}

.search-scroll-wrapper {
  background: white;
  overflow: hidden scroll;
  position: fixed;
  left: 0;
  right: 0;
  height: 100%;
  padding-bottom: 140px;
  border-top: 2px solid $light-mint;
}