.spectrum--large .spectrum-Tags-item {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;

  border-width: 1px;
  border-radius: 5px;

  transition: border-color 130ms ease-in-out,
    color 130ms ease-in-out,
    box-shadow 130ms ease-in-out,
    background-color 130ms ease-in-out;
}
.spectrum--large [dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-right: 10px;
}
.spectrum--large [dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-left: 10px;
}
.spectrum--large [dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-left: -2px;
}
.spectrum--large [dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-right: -2px;
}
.spectrum--large [dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon ~ .spectrum-Tags-itemLabel {
      margin-right: -3px;
}
.spectrum--large [dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon ~ .spectrum-Tags-itemLabel {
      margin-left: -3px;
}
.spectrum--large [dir="ltr"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-right: -6.5px;
}
.spectrum--large [dir="rtl"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-left: -6.5px;
}
.spectrum--large [dir="ltr"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-left: 6.5px;
}
.spectrum--large [dir="rtl"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-right: 6.5px;
}
.spectrum--large .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    height: 17px;
    width: 17px;
    border-radius: 2px;
  }
.spectrum--large .spectrum-Tags-itemLabel {
  line-height: 28px;
  font-size: 15px;
}
.spectrum--large .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border: 2px solid;
      border-radius: 5px;
    }
.spectrum-Tags {
  display: inline-block;

  margin: 0;
  padding: 0;
  list-style: none;
}
.spectrum-Tags-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  vertical-align: middle;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
  padding-right: 9px;
  height: 24px;
  max-width: 100%;

  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  transition: border-color 130ms ease-in-out,
    color 130ms ease-in-out,
    box-shadow 130ms ease-in-out,
    background-color 130ms ease-in-out;
}
.spectrum-Tags-item.is-disabled {
    pointer-events: none;
  }
[dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-right: 8px;
}
[dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-left: 8px;
}
[dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-left: -2px;
}
[dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon {
    margin-right: -2px;
}
[dir="ltr"] .spectrum-Tags-item > .spectrum-Tags-itemIcon ~ .spectrum-Tags-itemLabel {
      margin-right: -2px;
}
[dir="rtl"] .spectrum-Tags-item > .spectrum-Tags-itemIcon ~ .spectrum-Tags-itemLabel {
      margin-left: -2px;
}
[dir="ltr"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-right: -5px;
}
[dir="rtl"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-left: -5px;
}
[dir="ltr"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-left: 5px;
}
[dir="rtl"] .spectrum-Tags-item .spectrum-Tags-itemClearButton {
    margin-right: 5px;
}
.spectrum-Tags-item .spectrum-Tags-itemClearButton {
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    width: 14px;
    border-radius: 2px;
  }
.spectrum-Tags-itemLabel {
  height: 100%;
  line-height: 22px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 12px;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border: 2px solid;
      border-radius: 4px;
    }
.spectrum--dark .spectrum-Tags-item {
  color: rgb(185, 185, 185);
  background-color: rgb(47, 47, 47);
  border-color: rgb(144, 144, 144);
}
.spectrum--dark .spectrum-Tags-item .spectrum-Tags-itemIcon {
    color: rgb(144, 144, 144);
  }
.spectrum--dark .spectrum-Tags-item:hover {
    background-color: rgb(47, 47, 47);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }
.spectrum--dark .spectrum-Tags-item:hover .spectrum-Tags-itemIcon {
      color: rgb(255, 255, 255);
    }
.spectrum--dark .spectrum-Tags-item.focus-ring {
    background-color: rgb(47, 47, 47);
    color: rgb(255, 255, 255);
    border-color: rgb(38, 128, 235);
    box-shadow: 0 0 0 2px rgb(38, 128, 235);
  }
.spectrum--dark .spectrum-Tags-item.focus-ring .spectrum-Tags-itemIcon {
      color: rgb(255, 255, 255);
    }
.spectrum--dark .spectrum-Tags-item.is-selected {
    background-color: rgb(185, 185, 185);
    color: rgb(37, 37, 37);
    border-color: transparent;
  }
.spectrum--dark .spectrum-Tags-item.is-selected .spectrum-Tags-itemIcon {
      color: rgb(37, 37, 37);
    }
.spectrum--dark .spectrum-Tags-item.is-selected:hover {
      background-color: rgb(227, 227, 227);
    }
.spectrum--dark .spectrum-Tags-item.is-selected.focus-ring {
      box-shadow: 0 0 0 2px rgb(38, 128, 235);
      border-color: rgb(37, 37, 37);
    }
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid {
      border-color: transparent;
      background-color: rgb(236, 91, 98);
    }
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemIcon,
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemLabel,
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemClearButton {
        color: rgb(37, 37, 37);
      }
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid.focus-ring {
        box-shadow: 0 0 0 2px rgb(38, 128, 235);
        border-color: rgb(37, 37, 37);
      }
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid:hover {
        border-color: transparent;
        background-color: rgb(247, 109, 116);
      }
.spectrum--dark .spectrum-Tags-item.is-selected.is-invalid:hover .spectrum-Tags-itemIcon {
          color: rgb(37, 37, 37);
        }
.spectrum--dark .spectrum-Tags-item.is-invalid {
    color: rgb(236, 91, 98);
    border-color: rgb(236, 91, 98);

  }
.spectrum--dark .spectrum-Tags-item.is-invalid:hover {
      color: rgb(247, 109, 116);
      border-color: rgb(247, 109, 116);
    }
.spectrum--dark .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemIcon,
.spectrum--dark .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(247, 109, 116);
      }
