.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: 8px;
	margin: 16px 18px 0;
	border-bottom: none;
}

.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: var(--ui-font-size-md);
}

.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: var(--ui-color-accent-soft-blue-2);
	padding: 0 18px;
	overflow: hidden;
	font-size: var(--ui-font-size-sm);
	white-space: nowrap;
	color: var(--ui-color-base-1);
	border-radius: 0 0 var(--popup-window-border-radius) var(--popup-window-border-radius);
}

.ui-selector-footer-conjunction {
	color: var(--ui-color-base-2);
	margin-left: 4px;
	margin-right: 4px;
}

.ui-selector-footer .ui-selector-footer-link,
.ui-selector-footer .ui-selector-footer-link-text {
	border-bottom: 1px dashed rgba(82, 92, 105, 0.27);
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	text-overflow: ellipsis;
}

.ui-selector-footer .ui-selector-footer-link:hover,
.ui-selector-footer .ui-selector-footer-link-with-icon:hover .ui-selector-footer-link-text {
	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 {
	content: "";
	position: absolute;
	left: -34px;
	top: -4px;
	width: 24px;
	height: 24px;
	background-color: var(--ui-color-accent-main-primary);
	border-radius: 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_19460_14951)'%3E%3Cpath fill='%230075FF' d='M0 .146h24v24H0z'/%3E%3Cpath d='M12 6.852a.53.53 0 01.529.53v4.234h4.234a.53.53 0 010 1.059H12.53v4.234a.53.53 0 01-1.059 0v-4.234H7.237a.53.53 0 010-1.059h4.233V7.382a.53.53 0 01.53-.53z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_19460_14951'%3E%3Cpath d='M0 12.146c0-6.628 5.373-12 12-12s12 5.372 12 12c0 6.627-5.373 12-12 12s-12-5.373-12-12z' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ui-selector-footer .ui-selector-footer-link-with-icon {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.ui-selector-footer .ui-selector-footer-link-icon {
	display: flex;
	width: 20px;
	height: 20px;
	--ui-icon-set__icon-size: 20px;
	--ui-icon-set__icon-color: var(--ui-color-base-1);
}

