.ui-selector-popup-offset-animation {
  transition:
    top 200ms ease,
    left 200ms ease;
}
.ui-selector-dialog {
  font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  display: flex;
  flex-direction: column;
  transition:
    width 100ms ease,
    height 100ms ease;
}
.ui-selector-dialog--freeze {
  pointer-events: none;
}
.ui-selector-search {
  padding-bottom: 19px;
  margin: 19px 16px 0;
  border-bottom: 1px solid rgba(82, 92, 105, 0.1);
}
.ui-selector-popup-animation-show {
  animation: ui-selector-popup-animation-show 200ms;
  animation-fill-mode: both;
}
.ui-selector-popup-animation-close {
  animation: ui-selector-popup-animation-close 200ms;
  animation-fill-mode: both;
}
@keyframes ui-selector-popup-animation-show {
  0% {
    opacity: 0;
    transform: translate3d(0, 25px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ui-selector-popup-animation-close {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 25px, 0);
  }
}
.ui-selector-header-container {
  font-size: 14px;
}
.ui-selector-header {
  display: none;
}
.ui-selector-header--show {
  display: block;
}
.ui-selector-header-default {
  align-items: center;
  display: flex;
  height: 52px;
  margin: 0 17px 0 20px;
  overflow: hidden;
  white-space: nowrap;
  color: #525c69;
  border-bottom: 1px solid rgba(82, 92, 105, 0.1);
}
.ui-selector-footer {
  display: none;
}
.ui-selector-footer--show {
  display: block;
}
.ui-selector-footer-default {
  align-items: center;
  display: flex;
  height: 54px;
  background-color: #eaf9fe;
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  color: #525c69;
  border-radius: 0 0 var(--popup-window-border-radius)
    var(--popup-window-border-radius);
}
.ui-selector-footer-conjunction {
  margin-left: 10px;
  margin-right: 10px;
}
.ui-selector-footer .ui-selector-footer-link {
  color: #525c69;
  font-size: 14px;
  border-bottom: 1px dashed rgba(82, 92, 105, 0.27);
  cursor: pointer;
  text-decoration: none;
}
.ui-selector-footer .ui-selector-footer-link:hover {
  color: #333;
  border-bottom-color: rgba(82, 92, 105, 0.8);
}
.ui-selector-footer .ui-selector-footer-link-add {
  position: relative;
  margin-left: 31px;
}
.ui-selector-footer .ui-selector-footer-link-add:before {
  position: absolute;
  left: -31px;
  top: -4px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z' fill='%232FC6F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z' fill='%23fff'/%3E%3C/svg%3E");
  content: "";
}
.ui-selector-tabs {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.ui-selector-tab-labels {
  position: absolute;
  left: 0;
  top: 5px;
  transform: translate(-100%, 14px);
  max-width: 42px;
}
.ui-selector-tab-labels--active.ui-selector-tab-labels:before,
.ui-selector-tab-labels--animate-show.ui-selector-tab-labels:before,
.ui-selector-tab-labels--animate-hide.ui-selector-tab-labels:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #fff;
  right: -1px;
}
.ui-selector-tab-labels--animate-show {
  transition: max-width 300ms ease;
  transition-delay: 500ms;
}
.ui-selector-tab-labels--animate-hide {
  transition: max-width 300ms ease;
  transition-delay: 100ms;
}
.ui-selector-tab-label {
  background-color: #e4ebed;
  border-radius: 20px 0 0 20px;
  box-shadow: 0 1px 1px rgba(82, 92, 105, 0.09);
  height: 39px;
  margin-bottom: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background-color 200ms ease;
}
.ui-selector-tab-label-hover {
  background-color: #f2f6f7;
}
.ui-selector-tab-label-active {
  background-color: #2fc6f6;
}
.ui-selector-tab-label-active.ui-selector-tab-label-hover {
  background-color: #4bd4ff;
}
.ui-selector-tab-label-hidden {
  display: none;
}
.ui-selector-tab-icon {
  width: 23px;
  min-width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.479 4.062a.3.3 0 00-.512.212v4.455H4.249a.3.3 0 00-.3.3v4.879a.3.3 0 00.3.3h7.718v4.455a.3.3 0 00.512.212l7.195-7.194a.3.3 0 000-.425l-7.195-7.194z' fill='%23ABB1B8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  margin-right: 10px;
}

.ui-selector-tab-label-active .ui-selector-tab-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.479 4.062a.3.3 0 00-.512.212v4.455H4.249a.3.3 0 00-.3.3v4.879a.3.3 0 00.3.3h7.718v4.455a.3.3 0 00.512.212l7.195-7.194a.3.3 0 000-.425l-7.195-7.194z' fill='%23FFF'/%3E%3C/svg%3E");
}
.ui-selector-tab-title {
  display: inline-block;
  color: #707782;
  margin-right: 15px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-weight: var(--ui-font-weight-bold, 700);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-tab-title::selection {
  background-color: transparent;
}
.ui-selector-tab-labels--animate-show .ui-selector-tab-title,
.ui-selector-tab-labels--animate-hide .ui-selector-tab-title {
  text-overflow: initial;
}
.ui-selector-tab-label-active .ui-selector-tab-title {
  color: #fff;
}
.ui-selector-tab-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui-selector-tab-content {
  display: none;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1;
  flex-direction: column;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  .ui-selector-tab-content {
    scrollbar-color: rgba(0, 0, 0, 0.21) transparent;
    scrollbar-width: thin;
  }
}
.ui-selector-tab-content::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 5px;
}
.ui-selector-tab-content::-webkit-scrollbar-track {
  background: transparent;
}
.ui-selector-tab-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.21);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.ui-selector-tab-content-active {
  display: flex;
}
.ui-selector-tab-content-locked {
  pointer-events: none;
}
.ui-selector-tab-stub {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ui-selector-tab-default-stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 20px;
}
.ui-selector-tab-default-stub-icon {
  width: 70px;
  min-height: 70px;
  flex: 1;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='101' height='101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' fill-rule='evenodd' clip-rule='evenodd' d='M65.09 77.214a41.847 41.847 0 01-23.046 6.874C18.824 84.088 0 65.264 0 42.044 0 18.824 18.824 0 42.044 0c23.22 0 42.044 18.824 42.044 42.044 0 8.51-2.528 16.428-6.874 23.047l21.853 21.852a6.602 6.602 0 010 9.336l-2.788 2.788a6.602 6.602 0 01-9.336 0L65.091 77.214zm6.985-35.17c0 16.586-13.445 30.031-30.031 30.031S12.013 58.63 12.013 42.044s13.445-30.031 30.03-30.031c16.587 0 30.032 13.445 30.032 30.03z' fill='%23525C69'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 76%;
}
.ui-selector-tab-default-stub-titles {
  flex: 1;
  text-align: center;
  margin-top: 10px;
}
.ui-selector-tab-default-stub-title {
  color: #7f868d;
  font-size: 20px;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-weight: var(--ui-font-weight-light, 300);
  text-align: center;
}
.ui-selector-tab-default-stub-subtitle {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(129, 134, 139, 0.7);
}
.ui-selector-tab-default-stub-arrow {
  display: block;
  position: absolute;
  left: 25px;
  bottom: 10px;
  width: 62px;
  height: 69px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='62' height='69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 65.769C13.453 18.227 60.834 1.205 60.834 1.205M1.061 58.474l4.081 9.268 8.452-5.217' stroke='%232FC6F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: bottom;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.ui-selector-tab-stub .ui-selector-tab-stub-link {
  color: #2a6dc5;
  border-bottom: 1px dashed rgba(42, 109, 197, 0.27);
  cursor: pointer;
  text-decoration: none;
}
.ui-selector-tab-stub .ui-selector-tab-stub-link:hover {
  color: #21569a;
  border-bottom-color: rgba(42, 109, 197, 0.8);
}
.ui-selector-search-loader {
  display: none;
  opacity: 0;
  transition: opacity 400ms ease;
  transition-delay: 300ms;
}
.ui-selector-search-loader--show {
  display: block;
}
.ui-selector-search-loader--animate {
  opacity: 1;
}
.ui-selector-search-loader-box {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 20px;
  height: 40px;
  padding-left: 20px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.97);
}
.ui-selector-search-loader-box,
.ui-selector-search-loader-spacer {
  min-height: 45px;
}
.ui-selector-search-loader-spacer {
  display: block;
}
.ui-selector-search-loader-icon {
  flex: 1;
  max-width: 32px;
  position: relative;
}
.ui-selector-search-loader-text {
  color: #777;
  font-style: italic;
  font-size: 13px;
  line-height: 45px;
  padding-left: 10px;
}
.ui-selector-search-empty-result {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ui-selector-search-empty-result--show .ui-selector-search-empty-result-text {
  opacity: 1;
}
.ui-selector-search-empty-result-text {
  opacity: 0;
  transition: opacity 200ms ease;
  color: #6b6b6b;
  font-size: 26px;
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.ui-selector-search-footer {
  align-items: center;
  display: flex;
  height: 54px;
  background-color: #eaf9fe;
  border-radius: 0 0 var(--popup-window-border-radius)
    var(--popup-window-border-radius);
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(82, 92, 105, 0.5);
  cursor: pointer;
  position: relative;
}
.ui-selector-search-footer:before {
  position: absolute;
  left: 18px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z' fill='%232FC6F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z' fill='%23fff'/%3E%3C/svg%3E");
  content: "";
}
.ui-selector-search-footer:hover {
  background-color: #ddf6fe;
}
.ui-selector-search-footer-box {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
}
.ui-selector-search-footer-label {
  margin-left: 31px;
  margin-right: 5px;
  color: #525c69;
  font-size: 14px;
}
.ui-selector-search-footer-query {
  color: #525c69;
  font-size: 14px;
  font-weight: var(--ui-font-weight-bold);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-search-footer-loader {
  position: relative;
  display: block;
  width: 45px;
  height: 48px;
}
.ui-selector-search-footer-cmd {
  font-size: 9px;
  color: rgba(0, 0, 0, 0.3);
}
.ui-selector-items {
  padding: 6px 5px 6px 10px;
}
.ui-selector-item-box {
  height: 44px;
}
.ui-selector-dialog--compact-view .ui-selector-item-box {
  height: 34px;
}
.ui-selector-item-box.ui-selector-item-box-has-children {
  height: auto;
}
.ui-selector-item-box.--hidden {
  display: none;
}
.ui-selector-item {
  min-height: 44px;
  cursor: pointer;
  margin-bottom: 1px;
  padding: 0 45px 0 10px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(
    --ui-selector-item-border-radius,
    var(--ui-border-radius-2xs)
  );
}
.ui-selector-dialog--compact-view .ui-selector-item {
  min-height: 34px;
}
.ui-selector-item-avatar {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14z' fill='%23828B95'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.06 8.296a.262.262 0 00-.448.186v3.39H8.646a.262.262 0 00-.263.262v3.732c0 .145.118.262.263.262h5.966v3.39c0 .234.283.351.448.186l5.518-5.518a.262.262 0 000-.372L15.06 8.296z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.ui-selector-dialog--compact-view .ui-selector-item-avatar {
  width: 22px;
  height: 22px;
  min-width: 22px;
}
.ui-selector-tab-content--hide-avatars .ui-selector-item-avatar {
  display: none;
}
.ui-selector-item-titles {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-selector-tab-content--hide-avatars .ui-selector-item-titles {
  margin-left: 0;
}
.ui-selector-item-supertitle {
  font-size: 9px;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-weight: var(--ui-font-weight-bold, 700);
  text-transform: uppercase;
  color: #b1b6bb;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-item-subtitle {
  font-size: 13px;
  color: #a9adb4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-item-title-box {
  display: flex;
}
.ui-selector-item-title {
  font-size: 14px;
  color: #535c69;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-item-badges {
  display: flex;
  overflow: hidden;
}
.ui-selector-item-badges:empty {
  display: none;
}
.ui-selector-item-badge {
  font-size: 9px;
  background-color: rgba(47, 198, 246, 0.17);
  padding: 4px 8px;
  margin-left: 7px;
  border-radius: 10px;
  color: #23a2ca;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selector-item-badge:empty {
  display: none;
}
.ui-selector-item-caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: rgba(83, 92, 105, 0.5);
  align-self: flex-end;
  margin-left: 7px;
  transition: width 200ms ease;
}
.ui-selector-item-caption:empty {
  display: none;
}
.ui-selector-item-link {
  display: none;
  position: absolute;
  top: 0;
  right: 45px;
  bottom: 0;
  align-items: center;
  padding-left: 10px;
  opacity: 0;
  transition:
    opacity ease 300ms 500ms,
    background-color ease 100ms;
  text-decoration: none;
}
.ui-selector-item-box-focused .ui-selector-item-link {
  background-color: #f7f8f8;
}
.ui-selector-item-box-selected.ui-selector-item-box-focused
  .ui-selector-item-link {
  background-color: #c8f0fd;
}
.ui-selector-item-box-focused .ui-selector-item-link--show {
  display: flex;
}
.ui-selector-item-box-focused .ui-selector-item-link--animate {
  opacity: 1;
}
.ui-selector-item-link-text {
  color: #9b9b9b;
  border-bottom: 1px dashed rgba(155, 155, 155, 0.4);
  font-size: 13px;
  white-space: nowrap;
}
.ui-selector-item-link:hover .ui-selector-item-link-text {
  color: #5f5f5f;
  border-bottom-color: #9b9b9b;
}
.ui-selector-item-indicator {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-selector-item-indicator-hidden {
  background-image: none !important;
}
.ui-selector-item-children {
  display: none;
  overflow: hidden;
  height: 0;
  transition:
    height 300ms,
    opacity 300ms;
  margin-left: 16px;
  padding-left: 16px;
  position: relative;
}
.ui-selector-item-children:before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #ebecee;
  left: 7px;
}
.ui-selector-item-box-max-depth .ui-selector-item-children {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.ui-selector-item-children:empty {
  display: none;
}
.ui-selector-item-box-open > .ui-selector-item-children {
  height: auto;
  display: block;
}

.ui-selector-item-box-has-children
  > .ui-selector-item
  > .ui-selector-item-indicator {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.587.902l4.761 4.762L11.111.902l1.587 1.588L6.35 8.839 0 2.489 1.587.903z' fill='%23525C69' fill-rule='evenodd' opacity='.678'/%3E%3C/svg%3E");
  transition: transform 0.3s;
}
.ui-selector-item-box-open > .ui-selector-item > .ui-selector-item-indicator {
  transform: rotate(180deg);
}
.ui-selector-item-box-selected > .ui-selector-item {
  background-color: #e0f6fe;
}
.ui-selector-item-box-focused > .ui-selector-item {
  background-color: #f7f8f8;
  transition: background-color ease 100ms;
}
.ui-selector-item-box-selected.ui-selector-item-box-focused
  > .ui-selector-item {
  background-color: #c8f0fd;
}

.ui-selector-item-box-selected
  > .ui-selector-item
  > .ui-selector-item-indicator {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.14 11.461L.012 6.464l1.795-1.749L5.14 7.963 12.68.613l1.795 1.75L5.14 11.46z' fill='%230DB1E6'/%3E%3C/svg%3E");
}
.ui-selector-highlight-mark {
  color: #000;
  background-color: #faf16d;
}
.ui-tag-selector-outer-container {
  background: #fff;
  border: 1px solid #c6cdd3;
  border-radius: var(
    --ui-tag-selector-border-radius,
    var(--ui-field-border-radius, 2px)
  );
  padding: 2px 3px;
  position: relative;
  overflow: hidden;
}
.ui-tag-selector-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 34px;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  transition:
    height 150ms ease,
    min-height 150ms ease;
}
@supports not selector(::-webkit-scrollbar) {
  .ui-tag-selector-container {
    scrollbar-color: rgba(0, 0, 0, 0.21) transparent;
    scrollbar-width: thin;
  }
}
.ui-tag-selector-container::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 5px;
}
.ui-tag-selector-container::-webkit-scrollbar-track {
  background: transparent;
}
.ui-tag-selector-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.21);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.ui-tag-selector-container-readonly {
  border: 0;
  background: 0;
}
.ui-tag-selector-container-locked {
  pointer-events: none;
}
.ui-tag-selector-container-locked:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.ui-tag-selector-items {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.ui-tag-selector-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 2px;
  height: 30px;
}
.ui-tag-selector-item-hidden {
  display: none !important;
}
.ui-tag-selector-tag {
  display: inline-flex;
  align-items: center;
  background-color: #bcedfc;
  color: #1066bb !important;
  z-index: 2;
  transition: 50ms;
  overflow: hidden;
  max-width: 200px;
  border-radius: var(
    --ui-tag-selector-tag-border-radius,
    var(--ui-border-radius-3xs)
  );
}
.ui-tag-selector-tag--show {
  animation-duration: 50ms;
  animation-name: ui-tag-selector-tag-show;
}
.ui-tag-selector-tag--remove {
  opacity: 0;
  animation-duration: 50ms;
  animation-name: ui-tag-selector-tag-remove;
}
@keyframes ui-tag-selector-tag-show {
  from {
    opacity: 0;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  to {
    opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes ui-tag-selector-tag-remove {
  to {
    width: 0;
  }
}
.ui-tag-selector-tag-content {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}
.ui-tag-selector-tag-content--clickable {
  cursor: pointer;
}
.ui-tag-selector-tag-avatar {
  display: none;
  min-width: 21px;
  width: 21px;
  height: 21px;
  margin-right: 6px;
  margin-left: 6px;
  background-size: cover;
  border-radius: 50%;
}
.ui-tag-selector-tag--has-avatar .ui-tag-selector-tag-avatar {
  display: block;
}
.ui-tag-selector-tag-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--ui-font-weight-bold) 13px/30px
    var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  margin-left: 13px;
}
.ui-tag-selector-tag--has-avatar .ui-tag-selector-tag-title {
  margin-left: 0;
}
.ui-tag-selector-tag-remove {
  min-width: 25px;
  height: 100%;
  margin-left: 3px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.106.276L4.08 2.303 2.053.276c-.368-.368-.829-.368-1.197 0-.369.369-.369.83 0 1.198L2.882 3.5.856 5.526c-.369.369-.369.83 0 1.198.368.368.829.368 1.197 0L4.08 4.697l2.026 2.027c.368.368.829.368 1.197 0 .369-.369.369-.83 0-1.198L5.277 3.5l2.026-2.026c.369-.369.369-.83 0-1.198C6.935 0 6.383 0 6.106.276z' fill='%23000'/%3E%3C/svg%3E")
    center no-repeat;
  opacity: 0.1;
  transition: 0.3s;
  cursor: pointer;
}
.ui-tag-selector-tag-remove:hover {
  opacity: 0.2;
}
.ui-tag-selector-container-readonly .ui-tag-selector-tag,
.ui-tag-selector-tag.ui-tag-selector-tag-readonly {
  padding-right: 13px;
}
.ui-tag-selector-container-readonly .ui-tag-selector-tag-remove,
.ui-tag-selector-tag-readonly .ui-tag-selector-tag-remove {
  display: none;
}
.ui-tag-selector-text-box {
  width: 110px;
  padding: 0 5px;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  background: #fff;
  color: #555;
  font-size: 13px;
  font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  transition: opacity 100ms ease;
}
.ui-tag-selector-text-box::-ms-clear {
  display: none;
}
.ui-tag-selector-container-readonly .ui-tag-selector-text-box {
  display: none;
}
.ui-tag-selector-text-box::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.ui-tag-selector-add-button,
.ui-tag-selector-create-button {
  display: inline-flex;
  align-items: center;
}
.ui-tag-selector-container-readonly .ui-tag-selector-add-button,
.ui-tag-selector-container-readonly .ui-tag-selector-create-button {
  display: none;
}
.ui-tag-selector-add-button-caption,
.ui-tag-selector-create-button-caption {
  position: relative;
  display: inline-flex;
  margin: 0 7px 0 18px;
  vertical-align: middle;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  color: #2067b0;
  transition: 0.1s;
  cursor: pointer;
  align-items: baseline;
  font: var(--ui-font-weight-bold) 14px
    var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.ui-tag-selector-add-button-caption:before,
.ui-tag-selector-create-button-caption:before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0 6px 0 -12px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H3v3H0v2h3v3h2V5h3V3H5V0z' fill='%231069C3'/%3E%3C/svg%3E")
    no-repeat center;
}
.ui-tag-selector-add-button-caption:hover,
.ui-tag-selector-create-button-caption:hover {
  border-bottom-color: #2067b0;
}
.ui-tag-selector-create-button {
  position: relative;
  margin: 2px 2px 2px 20px;
}
.ui-tag-selector-create-button:after {
  content: "";
  position: absolute;
  top: 4px;
  left: -10px;
  width: 1px;
  background: rgba(130, 139, 149, 0.2);
  bottom: 4px;
}