.root{
  width: 100%;
}

.expanded-list{
}


.mobile {
  height: 100%;
  display: flex;
  flex-direction: column;
  & > section{
    height: calc(100% - 60px);
  }
}

.search{
  position: relative;
  $padding-bottom: 11px;
  width: 100%;
  padding-bottom: $padding-bottom;
  .icon{
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -13px;
    pointer-events: none;
    color: $color-black;
  }
}

.input{
  background: $color-white;
  width: 100%;
  height: 40px;
  padding-right: 34px;
  padding-left: 11px;
  box-sizing: border-box;
  font-family: $font-base;
  font-size: $font-size-large;
  border: 1px solid $color-grey-2;
  transition: border-color .1s linear;
  outline: none;
  &:placeholder{
    color: $color-grey-1;
  }
  &:focus{
    border-color: $color-grey-3;
  }
}

.expand{
  margin-top: 20px;
  width: 100%;
  svg{
    vertical-align: -3px;
    padding-right: 5px;
  }
}