.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: 38px; /* 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 {
	--ui-color: var(--ui-color-background-tertiary);

	background-color: var(--ui-color);
	border-radius: 20px 0 0 20px;
	box-shadow: 0px 1px 2px 0px #0000000D;
	height: 36px;
	margin-bottom: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: background-color 200ms ease;
}

.ui-selector-tab-label-hover {
	background-color: var(--ui-color-hover);
}

.ui-selector-tab-label-active {
	--ui-color: var(--ui-color-accent-main-primary);
}

.ui-selector-tab-label-hidden {
	display: none;
}

.ui-selector-tab-icon {
	--icon-size: 24px;
	--ui-icon-set__icon-size: var(--icon-size);
	--ui-icon-set__icon-color: var(--ui-color-base-4);

	width: var(--icon-size);
	min-width: var(--icon-size);
	height: var(--icon-size);
	-webkit-mask-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");
	        mask-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");
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	background-color: var(--ui-icon-set__icon-color);
	background-image: none;
	margin-left: 8px;
	margin-right: 4px;
}

.ui-selector-tab-label-active .ui-selector-tab-icon {
	--ui-icon-set__icon-color: var(--ui-color-base-white-fixed);
	-webkit-mask-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");
	        mask-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: var(--ui-color-base-4);
	margin-right: 8px;
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-medium, 400);
	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: var(--ui-color-base-8);
}

.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: 180px;
	min-height: 142px;
	background-image: url(images/images/default-stub-icon-air.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.ui-selector-tab-default-stub-titles {
	text-align: center;
	margin-top: 24px;
}

.ui-selector-tab-default-stub-title {
	color: var(--ui-color-base-1);
	font-size: var(--ui-font-size-2xl);
	font-weight: var(--ui-font-weight-medium, 500);
	text-align: center;
}

.ui-selector-tab-default-stub-subtitle {
	margin-top: 10px;
	font-size: var(--ui-font-size-xl);
	color: var(--ui-color-base-2);
}

.ui-selector-tab-default-stub-arrow {
	display: none;
	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: var(--ui-color-base-3);
	font-style: italic;
	font-size: var(--ui-font-size-sm);
	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: var(--ui-color-base-2);
	font-size: var(--ui-font-size-5xl);
	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: var(--ui-color-accent-soft-blue-2);
	border-radius: 0 0 var(--popup-window-border-radius) var(--popup-window-border-radius);
	padding: 0 18px;
	overflow: hidden;
	white-space: nowrap;
	color: var(--ui-color-base-1);
	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='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_19460_14951)'%3E%3Cpath fill='%230075FF' d='M0 .146h24v24H0z'/%3E%3Cpath d='M12 6.852a.53.53 0 01.529.53v4.234h4.234a.53.53 0 010 1.059H12.53v4.234a.53.53 0 01-1.059 0v-4.234H7.237a.53.53 0 010-1.059h4.233V7.382a.53.53 0 01.53-.53z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_19460_14951'%3E%3Cpath d='M0 12.146c0-6.628 5.373-12 12-12s12 5.372 12 12c0 6.627-5.373 12-12 12s-12-5.373-12-12z' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	content: "";
}

.ui-selector-search-footer:hover {
	background-color: var(--ui-color-accent-soft-blue-3);
}

.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: var(--ui-color-base-1);
	font-size: var(--ui-font-size-lg);
}

.ui-selector-search-footer-query {
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-medium);

	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: var(--ui-font-size-4xs);
	color: rgba(0, 0, 0, 0.3);
}

.ui-selector-items {
	padding: 6px 5px 6px 10px;
}

.ui-selector-item-box {
	height: 48px;
	/*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 {
	--ui-color: var(--ui-color-bg-content-primary);

	min-height: 48px;
	cursor: pointer;
	margin-bottom: 1px;
	padding: 0 45px 0 10px;
	position: relative;
	display: flex;
	align-items: center;
	background-color: var(--ui-color);
	border-radius: var(--ui-border-radius-sm);
}

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

.ui-selector-item-avatar {
	display: grid;
	place-items: center;
	width: 32px;
	min-width: 32px;
	height: 32px;
	border-radius: 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_19480_16372)'%3E%3Cpath fill='%23EEF2F4' d='M0 0h32v32H0z'/%3E%3Cpath d='M17.322 11.175c-.24.24-.24.63 0 .87l3.34 3.34H9.854a.615.615 0 000 1.23h10.81l-3.341 3.34a.615.615 0 00.87.87l4.389-4.39a.613.613 0 000-.87l-4.39-4.39a.615.615 0 00-.87 0z' fill='%231F86FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_19480_16372'%3E%3Cpath d='M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16z' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	box-sizing: border-box;
	--ui-icon-set__icon-size: 20px;
}

.ui-selector-dialog--compact-view .ui-selector-item-avatar {
	width: 22px;
	height: 22px;
	min-width: 22px;
	--ui-icon-set__icon-size: 18px;
}

.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: 8px;
	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: var(--ui-font-size-4xs);
	font-weight: var(--ui-font-weight-normal);
	color: var(--ui-color-base-4);
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-selector-item-subtitle {
	font-size: var(--ui-font-size-4xs);
	font-weight: var(--ui-font-weight-normal);
	color: var(--ui-color-base-4);
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-selector-item-title-box {
	display: flex;
	align-items: center;
}

.ui-selector-item-title {
	font-size: var(--ui-font-size-lg);
	color: var(--ui-color-base-1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-selector-item-box-locked > .ui-selector-item .ui-selector-item-title {
	color: var(--ui-color-base-4);
}

.ui-selector-item-badges {
	display: flex;
	overflow: hidden;
	align-items: end;
	height: 17px;
}

.ui-selector-item-badges:empty {
	display: none;
}

.ui-selector-item-badge {
	font-size: 10px;
	background-color: rgba(47, 198, 246, 0.17);
	padding: 0 6px 1px 6px;
	margin-left: 7px;
	border-radius: 10px;
	color: #23a2ca;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 14px;
	align-content: center;
	box-sizing: border-box;
}

.ui-selector-item-badge:empty {
	display: none;
}

.ui-selector-item-caption {
	margin-left: 8px;
	align-self: flex-end;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: var(--ui-font-size-sm);
	color: var(--ui-color-base-4);
	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: var(--ui-color-hover);
}

.ui-selector-item-box-selected.ui-selector-item-box-focused .ui-selector-item-link {
	background-color: var(--ui-color-hover);
}

.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: var(--ui-color-base-4);
	border-bottom: 1px dashed rgba(155, 155, 155, 0.4);
	font-size: var(--ui-font-size-xs);
	white-space: nowrap;
}

.ui-selector-item-link:hover .ui-selector-item-link-text {
	color: var(--ui-color-base-3);
	border-bottom-color: #9b9b9b;
}

.ui-selector-item-indicator {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 45px;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	        mask-position: center center;
	-webkit-mask-size: 20px;
	        mask-size: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-selector-item-indicator-hidden {
	background-image: none !important;
	-webkit-mask-image: none;
	        mask-image: none;
}

.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-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 {
	mask-image: var(--o-ui-icon-set__path_chevron-down-l);
	background-color: var(--ui-color-base-3);
}

.ui-selector-item-box-open > .ui-selector-item > .ui-selector-item-indicator {
	transform: rotate(180deg);
}

.ui-selector-item-box-selected > .ui-selector-item {
	--ui-color: var(--ui-color-accent-soft-blue-3);
}

.ui-selector-item-box-focused > .ui-selector-item {
	background-color: var(--ui-color-hover);
	transition: background-color ease 100ms;
}

.ui-selector-item-box-selected > .ui-selector-item > .ui-selector-item-indicator {
	mask-image: var(--o-ui-icon-set__path_check-m);
	background-color: var(--ui-color-accent-main-primary);
}

.ui-selector-item-box-locked > .ui-selector-item > .ui-selector-item-indicator {
	mask-image: var(--o-ui-icon-set__path_lock-l);
	background-color: var(--ui-color-base-4);
}

.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-outer-container.--air {
	border-color: var(--ui-color-base-5);
	border-radius: var(--ui-border-radius-sm);
}

.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;
	scrollbar-color: initial;
	scrollbar-width: initial;
}

.ui-tag-selector-outer-container.--air .ui-tag-selector-container {
	min-height: 32px;
}

@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%;
	overflow: hidden;
}

.ui-tag-selector-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 2px;
	height: 30px;
}

.ui-tag-selector-outer-container.--air .ui-tag-selector-item {
	height: 28px;
	margin: 2px;
}

.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-outer-container.--air .ui-tag-selector-tag {
	background-color: var(--ui-color-design-tinted-bg);
	color: var(--ui-color-design-tinted-content) !important;
	border-radius: var(--ui-border-radius-xs);
}

.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-icon-set__icon-size: 18px;
}

.ui-tag-selector-outer-container.--air .ui-tag-selector-tag-avatar {
	min-width: 18px;
	width: 18px;
	height: 18px;
	margin-right: 4px;
	margin-left: 4px;
	--ui-icon-set__icon-size: 16px;
}

.ui-tag-selector-tag--has-avatar .ui-tag-selector-tag-avatar {
	display: grid;
	place-items: center;
}

.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-outer-container.--air .ui-tag-selector-tag-title {
	font-size: 14px;
	font-weight: 400;
	margin-left: 13px;
	line-height: 19px;
	padding-bottom: 2px;
}

.bx-mac .ui-tag-selector-outer-container.--air .ui-tag-selector-tag-title {
	padding-bottom: 1px;
}

.ui-tag-selector-tag--has-avatar .ui-tag-selector-tag-title,
.ui-tag-selector-outer-container.--air .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-outer-container.--air .ui-tag-selector-tag-remove {
	background-image: none;
	background-color: #000;
	min-width: 24px;
	margin-left: 1px;
	mask-image: var(--o-ui-icon-set__path_cross-m);
	-webkit-mask-size: 20px 20px;
	        mask-size: 20px 20px;
	-webkit-mask-position: 0px center;
	        mask-position: 0px center;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;

	transition: .1s;
	opacity: 0.2;
}

.ui-tag-selector-tag-remove:hover {
	opacity: .2;
}

.ui-tag-selector-outer-container.--air .ui-tag-selector-tag-remove:hover {
	opacity: 0.3;
}

.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 {
	min-width: 110px;
	max-width: 100%;
	field-sizing: content;
	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-outer-container.--air .ui-tag-selector-text-box {
	font-size: var(--ui-font-size-lg);
	color: var(--ui-color-base-1);
	background-color: var(--ui-color-bg-content-primary);
}

.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-outer-container.--air .ui-tag-selector-add-button {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
}

.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-outer-container.--air .ui-tag-selector-add-button-caption,
.ui-tag-selector-outer-container.--air .ui-tag-selector-create-button-caption {
	color: var(--ui-color-accent-main-link);
	font-weight: var(--ui-font-weight-normal);
	font-size: var(--ui-font-size-lg);
	margin: 0 0 2px 0;
}

.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-outer-container.--air .ui-tag-selector-add-button-caption:before,
.ui-tag-selector-outer-container.--air .ui-tag-selector-create-button-caption:before {
	display: inline-block;
	content: '+  ';
	width: auto;
	height: auto;
	background: none;
	margin: 0 4px 0 0;
}

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