.spectrum--dark .spectrum-Tags-item.is-invalid.focus-ring {
      color: rgb(247, 109, 116);
      border-color: rgb(38, 128, 235);
      box-shadow: 0 0 0 2px rgb(38, 128, 235);
    }
.spectrum--dark .spectrum-Tags-item.is-invalid .spectrum-Tags-itemIcon,
.spectrum--dark .spectrum-Tags-item.is-invalid .spectrum-Tags-itemClearButton {
      color: rgb(236, 91, 98);
    }
.spectrum--dark .spectrum-Tags-item.is-disabled {
    color: rgb(110, 110, 110);
    background-color: rgb(62, 62, 62);
    border-color: rgb(62, 62, 62);
  }
.spectrum--dark .spectrum-Tags-item.is-disabled .spectrum-Avatar {
      opacity: 0.3;
    }
.spectrum--dark .spectrum-Tags-item.is-disabled .spectrum-Tags-itemIcon {
      color: rgb(110, 110, 110);
    }
.spectrum--dark .spectrum-Tags-item--removable:hover {
    color: rgb(255, 255, 255);
  }
.spectrum--dark .spectrum-Tags-item--removable:active {
    color: rgb(185, 185, 185);
  }
.spectrum--dark .spectrum-Tags-item--removable.is-invalid:hover {
      border-color: rgb(247, 109, 116);
    }
.spectrum--dark .spectrum-Tags-item--removable.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(247, 109, 116);
      }
.spectrum--dark .spectrum-Tags-item--removable.is-invalid:active {
      border-color: rgb(255, 123, 130);
    }
.spectrum--dark .spectrum-Tags-item--removable.is-focused {
    color: rgb(185, 185, 185);
  }
.spectrum--dark .spectrum-Tags-item--removable.is-focused.is-invalid {
      color: rgb(185, 185, 185);
    }
.spectrum--dark .spectrum-Tags-item--removable.is-selected {
    color: rgb(37, 37, 37);
  }
.spectrum--dark .spectrum-Tags-item--removable.is-selected.is-focused {
       color: rgb(37, 37, 37);
    }
.spectrum--dark .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton {
      color: rgb(37, 37, 37);
    }
.spectrum--dark .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton:hover {
         color: rgb(37, 37, 37);
      }
.spectrum--dark .spectrum-Tags-item--removable.is-selected.is-invalid:hover .spectrum-Tags-itemClearButton {
          color: rgb(37, 37, 37);
        }
.spectrum--dark .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border-color: rgb(38, 128, 235);
      background-color: rgb(144, 144, 144);
      color: rgb(255, 255, 255);
    }
.spectrum--dark .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:hover {
      color: rgb(255, 255, 255);
    }
