.tagify{
	--tags-border-color:#DDD;

	--tag-bg:#3c8dbc !important;

	--tag-hover:#3c8dbc !important;

	--tag-text-color:black;

	--tag-text-color--edit:black;

	--tag-pad:0.3em 0.5em;

	--tag-inset-shadow-size:1.1em;

	--tag-invalid-color:#D39494;

	--tag-invalid-bg:rgba(211, 148, 148, 0.5);

	--tag-remove-bg:rgba(211, 148, 148, 0.3);

	--tag-remove-btn-bg:none;

	--tag-remove-btn-bg--hover:#c77777;

	--tag--min-width:1ch;

	--tag--max-width:auto;

	--loader-size:.8em;

	display:flex;

	align-items:flex-start;

	flex-wrap:wrap;

	border:1px solid #ddd;

	border:1px solid var(--tags-border-color);

	padding:0;
	padding-top: 1px !important;
	padding-left: 1px !important;

	line-height:1.1;

	cursor:text;

	position:relative;

	transition:.1s;
}
@keyframes tags--bump{30%{transform:scale(1.2)}
}
@keyframes rotateLoader{to{transform:rotate(1turn)}
}
.tagify:hover{
	border-color:#ccc;
}
.tagify.tagify--focus{
	transition:0s;

	border-color:#3595f6;
}

.tagify[readonly]{cursor:default}
.tagify[readonly]>.tagify__input{
	visibility:hidden;

	width:0;

	margin:5px 0;
}
.tagify[readonly] .tagify__tag__removeBtn{display:none}
.tagify[readonly] .tagify__tag>div{
	padding:.3em .5em;

	padding:var(--tag-pad);
}
.tagify[readonly] .tagify__tag>div::before{
	background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;

	box-shadow:none;

	filter:brightness(.95);
}
.tagify--loading .tagify__input::before{content:none}
.tagify--loading .tagify__input::after{content:'';

vertical-align:middle;

margin:-2px 0 -2px .5em;

opacity:1;

width:.7em;

height:.7em;

width:var(--loader-size);

height:var(--loader-size);

border:3px solid;

border-color:#eee #bbb #888 transparent;

border-radius:50%;

animation:rotateLoader .4s infinite linear}
.tagify--loading .tagify__input:empty::after{margin-left:0}
.tagify+input,.tagify+textarea{
	display:none!important
}
.tagify__tag{
	display:inline-flex;

	align-items:center;

	padding: 1px;
	margin: 2px;

	position:relative;

	z-index:1;

	cursor:default;

	transition:.13s ease-out;
}
.tagify__tag>div{
	vertical-align:top;

	box-sizing:border-box;

	max-width:100%;

	padding: 3px;

	color:#fff;

	line-height:inherit;

	border-radius:3px;

	-webkit-user-select:none;

	user-select:none;

	transition:.13s ease-out;
}
.tagify__tag>div>*{
	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	display:inline-block;

	vertical-align:top;

	min-width:var(--tag--min-width);

	max-width:var(--tag--max-width);

	transition:.8s ease,.1 color;
}

.tagify__tag>div>[contenteditable]{
	outline:0;

	-webkit-user-select:text;

	user-select:text;

	cursor:text;

	margin:-2px;

	padding:2px;

	max-width:350px;
}
.tagify__tag>div::before{
	content:'';

	position:absolute;

	border-radius:inherit;

	left:0;

	top:0;

	right:0;

	bottom:0;

	z-index:-1;

	pointer-events:none;

	transition:120ms ease;

	animation:tags--bump .3s ease-out 1;

	box-shadow:0 0 0 1.1em #e5e5e5 inset;

	box-shadow:0 0 0 calc(var(--tag-inset-shadow-size)) var(--tag-bg) inset;
}

.tagify__tag.tagify--noAnim{animation:none}

