.tags span.tag,
.tags em {
	font: var(--font-ui-12-mini-reg);
	white-space: nowrap;
	vertical-align: top;
	border-radius: 12px;
}
.tags span.tag {
	box-shadow: 0 0 0 2px var(--base-cont-top);
	padding: 0 8px 0 4px;
	display: inline-flex;
	gap: 0;
	margin: 0 0 2px;
	margin-right: -6px;
	background: var(--tag-bg);
	color: var(--colorize-lbl-txt-primary);
	align-items: center;
	backdrop-filter: blur(2px);
	height: 20px;
}
.tags span.tag:last-child {
	margin-right: 0;
}
.tags span.tag:before {
	content: '';
	float: left;
	width: 10px;
	height: 10px;
	background: var(--tag-color);
	border-radius: 5px;
	margin: 5px 5px 5px 1px;
	display: none;
}
.listing__item.listing__item-updated .tags span.tag {
	box-shadow: none;
}
#main .task_done .tags span.tag {
	box-shadow: 0 0 0 2px var(--base-cont-mid);
}
.item_new .tags span.tag {
	box-shadow: 0 0 0 2px var(--base-hlt-alt-fresh);
}
.selected .tags span.tag {
	box-shadow: -1px 0 0 0 var(--base-cont-top);
}
.tags span.tag-hidden {
}
.tags span.tag-hidden:last-child {
}
.tags span.tag-stage {
	background: var(--base-hlt-g-hover);
	color: var(--base-txt-primary);
	font-weight: 600;
	font: var(--font-ui-13-small-med);
	margin: 0;
}
.tags span.tag-stage ws-icon {
	margin: 0 0 0 -4px;
}
.tags span.tag-stage svg {
	fill: var(--tag-color)
}
.tags span.tag-hidden ws-icon {
	width: 14px;
	height: 14px;
	margin-right: -4px;
}
.tags span.tag-hidden ws-icon svg {
	width: 14px;
	height: 14px;
	fill: var(--colorize-lbl-txt-primary);
}
.tags em {
	margin: 0 16px 0 0;
	width: 0;
	height: 12px
}
.tags em:first-child, .tags em + em {
	display: none
}
#labels .tag-hidden {
	position: relative;
	padding-right: 22px;
}
#labels .tag-hidden:after {
	content: '';
	position: absolute;
	width: 14px;
	height: 20px;
	right: 5px;
	top: 0;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOCA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4IDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iOCIgaGVpZ2h0PSI5Ij4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik02LDRWMi41QzYsMS43LDUuMywxLDQuNSwxaC0xQzIuNywxLDIsMS43LDIsMi41VjRDMS41LDQsMSw0LjUsMSw1djJjMCwwLjUsMC41LDEsMSwxaDQKCWMwLjUsMCwxLTAuNSwxLTFWNUM3LDQuNSw2LjUsNCw2LDR6IE0zLDIuNUMzLDIuMiwzLjIsMiwzLjUsMmgxQzQuOCwyLDUsMi4yLDUsMi41VjRIM1YyLjV6Ii8+Cjwvc3ZnPgo=");
	background-position: center 5px;
	background-repeat: no-repeat;
}
.tagsline {
	white-space: nowrap
}
.tagsline span {
	margin-bottom: 0
}
.dot_tags {
	display: flex;
	padding: 0 8px;
}
.dot_tags span {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: var(--tag-color);
	box-shadow: 0 0 0 1.5px var(--base-cont-top);
	margin: 0 -1px 0 0
}
.minitags span, .minitags {
	font: 9px/16px var(--font-base);
}
.minitags .tag-hidden:after {
	margin: -3px 0 -3px -3px;
	transform: scale(0.8)
}
.minitags:not(:empty):after {
	margin-right: 6px;
}
.minitags em {
	margin-right: 10px;
}
.minitags span {
	margin-right: -6px;
}
.minitags span.tag-hidden {
	margin-right: -18px;
}
.minitags span.tag-hidden:last-child {
	margin-right: -6px
}
.subtaskList:not(.subtaskList-withLabels) .subtaskList__item .tags:not(:empty):after {
	display: none
}
.subtaskList:not(.subtaskList-withLabels) .subtaskList__item .tags .tag-stage {
	margin-right: 0
}
.header .path .tags span.tag {
	margin-top: -2px;
}
.project_bl .group .item * {
	vertical-align: top
}
.project_bl .group .tags {
	margin-left: 3px;
}
.subtaskList:not(.subtaskList-withLabels) .subtaskList__item .tags .tag:not(.tag-stage), .subtaskList:not(.subtaskList-withLabels) .subtaskList__item .tags em {
	display: none
}

.tags.kanban task-tags {
	row-gap: 2px;
	flex-wrap: wrap;
	padding-top: 4px;
}