.spectrum--dark .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:active {
      background-color: rgb(74, 74, 74);
    }
.spectrum--darkest .spectrum-Tags-item {
  color: rgb(162, 162, 162);
  background-color: rgb(26, 26, 26);
  border-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Tags-item .spectrum-Tags-itemIcon {
    color: rgb(124, 124, 124);
  }
.spectrum--darkest .spectrum-Tags-item:hover {
    background-color: rgb(26, 26, 26);
    color: rgb(239, 239, 239);
    border-color: rgb(239, 239, 239);
  }
.spectrum--darkest .spectrum-Tags-item:hover .spectrum-Tags-itemIcon {
      color: rgb(239, 239, 239);
    }
.spectrum--darkest .spectrum-Tags-item.focus-ring {
    background-color: rgb(26, 26, 26);
    color: rgb(239, 239, 239);
    border-color: rgb(20, 115, 230);
    box-shadow: 0 0 0 2px rgb(20, 115, 230);
  }
.spectrum--darkest .spectrum-Tags-item.focus-ring .spectrum-Tags-itemIcon {
      color: rgb(239, 239, 239);
    }
.spectrum--darkest .spectrum-Tags-item.is-selected {
    background-color: rgb(162, 162, 162);
    color: rgb(8, 8, 8);
    border-color: transparent;
  }
.spectrum--darkest .spectrum-Tags-item.is-selected .spectrum-Tags-itemIcon {
      color: rgb(8, 8, 8);
    }
.spectrum--darkest .spectrum-Tags-item.is-selected:hover {
      background-color: rgb(200, 200, 200);
    }
.spectrum--darkest .spectrum-Tags-item.is-selected.focus-ring {
      box-shadow: 0 0 0 2px rgb(20, 115, 230);
      border-color: rgb(8, 8, 8);
    }
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid {
      border-color: transparent;
      background-color: rgb(227, 72, 80);
    }
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemIcon,
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemLabel,
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemClearButton {
        color: rgb(8, 8, 8);
      }
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid.focus-ring {
        box-shadow: 0 0 0 2px rgb(20, 115, 230);
        border-color: rgb(8, 8, 8);
      }
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid:hover {
        border-color: transparent;
        background-color: rgb(236, 91, 98);
      }
.spectrum--darkest .spectrum-Tags-item.is-selected.is-invalid:hover .spectrum-Tags-itemIcon {
          color: rgb(8, 8, 8);
        }
.spectrum--darkest .spectrum-Tags-item.is-invalid {
    color: rgb(227, 72, 80);
    border-color: rgb(227, 72, 80);

  }
.spectrum--darkest .spectrum-Tags-item.is-invalid:hover {
      color: rgb(236, 91, 98);
      border-color: rgb(236, 91, 98);
    }
.spectrum--darkest .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemIcon,
.spectrum--darkest .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(236, 91, 98);
      }
.spectrum--darkest .spectrum-Tags-item.is-invalid.focus-ring {
      color: rgb(236, 91, 98);
      border-color: rgb(20, 115, 230);
      box-shadow: 0 0 0 2px rgb(20, 115, 230);
    }
.spectrum--darkest .spectrum-Tags-item.is-invalid .spectrum-Tags-itemIcon,
.spectrum--darkest .spectrum-Tags-item.is-invalid .spectrum-Tags-itemClearButton {
      color: rgb(227, 72, 80);
    }
.spectrum--darkest .spectrum-Tags-item.is-disabled {
    color: rgb(92, 92, 92);
    background-color: rgb(44, 44, 44);
    border-color: rgb(44, 44, 44);
  }
.spectrum--darkest .spectrum-Tags-item.is-disabled .spectrum-Avatar {
      opacity: 0.3;
    }
.spectrum--darkest .spectrum-Tags-item.is-disabled .spectrum-Tags-itemIcon {
      color: rgb(92, 92, 92);
    }
.spectrum--darkest .spectrum-Tags-item--removable:hover {
    color: rgb(239, 239, 239);
  }
.spectrum--darkest .spectrum-Tags-item--removable:active {
    color: rgb(162, 162, 162);
  }