.tagify__tag.tagify--hide{
	width:0!important;

	padding-left:0;

	padding-right:0;

	margin-left:0;

	margin-right:0;

	opacity:0;

	transform:scale(0);

	transition:.3s;

	pointer-events:none;
}
.tagify__tag.tagify--mark div::before{animation:none}
.tagify__tag.tagify--notAllowed div>span{opacity:.5}
.tagify__tag.tagify--notAllowed div::before{
	box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;

	box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset!important;

	transition:.2s;
}/*
.tagify__tag[readonly] 
.tagify__tag__removeBtn{display:none}

.tagify__tag[readonly]>div::before{
	background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;

	box-shadow:none;

	filter:brightness(.95);
	}*/
	.tagify__tag--editable>div{
		color:#000;

		color:var(--tag-text-color--edit)
	}
	.tagify__tag--editable>div::before{box-shadow:0 0 0 2px #d3e2e2 inset!important;

		box-shadow:0 0 0 2px var(--tag-hover) inset!important;
	}
	.tagify__tag--editable.tagify--invalid>div::before{
		box-shadow:0 0 0 2px #d39494 inset!important;

		box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important;
	}
	.tagify__tag__removeBtn{
		order:5;

		display:inline-flex;

		align-items:center;

		justify-content:center;

		border-radius:50px;

		cursor:pointer;

		background:0 0;

		background:var(--tag-remove-btn-bg);

		color:#000;

		color:var(--tag-text-color);

		width:14px;

		height:14px;

		margin-right:4.66667px;

		margin-left:-4.66667px;

		transition:.2s ease-out;
	}
	.tagify__tag__removeBtn::after{
		content:"\00D7";
		color: white !important;
	}

	.tagify:not(.tagify--mix)
	.tagify__input br{display:none}
	.tagify:not(.tagify--mix)
	.tagify__input *{
		display:inline;

		white-space:nowrap;
	}
	.tagify__input{
		display:block;

		min-width:110px;

		padding:.3em .5em;

		padding:var(--tag-pad,.3em .5em);

		line-height:inherit;

		position:relative;

		white-space:pre-line;
	}
	.tagify__input::before{
		display:inline-block;

		width:0;
	}
	.tagify__input:empty::before{
		transition:.2s ease-out;

		opacity:.5;

		transform:none;

		width:auto;
	}
	.tagify__input:focus{outline:0}
	.tagify__input:focus::before{transition:.2s ease-out;

		opacity:0;

		transform:translatex(6px);
	}
	@supports (-moz-appearance:none){
		.tagify__input:focus::before{display:none}
	}
	.tagify__input:focus:empty::before{
		transition:.2s ease-out;

		opacity:.3;

		transform:none;
	}
	@supports (-moz-appearance:none){
		.tagify__input:focus:empty::before{display:inline-block}
	}

	.tagify__input::before{
		content:attr(data-placeholder);

		line-height:1.8;

		position:absolute;

		top:0;

		z-index:1;

		color:#000;

		white-space:nowrap;

		pointer-events:none;

		opacity:0;
	}
	@supports (-moz-appearance:none)
	{
		.tagify__input::before{line-height:inherit;

			position:relative;
		}
	}
	.tagify__input::after{content:attr(data-suggest);

		display:inline-block;

		white-space:pre;

		color:#000;

		opacity:.3;

		pointer-events:none;

		max-width:100px;
	}
	.tagify__input .tagify__tag{margin:0}
	.tagify__input .tagify__tag>div{padding-top:0;

		padding-bottom:0}
		.tagify--mix{line-height:1.7}
		.tagify--mix .tagify__input{padding:5px;

			margin:0;

			width:100%;

			height:100%;

			line-height:inherit;
		}
		.tagify--mix .tagify__input::after{
			content:none;
		}
		.tagify--select::after{content:'>';

		opacity:.5;

		position:absolute;

		top:50%;

		right:0;

		bottom:0;

		font:16px monospace;

		line-height:8px;

		height:8px;

		pointer-events:none;

		transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);

		transition:.2s ease-in-out;
	}
	.tagify--select[aria-expanded=true]::after{
		transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2);
	}
	.tagify--select .tagify__tag{
		position:absolute;

		top:0;

		right:1.8em;

		bottom:0;
	}
	.tagify--select
	.tagify__tag div{display:none}
	.tagify--select .tagify__input{width:100%}
	.tagify--invalid{
		--tags-border-color:#D39494;
	}
	.tagify__dropdown{
		position:absolute;

		z-index:9999;

		margin-top:1px;

		overflow:hidden;
	}
	.tagify__dropdown--text{
		box-shadow:0 0 0 3px rgba(53,149,246,.1);

		font-size:.9em;
	}
	.tagify__dropdown--text
	.tagify__dropdown__wrapper{
		border-width:1px;
	}
	.tagify__dropdown__wrapper{
		max-height:300px;

		overflow:hidden;

		background:#fff;

		border:1px solid #3595f6;

		border-top-width:0;

		box-shadow:0 2px 4px -2px rgba(0,0,0,.2);

		transition:.25s cubic-bezier(0,1,.5,1)
	}

	.tagify__dropdown__wrapper:hover{overflow:auto}
	.tagify__dropdown--initial
	.tagify__dropdown__wrapper{
		max-height:20px;

		transform:translateY(1em)
	}
	.tagify__dropdown--initial[placement=bottom]
	.tagify__dropdown__wrapper{
		transform:translateY(-1em);
	}
	.tagify__dropdown__item
	{
		box-sizing:inherit;

		padding:.3em .5em;

		margin:1px;

		cursor:pointer;

		border-radius:2px;

		position:relative;

		outline:0;
	}
	.tagify__dropdown__item--active{
		background:#3595f6;

		color:#fff
	}
	.tagify__dropdown__item:active{
		filter:brightness(105%)
	}