@import "../mixins/color-button";
@import "../palette";
@import "../variables";
.selection-builder {
  &__list {
    margin: 1em 0;
  }
  &__add-word {
    flex-wrap: nowrap;
    input {
      border-right: none;
    }
    .button {
      border-radius: 0px;
      height: 2.5rem;
    }
  }
  .tag {
    display: inline-block;
    color: $unselected-text;
    border: 1px solid $panel-border-color;
    padding: em-calc(4px) em-calc(8px) em-calc(4px) em-calc(16px);
    border-radius: $global-border-radius;
    border-width: $global-border-width;
    margin-right: em-calc(8px);
    .icon--delete {
      background: transparent url("#{$path-images}/delete.svg") center center no-repeat;
      width: 12px;
      height: 12px;
      display: inline-block;
      margin-left: em-calc(8px);
      cursor: pointer;
      &:hover {
        opacity: 0.75;
      }
    }
  }
}