.spectrum--darkest .spectrum-Tags-item--removable.is-invalid:hover {
      border-color: rgb(236, 91, 98);
    }
.spectrum--darkest .spectrum-Tags-item--removable.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(236, 91, 98);
      }
.spectrum--darkest .spectrum-Tags-item--removable.is-invalid:active {
      border-color: rgb(247, 109, 116);
    }
.spectrum--darkest .spectrum-Tags-item--removable.is-focused {
    color: rgb(162, 162, 162);
  }
.spectrum--darkest .spectrum-Tags-item--removable.is-focused.is-invalid {
      color: rgb(162, 162, 162);
    }
.spectrum--darkest .spectrum-Tags-item--removable.is-selected {
    color: rgb(8, 8, 8);
  }
.spectrum--darkest .spectrum-Tags-item--removable.is-selected.is-focused {
       color: rgb(8, 8, 8);
    }
.spectrum--darkest .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton {
      color: rgb(8, 8, 8);
    }
.spectrum--darkest .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton:hover {
         color: rgb(8, 8, 8);
      }
.spectrum--darkest .spectrum-Tags-item--removable.is-selected.is-invalid:hover .spectrum-Tags-itemClearButton {
          color: rgb(8, 8, 8);
        }
.spectrum--darkest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border-color: rgb(20, 115, 230);
      background-color: rgb(124, 124, 124);
      color: rgb(239, 239, 239);
    }
.spectrum--darkest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:hover {
      color: rgb(239, 239, 239);
    }
.spectrum--darkest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:active {
      background-color: rgb(57, 57, 57);
    }
.spectrum--light .spectrum-Tags-item {
  color: rgb(110, 110, 110);
  background-color: rgb(250, 250, 250);
  border-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Tags-item .spectrum-Tags-itemIcon {
    color: rgb(142, 142, 142);
  }
.spectrum--light .spectrum-Tags-item:hover {
    background-color: rgb(250, 250, 250);
    color: rgb(44, 44, 44);
    border-color: rgb(44, 44, 44);
  }
.spectrum--light .spectrum-Tags-item:hover .spectrum-Tags-itemIcon {
      color: rgb(44, 44, 44);
    }
.spectrum--light .spectrum-Tags-item.focus-ring {
    background-color: rgb(250, 250, 250);
    color: rgb(44, 44, 44);
    border-color: rgb(38, 128, 235);
    box-shadow: 0 0 0 2px rgb(38, 128, 235);
  }
.spectrum--light .spectrum-Tags-item.focus-ring .spectrum-Tags-itemIcon {
      color: rgb(44, 44, 44);
    }
.spectrum--light .spectrum-Tags-item.is-selected {
    background-color: rgb(110, 110, 110);
    color: rgb(255, 255, 255);
    border-color: transparent;
  }
.spectrum--light .spectrum-Tags-item.is-selected .spectrum-Tags-itemIcon {
      color: rgb(255, 255, 255);
    }
.spectrum--light .spectrum-Tags-item.is-selected:hover {
      background-color: rgb(75, 75, 75);
    }
.spectrum--light .spectrum-Tags-item.is-selected.focus-ring {
      box-shadow: 0 0 0 2px rgb(38, 128, 235);
      border-color: rgb(255, 255, 255);
    }
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid {
      border-color: transparent;
      background-color: rgb(215, 55, 63);
    }
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemIcon,
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemLabel,
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemClearButton {
        color: rgb(255, 255, 255);
      }
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid.focus-ring {
        box-shadow: 0 0 0 2px rgb(38, 128, 235);
        border-color: rgb(255, 255, 255);
      }
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid:hover {
        border-color: transparent;
        background-color: rgb(201, 37, 45);
      }
.spectrum--light .spectrum-Tags-item.is-selected.is-invalid:hover .spectrum-Tags-itemIcon {
          color: rgb(255, 255, 255);
        }
.spectrum--light .spectrum-Tags-item.is-invalid {
    color: rgb(215, 55, 63);
    border-color: rgb(215, 55, 63);

  }
.spectrum--light .spectrum-Tags-item.is-invalid:hover {
      color: rgb(201, 37, 45);
      border-color: rgb(201, 37, 45);
    }
.spectrum--light .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemIcon,
.spectrum--light .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(201, 37, 45);
      }
