.address-block {
  position: relative;
  .icon-over-input-left{
    position: absolute;
    left: (12em / 14);
    z-index: 1;
  }
  input[type='text'] {
    padding: (15em / 14) (72em / 14) (15em / 14) (36em / 14);
    position: relative;
    margin-bottom: 0;
    &::placeholder {
      color: $charcoal;
    }
  }
  .icon-over-input-right{
    position: absolute;
    right: (12em / 14);
    z-index: 1;
  }
}
.close {
  cursor: pointer;
}
.select-with-icon {
  position: relative;
  padding: (16em / 14) (12em / 14);
  color: $grey;
  font-size: 14px;
  border-bottom: 1px solid $light-mint;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  .selectable {
    margin-right: (4em / 14);
  }

  &.focused {
    background-color: $mint;
    color: white;
    .main-text {
      color: white;
    }
    .pin {
      color: white;
    }
  }
  .pin {
    color: $mint;
  }
  .main-text {
    color: $charcoal;
  }
}
.selectable-list-address {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: white;
  position: relative;
  z-index: 9999999;
}