.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;
	pointer-events: none;
}

@keyframes ui-selector-popup-animation-show {
	0% {
		opacity: 0;
		transform: translate3d(0, 25px, 0);
		pointer-events: none;
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
		pointer-events: all;
	}
}

@keyframes ui-selector-popup-animation-close {
	0% {
		opacity: 1;
		transform: translate3d(0, 0px, 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-container {

}

.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: #333333;
	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; /* sync this value (+margin) with minLabelWidth in dialog.js */
}

/* Chrome sub-pixel bug */
.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: .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;
	/*background-color: #fff;*/
}

.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: .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,.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;
	/*content-visibility: auto;*/
}

.ui-selector-dialog--compact-view .ui-selector-item-box {
	height: 34px;
}

.ui-selector-item-box.ui-selector-item-box-has-children {
	height: auto;
	/*content-visibility: visible;*/
}

.ui-selector-item-box-has-children .ui-selector-item-box {
	/*content-visibility: visible;*/
}

.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;
	min-width: 28px;
	height: 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;
	box-sizing: border-box;
}

.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: none;
}

.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 .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: max-height 150ms ease, min-height 150ms ease;*/
	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: .2s;
}

.ui-tag-selector-container-readonly {
	border: none;
	background: none;
}

.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,.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: .1;
	transition: .3s;
	cursor: pointer;
}

.ui-tag-selector-tag-remove:hover {
	opacity: .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: none;
	outline: none;
	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: .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,.2);
    bottom: 4px;
}