.spectrum--light .spectrum-Tags-item.is-invalid.focus-ring {
      color: rgb(201, 37, 45);
      border-color: rgb(38, 128, 235);
      box-shadow: 0 0 0 2px rgb(38, 128, 235);
    }
.spectrum--light .spectrum-Tags-item.is-invalid .spectrum-Tags-itemIcon,
.spectrum--light .spectrum-Tags-item.is-invalid .spectrum-Tags-itemClearButton {
      color: rgb(215, 55, 63);
    }
.spectrum--light .spectrum-Tags-item.is-disabled {
    color: rgb(179, 179, 179);
    background-color: rgb(234, 234, 234);
    border-color: rgb(234, 234, 234);
  }
.spectrum--light .spectrum-Tags-item.is-disabled .spectrum-Avatar {
      opacity: 0.3;
    }
.spectrum--light .spectrum-Tags-item.is-disabled .spectrum-Tags-itemIcon {
      color: rgb(179, 179, 179);
    }
.spectrum--light .spectrum-Tags-item--removable:hover {
    color: rgb(44, 44, 44);
  }
.spectrum--light .spectrum-Tags-item--removable:active {
    color: rgb(110, 110, 110);
  }
.spectrum--light .spectrum-Tags-item--removable.is-invalid:hover {
      border-color: rgb(201, 37, 45);
    }
.spectrum--light .spectrum-Tags-item--removable.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(201, 37, 45);
      }
.spectrum--light .spectrum-Tags-item--removable.is-invalid:active {
      border-color: rgb(187, 18, 26);
    }
.spectrum--light .spectrum-Tags-item--removable.is-focused {
    color: rgb(110, 110, 110);
  }
.spectrum--light .spectrum-Tags-item--removable.is-focused.is-invalid {
      color: rgb(110, 110, 110);
    }
.spectrum--light .spectrum-Tags-item--removable.is-selected {
    color: rgb(255, 255, 255);
  }
.spectrum--light .spectrum-Tags-item--removable.is-selected.is-focused {
       color: rgb(255, 255, 255);
    }
.spectrum--light .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton {
      color: rgb(255, 255, 255);
    }
.spectrum--light .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton:hover {
         color: rgb(255, 255, 255);
      }
.spectrum--light .spectrum-Tags-item--removable.is-selected.is-invalid:hover .spectrum-Tags-itemClearButton {
          color: rgb(255, 255, 255);
        }
.spectrum--light .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border-color: rgb(38, 128, 235);
      background-color: rgb(142, 142, 142);
      color: rgb(44, 44, 44);
    }
.spectrum--light .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:hover {
      color: rgb(44, 44, 44);
    }
.spectrum--light .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:active {
      background-color: rgb(225, 225, 225);
    }
.spectrum--lightest .spectrum-Tags-item {
  color: rgb(116, 116, 116);
  background-color: rgb(255, 255, 255);
  border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Tags-item .spectrum-Tags-itemIcon {
    color: rgb(149, 149, 149);
  }
.spectrum--lightest .spectrum-Tags-item:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(50, 50, 50);
    border-color: rgb(50, 50, 50);
  }
