.values {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;

  .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px 4px 12px;
    margin: 8px 8px 0 0;
    background-color: #E3EFF9;
    border-radius: 16px;

    .name {
      padding-right: 8px;
      font-size: 0.875rem;
      line-height: 20px;

      p {
        margin: 0;
      }

      .faded {
        color: #7f7f7f;

      }
    }

    .remove {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: auto;
      border: none;
      //background: transparent url('~src/assets/images/icons/close_16dp.svg') 50% 50% no-repeat;
      cursor: pointer;
    }
  }
}
