.tooltip-box {
	position:absolute;
	top:0;
	left:0;
	max-width:300px;
	padding:5px 10px;
	font-size:14px;
	color:#fff;
	background:#212121;
	opacity:0;
	pointer-events:none
}
.vscomp-wrapper {
	display:inline-flex;
	position:relative;
	width:100%;
	font-size:14px;
	color:#333;
	text-align:left;
	border-radius:0 !important;
}
.vscomp-wrapper *,.vscomp-wrapper *::before,.vscomp-wrapper *::after {
	box-sizing:border-box
}
.vscomp-wrapper:focus {
	outline:none
}
.vscomp-toggle-button {
	display:flex;
	position:relative;
	align-items:center;
	width:100%;
	padding:10px 30px 10px 10px;
	border:1px solid #d4d7da;
	background-color:#fff;
	cursor:pointer
}
.vscomp-value {
	width:100%;
	height:20px;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.vscomp-value-tag {
	white-space:nowrap
}
.vscomp-arrow {
	position:absolute;
	display:flex;
	top:0;
	right:0;
	width:30px;
	height:100%;
	align-items:center;
	justify-content:center
}
.vscomp-arrow::after {
	content:'';
	border:6px solid transparent;
	border-top-color:#111;
	margin-bottom:-6px
}
.vscomp-clear-button {
	position:absolute;
	display:none;
	top:50%;
	right:30px;
	width:24px;
	height:24px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	margin-top:-12px;
	font-size:20px;
	color:#999
}
.vscomp-clear-button:hover {
	background:#ccc;
	color:#333
}
.vscomp-dropbox {
	position:absolute;
	top:calc(100% + 4px);
	left:0;
	width:100%;
	opacity:0;
	box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
	background-color:#fff;
	z-index:1;
	-webkit-transition-duration:250ms;
	transition-duration:250ms;
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}
.vscomp-options-container {
	position:relative;
	max-height:210px;
	overflow:auto
}
.vscomp-option {
	display:flex;
	align-items:center;
	padding:10px 15px;
	height:40px;
	align-items:center;
	cursor:pointer
}
.vscomp-option.selected {
	background-color:#eee
}
.vscomp-option.focused {
	background-color:#ccc
}
.vscomp-option.disabled {
	opacity:0.5;
	cursor:default
}
.vscomp-option-text {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.vscomp-search-container {
	display:flex;
	align-items:center;
	position:relative;
	height:40px;
	padding:0 5px 0 15px;
	border-bottom:1px solid #ddd
}
.vscomp-search-input {
	border:none;
	width:calc(100% - 30px);
	height:38px;
	padding:10px 0;
	font-size:15px
}
.vscomp-search-input:focus {
	outline:none
}
.vscomp-search-clear {
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	font-size:25px;
	color:#999;
	cursor:pointer;
	user-select:none;
	visibility:hidden
}
.vscomp-search-clear:hover {
	color:#333
}
.vscomp-no-options {
	display:none;
	text-align:center;
	padding:20px 10px
}
.vscomp-wrapper .checkbox-icon {
	display:inline-flex;
	position:relative;
	width:15px;
	height:15px;
	min-width:15px;
	min-height:15px;
	margin-right:10px
}
.vscomp-wrapper .checkbox-icon::after {
	content:'';
	width:100%;
	height:100%;
	border:2px solid #888;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s
}
.vscomp-wrapper .checkbox-icon.checked::after {
	width:50%;
	border-color:#512DA8;
	border-left-color:transparent;
	border-top-color:transparent;
	-webkit-transform:rotate(45deg) translate(1px,-4px);
	transform:rotate(45deg) translate(1px,-4px)
}
.vscomp-wrapper.position-top .vscomp-dropbox {
	top:auto;
	bottom:calc(100% + 4px);
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
.vscomp-wrapper.selected .checkbox-icon::after {
	width:50%;
	border-color:#512DA8;
	border-left-color:transparent;
	border-top-color:transparent;
	-webkit-transform:rotate(45deg) translate(1px,-4px);
	transform:rotate(45deg) translate(1px,-4px)
}
.vscomp-wrapper.multiple .toggle-all-options {
	cursor:pointer
}
.vscomp-wrapper.multiple .vscomp-search-input {
	width:calc(100% - 55px)
}
.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
	width:50%;
	border-color:#512DA8;
	border-left-color:transparent;
	border-top-color:transparent;
	-webkit-transform:rotate(45deg) translate(1px,-4px);
	transform:rotate(45deg) translate(1px,-4px)
}
/*
.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button {
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)
}
*/
.vscomp-wrapper.opened .vscomp-dropbox {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.vscomp-wrapper.closed .vscomp-dropbox {
	display:none
}
.vscomp-wrapper:not(.has-value) .vscomp-value {
	color: #666;
}
.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button {
	display:flex
}
.vscomp-wrapper.has-clear-button .vscomp-toggle-button {
	padding-right:54px
}
.vscomp-wrapper.has-no-options .vscomp-options-container {
	display:none
}
.vscomp-wrapper.has-no-options .vscomp-no-options {
	display:block
}
.vscomp-wrapper.has-search-value .vscomp-search-clear {
	visibility:visible
}