$colorSelected: #89949e;
$colorSelectedNot: #c6cbd0;

.wrapper {
  display: flex;
  flex-direction: row;
  padding: 6px 15px 6px 8px;
  align-content: center;
  border: 1.5px solid $colorSelectedNot;
  border-radius: 30px;
  cursor: pointer;

  &.selected {
    border-color: $colorSelected;
  }

  .img {
    border: 1.5px solid $colorSelectedNot;
    border-radius: 100%;
    width: 21px;
    height: 21px;

    &.selected {
      border-color: $colorSelected;
    }

    lib-icon {
      margin-left: 3px;
      margin-bottom: 3px;
    }
  }

  .text {
    font-size: 16px;
    color: $colorSelectedNot;
    padding-top: 3px;
    padding-left: 10px;
    position: relative;
    bottom: 2px;

    &.selected {
      color: $colorSelected;
    }
  }
}

input {
  border: none;
  font-size: 16px;
  width: 90px;
  color: $colorSelectedNot;
  caret-color: $colorSelectedNot;
  padding: 0;

  &.selected {
    color: $colorSelected;
    caret-color: $colorSelected;
  }
}

input:focus {
  outline: none;
}
