.block-hints-of-tags {
	border: 1px solid var(--color-gray-light);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
	border-radius: 6px;
	background: var(--color-white);
	box-sizing: border-box;
	position: absolute;
	top: calc(100% + 4px);
	padding: 10px;
	width: 100%;
	z-index: 4;
}
.block-hints-of-tags:not(.active) {
	opacity: 0;
	pointer-events: none;
}
.block-hints-of-tags__tag-container {
	gap: 10px;
}
.block-hints-of-tags__tag-container .tag {
	background: var(--color-gray-light);
	cursor: pointer;
}
.block-hints-of-tags__tag-container .tag:not(.disabled):hover {
	background: var(--color-gray);
}
.block-hints-of-tags__add-button {
	margin-top: 5px;
}
.tag-container {
	position: relative;
}
.tag-container__label {
	border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	position: relative;
	height: 100%;
}
.tag-container__input {
	border: none;
	line-height: 20px;
	outline: none;
	width: 100%;
	height: 100%;
}
.tag-container__label:focus-within {
	outline: 2px solid var(--color-gray-3);
	border-radius: 6px;
}
.tag {
	background: var(--color-gray-light);
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 5px 8px 5px 10px;
	transition: .4s;
	cursor: pointer;
}
.tag:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}
.tag__name {
	color: var(--color-blue);
	font-weight: 600;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tag__qty {
	color: var(--color-gray-3);
	font-size: .8em;
}
.tag__qty::before {
	content: '(';
}
.tag__qty::after {
	content: ')';
}
.tag__btn-remove {
	background: var(--color-white);
	border-radius: 50%;
	box-sizing: border-box;
	margin-left: 8px;
	position: relative;
	cursor: pointer;
	padding: 10px;
	height: 20px;
	width: 20px;
}
.tag__btn-remove::before,
.tag__btn-remove::after {
	background: var(--color-brown);
	border-radius: 30px;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 1px;
}
.tag__btn-remove::after {
	transform: translate(-50%, -50%) rotate(45deg);
}
.tag__btn-remove::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.tag-container_product-edit{
	width: max-content;
}
.tag-container_product-edit .tag.disabled {
	cursor: default;
	background: var(--color-gray-3);
}
.tag.disabled .tag__name {
	color: var(--color-brown);
}
.tag.disabled .tag__qty {
	color: var(--color-brown);
}
.new-tag .tag__name{
	color: var(--color-gray-3);
	max-width: unset;
}
.new-tag .tag__name::after{
	content: '(Проходит модерацию)';
	color: var(--color-red);
	font-size: .8em;
	bottom: 1px;
	position: relative;
	padding-left: .3em;
}
.advise-tags-container{
	width: 100%;
}
.advise-tags{
	position: relative;
	box-shadow: none;
	border: none;
	padding: 0;
	opacity: 100%;
	z-index: 1;
}
.advise-tags > div:first-child{
	padding-top: .5em;
}
.tag-container + .active {
	margin-top: 10px;
}