.spectrum--lightest .spectrum-Tags-item:hover .spectrum-Tags-itemIcon {
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Tags-item.focus-ring {
    background-color: rgb(255, 255, 255);
    color: rgb(50, 50, 50);
    border-color: rgb(55, 142, 240);
    box-shadow: 0 0 0 2px rgb(55, 142, 240);
  }
.spectrum--lightest .spectrum-Tags-item.focus-ring .spectrum-Tags-itemIcon {
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Tags-item.is-selected {
    background-color: rgb(116, 116, 116);
    color: rgb(255, 255, 255);
    border-color: transparent;
  }
.spectrum--lightest .spectrum-Tags-item.is-selected .spectrum-Tags-itemIcon {
      color: rgb(255, 255, 255);
    }
.spectrum--lightest .spectrum-Tags-item.is-selected:hover {
      background-color: rgb(80, 80, 80);
    }
.spectrum--lightest .spectrum-Tags-item.is-selected.focus-ring {
      box-shadow: 0 0 0 2px rgb(55, 142, 240);
      border-color: rgb(255, 255, 255);
    }
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid {
      border-color: transparent;
      background-color: rgb(227, 72, 80);
    }
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemIcon,
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemLabel,
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid .spectrum-Tags-itemClearButton {
        color: rgb(255, 255, 255);
      }
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid.focus-ring {
        box-shadow: 0 0 0 2px rgb(55, 142, 240);
        border-color: rgb(255, 255, 255);
      }
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid:hover {
        border-color: transparent;
        background-color: rgb(215, 55, 63);
      }
.spectrum--lightest .spectrum-Tags-item.is-selected.is-invalid:hover .spectrum-Tags-itemIcon {
          color: rgb(255, 255, 255);
        }
.spectrum--lightest .spectrum-Tags-item.is-invalid {
    color: rgb(227, 72, 80);
    border-color: rgb(227, 72, 80);

  }
.spectrum--lightest .spectrum-Tags-item.is-invalid:hover {
      color: rgb(215, 55, 63);
      border-color: rgb(215, 55, 63);
    }
.spectrum--lightest .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemIcon,
.spectrum--lightest .spectrum-Tags-item.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(215, 55, 63);
      }
.spectrum--lightest .spectrum-Tags-item.is-invalid.focus-ring {
      color: rgb(215, 55, 63);
      border-color: rgb(55, 142, 240);
      box-shadow: 0 0 0 2px rgb(55, 142, 240);
    }
.spectrum--lightest .spectrum-Tags-item.is-invalid .spectrum-Tags-itemIcon,
.spectrum--lightest .spectrum-Tags-item.is-invalid .spectrum-Tags-itemClearButton {
      color: rgb(227, 72, 80);
    }
.spectrum--lightest .spectrum-Tags-item.is-disabled {
    color: rgb(188, 188, 188);
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
  }
.spectrum--lightest .spectrum-Tags-item.is-disabled .spectrum-Avatar {
      opacity: 0.3;
    }
.spectrum--lightest .spectrum-Tags-item.is-disabled .spectrum-Tags-itemIcon {
      color: rgb(188, 188, 188);
    }
.spectrum--lightest .spectrum-Tags-item--removable:hover {
    color: rgb(50, 50, 50);
  }
.spectrum--lightest .spectrum-Tags-item--removable:active {
    color: rgb(116, 116, 116);
  }
.spectrum--lightest .spectrum-Tags-item--removable.is-invalid:hover {
      border-color: rgb(215, 55, 63);
    }
.spectrum--lightest .spectrum-Tags-item--removable.is-invalid:hover .spectrum-Tags-itemClearButton {
        color: rgb(215, 55, 63);
      }
.spectrum--lightest .spectrum-Tags-item--removable.is-invalid:active {
      border-color: rgb(201, 37, 45);
    }
.spectrum--lightest .spectrum-Tags-item--removable.is-focused {
    color: rgb(116, 116, 116);
  }
.spectrum--lightest .spectrum-Tags-item--removable.is-focused.is-invalid {
      color: rgb(116, 116, 116);
    }
.spectrum--lightest .spectrum-Tags-item--removable.is-selected {
    color: rgb(255, 255, 255);
  }
.spectrum--lightest .spectrum-Tags-item--removable.is-selected.is-focused {
       color: rgb(255, 255, 255);
    }
.spectrum--lightest .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton {
      color: rgb(255, 255, 255);
    }
.spectrum--lightest .spectrum-Tags-item--removable.is-selected .spectrum-Tags-itemClearButton:hover {
         color: rgb(255, 255, 255);
      }
.spectrum--lightest .spectrum-Tags-item--removable.is-selected.is-invalid:hover .spectrum-Tags-itemClearButton {
          color: rgb(255, 255, 255);
        }
.spectrum--lightest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton.is-focused {
      border-color: rgb(55, 142, 240);
      background-color: rgb(149, 149, 149);
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:hover {
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Tags-item--removable .spectrum-Tags-itemClearButton:active {
      background-color: rgb(234, 234, 234);
    }