.tags.kanban task-tags:empty {
	padding: 0;
}

.kanban task-tags span.tag {
	margin: 0 -2px 0 0;
	font: var(--font-ui-10-nano-med);
	height: 18px;
	padding: 0 6px 0 6px;
}

/*----------------------------------------------------------------------------------------- */

.menu-tagSplit {
	.tagsSingleSelect__group__title {
		display: none;
	}
	.tagsSingleSelect__group.menu__group-searchable {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.tagsSingleSelect__group__title {
	font: var(--font-ui-14-regular-semi);
	text-transform: none;
	color: var(--base-txt-primary);
	padding: 0 2px;
}
.tagsSingleSelect__group__title > .flex_content {
	padding: 4px 4px 4px 0;
	gap: 6px;
	&[onclick] {
		cursor: pointer;
		&:hover {
			color: var(--base-txt-max);
		}
	}
	&.menu_open,
	&:has(.menu_open) {
		pointer-events: none;
	}
}
.tagsSingleSelect__group__title > ws-icon,
.tagsSingleSelect__group__title > ws-btn ws-icon,
.tagsSingleSelect__group__title > tags-group-icon ws-icon {
	margin: 6px;
}
.tagsSingleSelect__group__title svg {
	fill: var(--base-txt-tertiary);
}
.tagsSingleSelect__group__title tags-group-icon ws-icon.tags_group_required svg {
	fill: var(--base-txt-btn-w);
}
.menu-inModal .tagsSingleSelect__group__title svg {
	fill: var(--base-txt-primary);
}
.tagsSingleSelect__group__title ws-icon[name=lock_sm] {
	width: 16px;
	height: 16px;
}
.tagsSingleSelect__group__title ws-icon[name=lock_sm] svg {
	fill: var(--base-btn-alert-primary-major);
	width: 16px;
	height: 16px;
}

.tagsSingleSelect__group .tagsSingleSelect__group__title ws-btn[right-icon="plus"] {
	visibility: hidden;
}
.menu-tagSplit .tagsSingleSelect__group .tagsSingleSelect__group__title ws-btn[right-icon="plus"] {
	visibility: visible;
}
.tagsSingleSelect__group:hover .tagsSingleSelect__group__title ws-btn[right-icon="plus"] {
	visibility: visible;
}
.menu__group-picker ~ .tagsSingleSelect,
.menu-picker .tagsSingleSelect {
	.tagsSingleSelect__item:hover, .tagsSingleSelect__item.selected {
		background: initial !important;
		border-radius: 20px;
	}
	/* TODO flymod вирішити конфлікт між клавою і мишею */
	.tagsSingleSelect__item:hover {
		box-shadow: var(--shadow-brd-enable-hover-outside);
	}
	.tagsSingleSelect__item.selected {
		box-shadow: var(--shadow-brd-04-focus-mini);
	}
}
.tagsSingleSelect__group__content ws-btn {
	display: inline-flex;
	align-items: center;
}
.tagsSingleSelect__item span.tag {
	display: inline-flex;
	border-radius: 20px;
	padding: 0 8px 0 4px;
	background: var(--tag-bg) !important;
	font: var(--font-ui-12-mini-med);
	height: 24px;
	align-content: center;
	align-items: center;
}
.tagsSingleSelect__item span.tag:before {
	content: '';
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin: 5px 5px 5px 3px;
	background: var(--tag-color) !important;
}
.tagsSingleSelect__item span.tag-stage {
	border-radius: 4px;
}
.tagsSingleSelect__item span.tag_wo {
	display: none
}
.tags-default-once-required {
	display: inline-flex;
	gap: 4px;
	font: var(--font-ui-16-title-3-med);
	color: var(--base-hlt-invert-major);
}
.tags-default-once-required font {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
}

.menu-inModal .tagsSingleSelect__group__content {
	display: flex;
	flex-wrap: wrap;
	padding: 4px;
	gap: 6px;
}
.menu-inModal .tagsSingleSelect__item {
	padding: 0;
	height: 24px
}
.menu-inModal .tagsSingleSelect__item .in {
	padding: 0;
}
.menu-inModal .tagsSingleSelect__item:hover, .menu-inModal .tagsSingleSelect__item.selected {
	background: none !important;
	box-shadow: var(--shadow-brd-focus-alt);
	border-radius: 16px;
}
.menu-inModal .tagsSingleSelect__item:hover .tag, .menu-inModal .tagsSingleSelect__item.selected span.tag {
}

@media (max-width: 480px) {
	.menu__group__wrapper .tagsSingleSelect__group {
		padding-bottom: 12px;
	}
}

.menu__group-head .in:has(tags-group-chips) {
	padding-right: 8px;
}