:root {
	--menuItem-height: 32px;
}
#menuOverlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1029;
	display: none;
	/* background: #00000020; */
}
#menuContainer {
}

#menuContainer .menu__item span::first-letter {
	text-transform: capitalize;
}

body {
	--menu-default-width: 265px;
}
body[data-lang="1"] .menu,
body[data-lang="4"] .menu {
	--menu-default-width: 280px;
}

.menu {
	display: none;
	position: fixed;
	background: var(--menu-cont-top);
	width: var(--menu-default-width);
	z-index: 1030;
	border-radius: 12px;
	box-shadow: var(--shadow-mod-minor);
	box-sizing: border-box;
	color: var(--base-txt-primary);
	font: 13px/20px var(--font-base);
	padding: 4px 0;
}
.menu.menu-active {
	display: block !important;
}
.menu > form,
.menu > .menu__group__wrapper {
	flex-grow: 1;
	flex-shrink: 1;
	min-height: 0;
}

.menu:has(> .menu__group__wrapper > .menu__title, > .menu__group__wrapper > .menu__group-head, > .menu__group__wrapper > .menu__group-search, > .menu__group__wrapper > .menu__group-wrapButtons:first-child),
.menu:has(> .menu__title, > .menu__group-head, > .menu__group-search),
.menu:has(> form > .menu__group__wrapper > .menu__title, > form > .menu__group__wrapper > .menu__group-head, > form > .menu__group__wrapper > .menu__group-search),
.menu:has(> form > .menu__title, > form > .menu__group-head, > form > .menu__group-search) {
	padding-top: 0;
}
.menu:has(> .menu__group__wrapper > .menu__group-bottom),
.menu:has(> .menu__group-bottom),
.menu:has(form > .menu__group-bottom),
.menu:has(form > .menu__group__wrapper > .menu__group-bottom) {
	padding-bottom: 0;
}
#confirmMenuV2 {
	padding-bottom: 0;
}
.menu-paused .menu__item,
.menu-paused .menu__submenuWrapper-auto,
.menu-paused .a,
.menu-paused ws-btn {
	pointer-events:none;
}
.menu-paused .menu:not(.menu-paused),
.menu-paused .menu:not(.menu-paused) .menu__item,
.menu-paused .menu:not(.menu-paused) .menu__submenuWrapper-auto,
.menu-paused .menu:not(.menu-paused) a,
.menu-paused .menu:not(.menu-paused) ws-btn {
	pointer-events: auto;
}
.menu-2columns .menu__item {
	width: calc(50% - 4px);
	box-sizing: border-box;
}
.menumenu_b {
	top: auto;
	bottom: 0
}
.menu-autoWidthSmall {
	width:auto;
	min-width: 100px;
	max-width: 200px;
}
.menu-autoWidthBig {
	width: fit-content;
	min-width: 150px;
	max-width: 400px;
}
.menu-autoWidthMax {
	width: auto;
	min-width: 150px;
}
.menu-autoWidthForce {
	width: unset;
}
@media (min-width: 481px) {
	.menu[data-load-menu*=task_menu] {
		max-width: 260px;
	}
}
.menu, .menuFake {
	--icon-color: var(--base-txt-primary);
}
.menu ws-btn svg, .menuFake ws-btn svg {
	--icon-color: var(--base-txt-alt-light)
}
.menu a:not(.menu__item):not(ws-slider a), .menuFake a:not(.menu__item) {
	color: inherit;
}
.menu  .menu__group__wrapper .menu__title {
	border-bottom: var(--screen-px) solid var(--base-line-secondary);
	padding: 8px 12px;
	height: 35px;
}

.menu__safeTriangle {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.menu__item .flex_content, .menu__itemFake .flex_content {
	padding: 0 6px;
}
.menuFake .menu__group,
.menu .menu__group,
.frm_menu .menu__group
{
	padding: 8px 12px;
}
.menu__group.menu__group-buttonsFull {
	padding: 0;
}
.menu__group-wrapButtons {
	flex-wrap: wrap !important;
	gap: 4px;
	padding: 12px;
}
.menu__group-wrapButtons .filter__menuItem span::first-letter {
	text-transform: capitalize;
}
.menu__group.scrollZone {
	max-height: 50vh;
}
.menu__group-search {
	/* margin-top: -4px; */
}
.menu__group ~ .menu__group-search {
	margin-top: 0;
}
.menu__group-search:last-child {
	margin-bottom: -4px;
}
.menu__group-notify {
	background: var(--base-cont-mod-mid);
	border-radius: 0 0 12px 12px;
	margin-bottom: -4px;
}
.menu__group-smallPaddings {
}
.menu__group-scrollZone {
	position: relative;
}
.menu__group-bottom {
	background: var(--base-cont-mod-mid);
	border-radius: 0 0 12px 12px;
	border-top: var(--screen-px) solid var(--base-line-secondary);
}
.menu__group-gray {
	background: var(--base-hlt-g-hover);
}
.menu__group-blue {
	background: var(--base-hlt-hover);
}
.menu__group-red_gradient {
	background: linear-gradient(0deg, var(--base-hlt-w-hover) 0%, var(--base-hlt-w-selected) 100%) !important;
}
.menu__group-blue_gradient {
	background: linear-gradient(0deg, var(--base-hlt-hover) 0%, var(--base-hlt-selected) 100%) !important;
}
.menu__group-blue_gradient:first-child,
.menu__group-red_gradient:first-child,
.menu__group-blue:first-child,
.menu__group-gray:first-child {
	margin-top: -4px;
	padding-top:12px;
	border-radius:12px 12px 0 0;
}
.menu__group-bottom:last-child {
	padding-bottom:12px;
	margin-top: auto;
}
.menu.menu-bottomgray {
	padding-bottom: 0;
	overflow: hidden;
	.scrollZone.scrollZone-top .ps__rail-y .ps__thumb-y {
		transform: translateY(-4px);
	}
}
.menu__group-head {
	font: var(--font-ui-15-large-semi);
	height: 36px;
}
.menu__group-head .in {padding:0 4px;}
.menu__group-head .in.checkboxCount {
	display: flex;
	align-items: center;
	gap: 6px;
}
.menu__group-head .in.checkboxCount .tags-default-once-required {
	margin-left: 8px;
}
.menu__group-head .cnt {
	font: var(--font-ui-15-large-bold);
	color: var(--base-txt-btn-a);
	padding: 0 6px;
}
.menu__group-head .btn.btn-disabled, .menu__group-head .btn[disabled] {
	display: none
}
.menu__group__subset {
	position: relative;
}
.menu__group__subset-hidden {
	display: none;
}
.menu__group__subset:not(:last-child) {
}
.menu__group__subset.menu__group__subset-empty {
	margin: 0;
}
.menu__group__subset:not(.menu__group__subset-empty, .menu__group__subset-hidden) ~ .menu__group__subset:not(.menu__group__subset-empty, .menu__group__subset-hidden):before {
	content: ' ';
	display: block;
	left: 0;
	height: 1px;
	width: 100%;
	margin: 8px 0;
	/* background: var(--base-line-secondary); */
}
.menu__group__subset-fake:before {
	display: none !important;
}
.menu__group__subset:nth-last-child(1 of :not(.menu__group__subset-empty)) {
	margin-bottom: 0;
}
.menu__group__subset:nth-last-child(1 of :not(.menu__group__subset-empty)):after {
	display: none;
}
.menu__item-onDblClick {
	box-shadow: none !important;
	background: var(--base-hlt-pressed) !important;
}
.menu__item-subset {
	height: 32px;
	font: var(--font-ui-13-small-med);
	border-radius: 6px;
}
.menu__item-subset .in {
	padding: 0 4px;
}
.menu__item-subset:has(a.sw.selected) {
	background: var(--base-hlt-g-hover);
}
.menu__group.menu__group-collapsed {
	cursor: pointer;
}
.menu__group .menu__item-group .ava_group {
	display: none;
}
.menu__group .menu__item-group ws-icon[name*=arrows] {
	display: none;
}
.menu .search_started .menu__group .ava_group {
	display: none;
}
.menu__group.menu__group-collapsed .ava_group {
	display: flex;
}
.menu__group.menu__group-collapsed ws-icon[name*=arrows] {
	display: flex;
	width:  24px;
}
.menu__group.menu__group-collapsed:hover ws-icon[name*=arrows] svg {
	fill: var(--base-txt-act-major);
}
.menu__group-collapsed .menu__group__subset {
	display: none;
}
.menu__group.menu__group-collapsed .space-20 {
	display: none;
}
.menu .search_started .menu__group__subset, .menu.search_started .menu__group__subset {
	margin-bottom: 0;
}
.menu .search_started .menu__group__subset:after, .menu.search_started .menu__group__subset:after {
	display: none;
}
.menu .search_started .sw_pre, .menu.search_started .sw_pre, .menu .search_started .menu__group-checkbox .sw_pre {
	display: none;
}
.menu__title {
	padding: 12px;
	font: var(--font-ui-15-large-semi);
}
.menu__title-in-reg {
	font: var(--font-ui-15-large-reg);
}
.menu__title .in {

	margin-left: 8px;
}
.menu__title ~ .menu__group-search {
	padding-top:0
}
.menu__title ws-icon {
	width: 28px;
	height: 28px;
}
.menu__invite {
	display: flex;
	align-items: center;
	border-radius: 6px;
	background: var(--base-hlt-hover);
	color: var(--base-txt-btn-a);
	font: var(--font-ui-13-small-semi);
	gap: 12px;
	padding: 6px 12px;
	cursor: pointer;
}
.menu__invite svg {
	fill: var(--base-txt-btn-a);
}
.menu__invite:hover {
	background: var(--base-hlt-selected);
}
.menu__group-onlySearch {
	display: none
}
.menu__group-buttons {
	gap: 8px;
	display: flex;
	justify-content: space-evenly;
	height: 32px;
	align-items: center;
}
.menu__group-buttonsFull {
	display: flex;
	align-items: center;
	margin-bottom: -4px;
}
.menu__group-buttonsFull .separator {
	height: 52px;
	border-right: 0.5px solid var(--base-line-tertiary);
}
.search_started .menu__group-onlySearch {
	display: block
}
.search_started .menu__group-exceptSearch {
	display: none
}
.menu__group:not(.menu__group-hidden) ~ .menu__group {
	border-top: var(--screen-px) solid var(--base-line-secondary);
}
.search_started .menu__group-exceptSearch ~ .menu__group {
	border-top: unset;
}
.menu__group:not(.menu__group-hidden, .clipboard_help) ~ .menu__group__wrapper > .menu__group:first-child {
	border-top: var(--screen-px) solid var(--base-line-secondary);
}
@media screen and (min-width: 481px) {
	.menu-flat-groups .scrollZone .menu__group {
		border-top: unset;
		padding-top: 0;
		padding-bottom: 0;
		&.menu__group-flat-first-visible {
			padding-top: 8px;
		}
		&.menu__group-flat-last-visible {
			padding-bottom: 8px;
		}
	}
}
.menu__group ~ .menu__group-noBorder {
	border-top: none !important;
}
.menu__group:not(.menu__group-hidden) ~ .scrollZone .menu__group {
	/* border-top: 1px solid var(--base-line-secondary); */
}
.menu__group ~ .scrollZone {
	max-height: 50vh;
	overflow-y: scroll;
}
.menu__group .menu__group__row {
	justify-content: flex-end;
	padding: 2px 2px 2px 0;
}
.menu__group .line {
	margin: 12px -12px;
}
.menu__group__title {
	color: var(--base-txt-tertiary);
	font-variant: small-caps;
	height: 32px;
	border-radius: 6px;
	font: var(--font-sp-caption-11-micro-upper-med);
	text-transform: uppercase;
	padding: 0 6px;
}
.menu--fixedHeight .menu__group-empty {
	padding-top: 32px;
}
.menu__group-empty .menu__group__title {
	min-height: 32px;
	height: unset;
}
.menu__group__title-bold {
	font-weight: 600;
}
.menu__group__title:has(ws-btn:last-child) {
	padding-right: 0;
}
.menu__group__title:has(+ .tagColors) {
	color: var(--base-txt-secondary);
	height: auto;
}
.menu__group__title + .tagColors {
	margin-top: 8px;
}
.menu .ava_group .ava {
	margin: 0 -4px 0 0;
	overflow: unset;
}
.menu .ava_group .av_sm {
	box-shadow: 0 0 0 2px var(--base-cont-top);
	vertical-align: top;
	transform:scale(0.833);
	margin:-2px;
}
.menu .ava_group-small .av_sm {
	transform:scale(0.667);
	margin:-4px;
	box-shadow: none;
}
.menu .ava_group {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 4px 0 0;
}
.menu .ava_group .more {
	margin: 0 -4px 0 0;
	display: inline-block;
	min-width: 20px;
	padding: 0 4px 0 2px;
	text-align: center;
	font-size: 8px;
	border-radius: 12px;
	background: var(--base-hlt-g-hover);
	backdrop-filter: blur(4px);
	vertical-align: top;
	position: relative;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	color: var(--base-txt-secondary);
	box-sizing: border-box;
}
.menu .ava_group-small .more {
	line-height: 16px;
	height: 16px;
	min-width: 16px;
	box-shadow: unset;
}
.menu__group:not(.menu__group-collapsed) .menu__item-group:has(a.sw.selected) {
	background: var(--base-hlt-g-hover);
}
.menu__group__button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	border: 1px solid var(--base-txt-tertiary);
	border-radius: 4px;
	font: 13px/20px var(--font-base);
	padding: 5px 8px;
}
.menu__group.scrollZone {
	max-height: 200px;
	overflow: hidden;
	overflow-y: scroll;
}
.search_started .menu__group-searchable hr {
	display: none;
}
.menu__group.menu__group-hidden {
	display: none;
}
.menu__group.menu__group-empty {
	display: none;
}
.menu__group.menu__group-emptyAlways {
	display: block !important;
}
.menu__group.menu__group-empty .menu__group__title {
	font-variant: none;
	color: var(--base-txt-tertiary);
	font: var(--font-sp-caption-11-micro-upper-med);
	text-transform: uppercase;
}
.menu__group.menu__group-empty .menu__group__title > .flex_content {
	justify-content: center;
	gap: 8px;
	& > .flex_row {
		gap: 8px;
	}
}
.menu__group.menu__group-empty .menu__group__button {
	margin-top: 30px;
	cursor: pointer;
}
.menu__group.menu__group-empty .menu__group__button:hover {
	background: var(--menu-item-invert);
	color: var(--base-txt-alt-light);
	border-color: var(--trans);
}
.menu__group.menu__group-empty .menu__group__button:hover svg {
	fill: var(--base-txt-alt-light);
}

.menu__group hr {
	margin: 8px -12px;
	border: none;
	border-top: var(--screen-px) solid var(--base-line-secondary);
}
.menu__group hr.short {margin: 8px 0;}

.menu__group hr.full {
	margin: 8px -12px;
}

#sidebarExtraMenu .menu__group hr {
	margin: 8px -12px;
}
.menu__item-hidden + hr,
hr:has(+ .menu__item-hidden) {
	display: none;
}
.menu__group .affiliateBtnWrapper {
	padding: 0 4px;
	flex-grow: 1;
}
.menu__group .affiliateBtn {
	width: 100%;
}
.menu__item, .menu__itemFake {
	white-space: nowrap;
	color: inherit;
	font: var(--font-ui-14-regular-reg);
	border-radius: 6px;
	/* overflow: hidden; */
}
#dataTable-groups .menu__itemFake {
	padding-right: 0;
}
.menu__item .form-label,
.menu__itemFake .form-label {
	font: inherit;
	font-weight: 600;
	/* font: var(--font-ui-13-small-semi); */
}
#sidebarAccOtherMenu .menu__item,
#sidebarAccMenu .menu__item {
	border-radius: 8px;
}
.menu__item:hover, .menu__itemFake:hover {
	color: inherit;
}
.menu__item {
	cursor: pointer;
}
.menu__item-team {font: var(--font-ui-14-regular-semi);}
.menu-primary {
	/* background: var(--base-cont-mod-top); */
	/* padding: 12px; */
	/* border-radius: 12px; */
}
.menu-primary .menu__item:where(:not(.menu__item-disabled)).selected,
.menu-primary .menu__item:not(.ign_hover):where(:not(.menu__item-disabled)):hover,
.menu-primary .menu__item.selected:where(:not(.menu__item-disabled)):hover {
	background: var(--base-hlt-g-hover);
}
.menu-primary .menu__item-delete:where(:not(.menu__item-disabled)).selected,
.menu-primary .menu__item-delete:not(.ign_hover):where(:not(.menu__item-disabled)):hover,
.menu-primary .menu__item-delete.selected:where(:not(.menu__item-disabled)):hover {
	background: var(--base-hlt-w-easy);
}
.menu-primary .menu__item-b:where(:not(.menu__item-disabled)).selected,
.menu-primary .menu__item-b:not(.ign_hover):where(:not(.menu__item-disabled)):hover,
.menu-primary .menu__item-b.selected:where(:not(.menu__item-disabled)):hover {
	background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-b-hover) 0%), linear-gradient(0, var(--trans) 0%, var(  --trans) 0%);
}


.menu-secondary .menu__item.selected,
.menu-secondary .menu__item:not(.ign_hover):hover,
.menu-secondary .menu__item.selected:hover,
.menu__item.menu_open {
	background: var(--base-hlt-g-hover);
	color: inherit;
}

.menu__group .items-switch-control {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
}
.menu__group .items-switch-control > a {
	display: inline-flex;
	justify-content: center;
}

.menu-primary .menu__item.selected svg, .menu-primary .menu__item:not(.ign_hover):hover svg, .menu-primary .menu__item.selected:hover svg {
	/* fill: var(--base-txt-primary); */
}
.menu-primary .menu__item-light.selected, .menu-primary .menu__item-light:hover, .menu-primary .menu__item-light.selected:hover {
	background: var(--base-hlt-w-easy) !important;
	color: var(--base-txt-primary);
}
.menu-primary .menu__item-light.selected svg, .menu-primary .menu__item-light:hover svg, .menu-primary .menu__item-light.selected:hover svg {
	fill: var(--base-txt-primary);
}
.menu-primary .menu__item-light ws-icon[name="logout"] svg,
.menu-primary .menu__item-light.selected ws-icon[name="logout"] svg,
.menu-primary .menu__item-light:hover ws-icon[name="logout"] svg,
.menu-primary .menu__item-light.selected:hover ws-icon[name="logout"] svg {
	fill: var(--base-txt-btn-w);
}
.menu-primary .menu__item-light u {
	text-decoration: none;
	color: var(--base-txt-act-minor)
}
.menu__item-displayActiveAsDisabled.menu__item-active,
.menu__item-disabled {
	color: var(--base-txt-muted);
}
.menu__item-disabled svg {
	fill: var(--base-txt-muted);
}
.menu__item-secondary {
	color: var(--base-txt-secondary);
	--icon-color:var(--base-txt-secondary)
}
.menu__item-empty {
	color: var(--base-txt-tertiary);
	--icon-color:var(--base-txt-tertiary)
}
.menu__item-hidden, .flex_row.menu__item-hidden {
	display: none;
}
.menu__item-notPossible, .flex_row.menu__item-notPossible {
	display: none;
}
.menu__item-picked, .flex_row.menu__item-picked {
	display: none;
}
.menu__tip {
	color: var(--base-txt-tertiary);
	gap: 10px;
	padding: 8px 12px;
	border-radius: 0 0 12px 12px;
}
.menu__tip svg {
	fill: var(--base-txt-tertiary);
}
.menu__tip-tonavigate {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
	height: 32px;
}
.menu__tip-toselect {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: auto;
	height: 32px;
	gap: 2px;
}
.menu__tip-toexit {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.menu__tip-ico {
	border-radius: 4px;
	box-shadow: 0 0 0 1px var(--base-txt-ghost);
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 0 2px;
}
.menu__tip-title {
	margin: 0 6px;
	font: 400 12px/20px var(--font-base);
}
.menu__tip-toselect .menu__tip-ico {
}
.menu__tip-toselect .menu__tip-ico svg {
	width: 16px;
	height: 16px;
}
.menu__tip-toexit .menu__tip-ico {
	padding: 0 3px;
	font: 400 12px/20px var(--font-base);
}
.menu__group-search {
	min-height: 36px;
	gap: 4px;
}
.menu:has(.menu__group-head) .menu__group-search {
	min-height: 28px;
}
.menu__group-search .title {
	font: var(--font-ui-15-large-reg);
	color: var(--base-txt-tertiary);
}
.menu__group-search .subtitle {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary);
}
.menu__group-search:not(.menu__group-searchIco) ws-icon[name=search_sm] {
	display: none;
}
.menu__group-searchIco ws-icon[name=search_sm] {
	--icon-color:var(--base-txt-tertiary);
}
.menu__group ~ .menu__group-search ws-icon[name=search_sm] {
	display: flex;
	--icon-color: var(--base-txt-tertiary);
}
/* .menu__group-head ~ .menu__group-search {
	padding:2px 12px
} */
.menu__group-search .in {
	padding:0 2px;
}
.menu__group-search > ws-icon {
	width: 24px;
	height: 24px;
}
.menu__group-search a.delete {
	display: none;
}
.menu__group-search a.button {
	padding: 4px 12px;
	border-radius: 6px;
	color: var(--base-txt-secondary);
	box-shadow: 0 0 0 1px var(--base-line-secondary);
	transition: all 0.3s ease;
	gap: 6px;
	font: 600 12px/20px var(--font-base);
	cursor: pointer;
	background: var(--base-cont-mod-top);
}
.menu__group-search a.button:hover {
	color: var(--base-txt-accent);
	box-shadow: 0 0 0 1px var(--base-line-accent);
	background: var(--base-cont-mod-top);
}
.menu__group-search a.delete ws-icon {
	width: 24px;
	height: 24px;
}
.menu__group-search .search_started ~ a.delete {
	/* 	display: block */
}
.menu__group-search input {
	border: none;
	background: transparent;
	box-sizing: border-box;
	padding: 0;
	height: 20px;
	width: 100%;
	color: var(--base-txt-primary);
	font: var(--font-ui-15-large-reg);
}
.menu__group-search input:placeholder-shown {
	color: var(--base-txt-tertiary);
}
.menu__group-search input::placeholder{
	font: var(--font-ui-15-large-reg);
}
.menu__group-search input::-moz-placeholder{
	font: var(--font-ui-15-large-reg);
}
.menu__group-search input::-webkit-input-placeholder{
	font: var(--font-ui-15-large-reg);
}
.menu:has(.menu__group-head) .menu__group-search input {
	font: var(--font-ui-15-large-reg);
}
.menu:has(.menu__group-head) .menu__group-search input::placeholder {
	font: var(--font-ui-13-small-reg);
}
.menu:has(.menu__group-head) .menu__group-search input::-moz-placeholder{
	font: var(--font-ui-13-small-reg);
}
.menu:has(.menu__group-head) .menu__group-search input::-webkit-input-placeholder{
	font: var(--font-ui-13-small-reg);
}
.menu .menu__searchText {
	display: inline-block;
	vertical-align: bottom;
	max-width: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.menu__group-search .multi-select {
	font: var(--font-ui-12-mini-med);
	color: var(--base-txt-tertiary);
}
.menu__group-search .badge.badge-promo {
	margin-right: 4px;
}

body.desktop .menu .menu-colors-emoji {
	width: 312px !important;
}
.menu > .menu-colors-emoji {
	padding: 0;
}
.menu-colors-emoji .menu__columns {
	padding: 8px 12px 10px 12px;
}

.menu__group-projIco ws-emoji {
	width: 32px;
	height: 32px;
}
.menu__group-projIco .menu__item {
	position: relative;
	height: 48px !important;
	width: 48px !important;
	padding: 0 !important;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	background: var(--project-color) !important;
	overflow: unset;
}
.menu__group-projIco ws-icon, .menu-colors-emoji .menu__group-projIco svg {
	width: 32px;
	height: 32px;
}
.menu__group-projIco .menu__item a {
	position: absolute;
	top: -6px;
	right: -6px;
	border-radius: 12px;
	background: var(--base-cont-top);
}
.menu__group-projIco .menu__item a ws-icon, .menu__group-projIco .menu__item a svg {
	width: 20px;
	height: 20px;
	--icon-color: var(--base-txt-primary);
}
.menu__group-projIco .menu__item a:hover {
}
.menu__group-projIco .menu__item a:hover ws-icon, .menu__group-projIco .menu__item a:hover svg {
	--icon-color: var(--base-txt-max);
}
.menu-colors-emoji .menu__group-projColors {
	padding-left: 0;
}

.menu-icons .menu__item svg use:nth-child(2) {
	display: none;
}
.menu-icons .menu__item.selected svg use:nth-child(2), .menu-icons .menu__item:not(.ign_hover):hover svg use:nth-child(2) {
	display: block;
}
.menu-icons .menu__item.selected svg use:nth-child(1), .menu-icons .menu__item:not(.ign_hover):hover svg use:nth-child(1) {
	display: none;
}
.menu-icons .menu__item-noselect.selected svg use:nth-child(1), .menu-icons .menu__item-noselect:hover svg use:nth-child(1) {
	display: block;
}
.menu__item, .menu__itemFake {
	height: 32px;
	padding: 0 6px;
	display: flex;
}
.menu__group-buttonsFull .menu__item {
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	height: 52px;
}
.menu__group-buttonsFull .menu__item-cancel {
	border-radius: 0 0 0 12px;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
}
.menu__group-buttonsFull .menu__item-cancel.selected,
.menu__group-buttonsFull .menu__item-cancel:hover,
.menu__group-buttonsFull .menu__item-cancel.selected:hover {
	background: var(--base-hlt-g-hover);
}
.menu__group-buttonsFull .menu__item-apply {
	border-radius: 0 0 12px 0;
	font: var(--font-ui-13-small-semi);
	color: var(--base-txt-btn-a);
}
.menu__group-buttonsFull .menu__item-apply.selected,
.menu__group-buttonsFull .menu__item-apply:hover,
.menu__group-buttonsFull .menu__item-apply.selected:hover {
	background: var(--base-hlt-hover);
}
.menu__group-buttonsFull .menu__item-delete {
	font: var(--font-ui-13-small-semi);
	color: var(--base-txt-btn-w);
}
.menu__group-buttonsFull .menu__item-delete.selected,
.menu__group-buttonsFull .menu__item-delete:hover,
.menu__group-buttonsFull .menu__item-delete.selected:hover {
	background: var(--base-hlt-w-hover);
}
.menu__item span.explain {
	font:12px/20px var(--font-base);
	opacity:0.5;
	padding:0 4px;
}

.menu__item span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu__item span ws-icon[name=help] {
	--icon-size: 14px;
}

.menu__item .in ws-icon[name=hint] {
	margin-left: 6px;
}

.menu__item span.space {
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu__item span.gray {
	padding:0 4px;
	color:var(--base-txt-tertiary);
	font:  var(--font-ui-12-mini-reg);
}
.menu__item-secondary {
}

.menu__item ws-icon {
	width: 32px;
	height: 32px;
}
.menu__item ws-icon[name=checkbox], .menu__item ws-icon[name=radio] {
	width: 24px;
	height: 24px;
}
#sidebarAccOtherMenu .menu__item ws-icon[name=gear] {
	border-radius: 7px;
	cursor: pointer;
}
#sidebarAccOtherMenu .menu__item ws-icon[name=gear]:hover {
	background: var(--base-hlt-g-hover);
}
.menu__item ws-icon.tag {
	--icon-size: 24px;
}
.menu__item ws-icon.av_svg {
	width: 24px;
	height: 24px;
}
.menu__item[data-type="stage"][data-id="1"] ws-icon.av_sm {
	--icon-color: var(--base-txt-btn-w);
}
.menu__item[data-type="stage"][data-id="1"] ws-icon.av_svg {
	background: var(--base-hlt-w-hover);
}
.menu__item[data-type="stage"] ws-icon.av_svg {
	border: unset;
	--icon-color: var(--base-txt-primary);
	background: var(--base-txt-ghost);
}
.menu span.space, .menuFake span.space,
.menu span.space > .avatar, .menuFake span.space > .avatar {
	width: 32px;
	height: 32px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.menu span.space-20, .menuFake span.space-20 {
	width:20px;
}
.menu span.space-24, .menuFake span.space-24 {
	width:24px;
}
.menu span.space-20, .menuFake span.space-20 {
	width: 20px;
}
.menu-userCard .menu__item > .special_ico ws-icon {
	width: 20px;
}
.menu__item .parent_line, .menu__item .parent_arc {
	--level-dot-size: calc(var(--screen-px) + 4px);
	overflow: visible;
	position: relative;
	width: 20px;
	height: var(--menuItem-height);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.menu__item .parent_line:after,
.menu__item .parent_arc:after {
	content: '';
	width: var(--level-dot-size);
	height: var(--level-dot-size);
	background: var(--base-txt-tertiary);
	border-radius: 50%;
}
.menu__item .parent_arc:before,
.menu__item .parent_line:before {
	--level-line-height: calc(var(--menuItem-height) - var(--level-dot-size));
	--level-line-margin-top: calc(-1 * var(--level-line-height) / 2);
	content: '';
	background: var(--base-txt-tertiary);
	width: var(--screen-px);
	height: var(--level-line-height);
	margin-top: var(--level-line-margin-top);
}
.menu__item-level0 + .menu__item-level1,
.menu__item-level1 + .menu__item-level2 {
	.parent_arc:before {
		height: calc(var(--level-line-height) - 8px);
		margin-top: calc(var(--level-line-margin-top) + 8px);
	}
}
.parent_line-hidden:before,
.parent_line-hidden:after {
	display: none;
}
.menu__item-level2 {
	.parent_line:after {
		width: var(--screen-px);
		border-radius: unset;
	}
}
.search_started .menu__item span.parent_arc,
.search_started .menu__item span.parent_line {
	justify-content: center;
}
.search_started .menu__item span.parent_arc:before,
.search_started .menu__item span.parent_line:before {
	display: none;
}
.search_started .parent_line-hidden:before,
.search_started .parent_line-hidden:after {
	display: block;
}
.search_started .parent_line:after {
	width: var(--level-dot-size);
	border-radius: 50%;
}

.menu__item .hot_key {
	display: none;
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
	padding: 0 4px;
}

.menu__item:not(.menu__item-disabled):hover .hot_key,
.menu__item.menu__item-hotkeyVisible .hot_key
{
	display: block;
}
.menu__item.menu__item-hashotkey:not(.menu__item-disabled).selected .cnt_warn,
.menu__item.menu__item-hashotkey:not(.menu__item-disabled):hover .cnt_warn,
.menu__item.menu__item-hashotkey.menu__item-hotkeyVisible .cnt_warn
{
	display: none;
}

.menu__item .hot_key-frame {
	min-width: 16px;
	box-sizing: border-box;
	border: 1px solid var(--base-txt-muted);
	border-radius: 4px;
	text-align: center;
	letter-spacing: 0;
}

.menu__item .hot_key-frame {
	margin-left: 2px;
}

.menu__item .cnt_members {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
	padding: 0 4px;
}

/*
.menu__item.selected .cnt_members, .menu__item:not(.ign_hover):hover .cnt_members {
	display: none;
}*/

.menu__item-delete svg {
	fill: var(--base-txt-btn-w);
}
.menu__item-delete.selected,
.menu__item-delete.selected:hover,
.menu-secondary .menu__item-delete:hover,
.menu-secondary .menu__item-delete.selected,
.menu-secondary .menu__item-delete.selected:hover
{
	color: var(--base-txt-btn-w);
	background: var(--base-hlt-w-easy) !important;
	fill: var(--base-txt-btn-w);
}
.menu__item-delete .in {
	color: var(--base-txt-alert-major);
}
.menu__item-delete.selected svg {
	fill: var(--base-txt-btn-w);
}
.menu__item-delete.menu__item-disabled > ws-icon:not(.when-disabled),
.menu__item-delete.menu__item-disabled > .in {
	opacity: .5;
}

.menu__item-b:not(.menu__item-disabled) svg {
	fill: var(--base-txt-btn-b);
}
.menu__item-b:not(.menu__item-disabled).selected,
.menu__item-b:not(.menu__item-disabled).selected:hover,
.menu-secondary .menu__item-b:not(.menu__item-disabled).selected,
.menu-secondary .menu__item-b:not(.menu__item-disabled).selected:hover
{
	color: var(--base-txt-btn-b);
	background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-b-hover) 0%), linear-gradient(0, var(--trans) 0%, var(  --trans) 0%);
	fill: var(--base-txt-btn-b);
}
.menu__item-b:not(.menu__item-disabled) .in {
	color: var(--base-txt-btn-b);
}
.menu__item-b:not(.menu__item-disabled).selected svg {
	fill: var(--base-txt-btn-b);
}

.menu__item-noselect.selected, .menu__item-noselect:hover {
	background: inherit;
	color: inherit;
}

.menu__item ws-icon.open_in_new svg {
	opacity: 0;
}

.menu__item.selected ws-icon.open_in_new svg {
	opacity: 1;
}

.menu__item-color {
	cursor: pointer;
	margin-left: 4px;
	width: 21px;
	height: 21px;
	border-radius: 4px;
	background: var(--project-color);
	--icon-color: var(--base-txt-max);
}
.menu__item-color:hover {
	opacity: 0.8;
}
.menu__item-color:first-child {
	margin-left: 0;
}

.menu__item-folder {
	padding: 4px;
}
.menu__item-folder svg {
	fill: var(--folder-color)
}
.menu__item-folder ws-icon {
	width: 32px;
	height: 32px;
}

.menu__head-profile {
	padding: 12px 16px;
	height: 52px;
	gap: 12px;
	border-bottom: var(--screen-px) solid var(--base-line-primary);
}

.menu__head-profile > :last-child {
	margin-right: 4px;
}

.menu__foot-profile {
	padding: 20px;
	gap: 8px;
	border-top: var(--screen-px) solid var(--base-line-primary);
}

.menu__head-profile .name {
	display: block;
	padding: 4px;
	color: var(--base-txt-accent);
	font: var(
		--font-ui-16-title-3-bold);
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu__head-profile .online {
	font: 12px/12px var(--font-base);
	color: var(--base-txt-tertiary);
}

.menu__head-profile .online .ico_l {
	margin: -4px 0 -4px -4px;
}

.sidebarProfileMenu__avatar {
	width: 52px;
	height: 52px;
}
.menu__head-profile .av_nm {
	transform: scale(calc(52 / 48));
	transform-origin: left top;
	border-radius: 8px;
	cursor: pointer;
}
.menu__head-profile .av_nm:hover {
	box-shadow: var(--shadow-brd-focus-alt);
}

.menu__head-profile .topic_status ws-emoji {
	width: 16px;
	height: 16px;
}

.menu__head-profile ws-icon.cross-attr {
	border-left: 1px solid transparent
}

.menu a.partner {
	background: var(--colors-violet-trans-100);
	display: flex;
	fill: var(--colors-violet-600);
	height: 32px;
	border-radius: 16px;
	box-shadow: 0 0 0 1px var(--colors-violet-600) inset;
	align-content: flex-start;
	align-items: center;
	justify-content: center;
}
.menu a.partner:hover {
	fill: var(--white-primary);
	color: var(--white-primary);
	background: var(--colors-violet-600);
	box-shadow: none;
}
.menu a.partner span {
	padding: 0 8px
}

.menu a.upgrade {
	display: flex;
	fill: var(--base-btn-notice-minor);
	height: 32px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px var(--base-btn-notice-minor) inset;
	align-content: flex-start;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
}
.menu a.upgrade:hover {
	background: var(--base-btn-notice-minor);
	color: var(--white-primary);
	fill: var(--white-primary);
	box-shadow: none;
}
.menu a.upgrade:hover:active {
	background: var(--base-btn-notice-major);
}
.menu a.upgrade span {
	padding: 0 12px;
}
.menu__columns {
	display: flex;
	gap: 12px;
	padding: 12px 20px;
}
#sidebarProfileMenu .menu__columns > .menu__group {
	width: 204px;
}
.menu__columns > .menu__group {
	padding: 0;
	flex-grow: 1;
	flex-shrink: 1;
	border-top: none !important;
}
.menu-h48 .menu__group .sw,
.menu__columns .menu__group .sw, .menu-bigSwitchers .menu__group .sw {
	width: 20px;
	padding: 2px;
	margin: 0 2px 0 0;
}
.menu-h48 .menu__group .sw {
	margin-left: 4px;
}
.menu-h48 .menu__group .sw span,
.menu__columns .menu__group .sw span, .menu-bigSwitchers .menu__group .sw span {
	width: 6px;
	height: 6px;
	margin: 3px;
}
.menu-h48 .menu__group .sw_act .sw span,
.menu__columns .menu__group .sw_act .sw span, .menu-bigSwitchers .menu__group .sw_act .sw span {
	width: 10px;
	height: 10px;
	margin: 1px 0 1px 9px;
}

.menu-smallSwitchers .menu__group .sw {
	width: 18px;
	padding: 0;
	margin: 4px 0 4px 5px;
}
.menu-smallSwitchers .menu__group .sw span {
	width: 4px;
	height: 4px;
	margin: 4px;
}
.menu-smallSwitchers .menu__group .sw_act .sw span {
	margin: 2px 2px 2px 8px;
	width: 8px;
	height: 8px;
}

.menu .menu__submenuWrapper {
	position: relative;
}

.menu__item span.cnt {
	display: flex;
	min-width: 16px;
	height: 20px;
	padding: 0 4px;
	margin-left: 2px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	font: var(--font-ui-12-mini-reg);
}
.menu__item span.cnt:not(.cnt_soon):empty {
	display: none;
}
.menu__item span.cnt_new {
	background: var(--base-txt-alert-minor);
	color: var(--base-txt-alt-light);
}
.menu__item span.cnt_arch2 {
	background: inherit;
	border: 1px solid var(--base-txt-muted);
	color: var(--base-txt-tertiary);
}
.menu__item span.cnt_warn {
	border: 1px solid var(--base-txt-alert-major);
	color: var(--base-txt-alert-major);
}
.menu__item span.cnt.primary {
	background: var(--base-hlt-invert);
	color: var(--base-txt-alt-light);
	min-width: 20px;
}
.menu__item span.cnt.cnt_soon {
	background: transparent;
	border: 1px solid var(--base-txt-muted);
	color: var(--base-txt-tertiary);
}
.menu__item span.cnt.cnt_soon:before {
	display: inline;
	content: 'soon';
}

.menu__item span.cnt.cnt_b {
	font: var(--font-ui-12-mini-reg);
	background: var(--base-hlt-b-hover);
	color: var(--base-txt-btn-b);
	border-radius: 6px;
}

@media (min-width: 481px) {
	.menu .menu-2columns,
	.menu.menu-2columns {
		width: 240px;
	}
	.menu .menu-2columns .menu__group,
	.menu.menu-2columns .menu__group {
		display: flex;
		flex-direction: column;
		column-gap: 8px;
		flex-wrap: wrap;
		height: 164px;
	}
	.menu .menu__submenuWrapper-auto > .menu {
		left: 150%;
		top: -8px;
		pointer-events: none;
		width: 220px;
		position: absolute;
		opacity: 0;
	}
	.menu .menu__submenuWrapper-auto .menu-account {
		width: 240px;
	}
	.menu .menu__submenuWrapper-auto .menu-getHelp {
		top: -160px !important;
		width: 262px;
	}
	.menu .menu__submenuWrapper-auto .menu-notify {
		width: 240px;
		overflow: hidden;
	}
	.menu .menu__submenuWrapper-auto .menu.menu-autoWidthSmall {
		width: auto;
		min-width: 100px;
		max-width: 200px;
	}
	.menu .menu__submenuWrapper-auto .menu.menu-autoWidthBig {
		width: fit-content;
		min-width: 150px;
		max-width: 400px;
	}
	.menu .menu__submenuWrapper-auto .menu.menu-autoWidthMax {
		width: auto;
		min-width: 150px;
	}
	.menu .menu__submenuWrapper-hover > .menu,
	#globalMenu > .menu__submenuWrapper-auto .menu,
	#globalMenu > .menu-colors-emoji,
	.menu .menu__submenuWrapper-auto .menu__item.selected + .menu {
		opacity: 1;
		top: -11px;
		left: calc(100% + 10px);
		transition: 0.3s opacity 0.3s;
		pointer-events: initial;
		display: block;
	}
	.menu .menu__submenuWrapper-auto.menu__submenuWrapper-left .menu__item + .menu {
		left: auto;
		right: calc(100% + 10px);
	}
}
@media (max-width: 480px) {
	.menu .menu {
		display: none;
	}
	#globalMenu .menu-static {
		display: block;
		width: unset;
	}
}
.menu__item-emoji span:first-child {
	width: 14px;
	height: 14px;
	margin: 9px;
	border-radius: 4px
}
.menu__item-checked {
	border: 1px solid var(--base-txt-primary);
	border-radius: 6px;
}
.menu__item-emoji .checkbox svg {
	fill: var(--base-hlt-b-notr-selected);
}
.menu__item-checkbox .checkbox svg {
	fill: var(--base-txt-primary);
}
.menu__item-checkbox-blue .checkbox svg {
	fill: var(--base-txt-act-minor);
}
.menu__item-checkbox.selected .checkbox svg {
	fill: var(--white-primary);
}
.menu__item-checkbox .checkbox use {
	display: none
}
.menu__item-checkbox .checkbox use:first-child {
	display: block
}
.menu__item-checked .checkbox use:last-child {
	display: block
}
.menu__item-checked .checkbox use:first-child {
	display: none;
}
.menu__item-checkbox.selected .checkbox use:nth-child(2) {
	display: block
}
.menu__item-checkbox.selected .checkbox use:last-child, .menu__item-checkbox.selected .checkbox use:first-child {
	display: none
}
.menu__item ws-icon[name=winner_cup] svg, .menu__item:not(.ign_hover):hover ws-icon[name=winner_cup] svg {
	fill: var(--base-btn-notice-minor);
}


/**************** MENU MASTER ELEMENTS ***************/
/*
menu-checkbox
menu-picker

menu__group-select
menu__group-radio
menu__group-checkbox
 */
.menu-picker {
	border-radius: 12px;
}
.menu-picker .menu__item .space-ava ws-icon {
	width: 24px;
	height: 24px;
}
.menu-picker .menu__item .in {
}
.menu-picker .menu__item .info {
	font: 400 12px/20px var(--font-base);
	color: var(--base-txt-tertiary);
	padding: 0 4px;
}
.menu__group.menu__group-picker {
	padding: 12px 6px 12px 18px;
	flex-shrink: 0;
}
.menu__group-search.menu__group-picker {
	padding: 0;
}
.menu__group-search.menu__group-picker .editBlock__picker {
	border-radius: 12px 12px 0 0;
	border: none;
}
.menu__group-search.menu__group-picker.menu__group-detached .editBlock__picker {
	border-radius: 12px;
}
.menu-inModal .menu__group-search.menu__group-picker .editBlock__picker {
	border-radius: 12px;

}
.menu__group-head ~ .menu__group-search.menu__group-picker .editBlock__picker {
	border-radius: 0
}
.menu__group-search.menu__group-picker .editBlock__picker__item {}
.menu__group-search.menu__group-picker .editBlock__picker__item-group,
.menu__group-search.menu__group-picker .editBlock__picker__item-blue {
}
.menu-picker .menu__group-searchable .menu__item {
}
.menu__group-picker .editBlock__picker__search .in {
	height: 24px;
	background: none;
}
.menu__group-picker .editBlock__picker__search {
	width: 100px;
}
.menu__group-picker .editBlock__picker-projects .editBlock__picker__search {
	width: 140px;
}
.menu__group-select .menu__item ws-icon[name=check] {
	width: 24px;
}
.menu__group-select .menu__item ws-icon[name=check] svg {
	opacity: 0;
	fill: var(--base-txt-act-minor);
}
.menu__item-active:not(.menu__item-displayActiveAsDisabled) {
	box-shadow: 0 0 0 1px var(--base-txt-primary) inset;
	background: transparent;
	cursor: pointer;
}
.menu__group-checkbox .menu__item-active {
	box-shadow: none;
	background: transparent;
}
.menu__group-select .menu__item.menu__item-active.selected {
	background: transparent;
}
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled) {
	cursor: pointer;
}
.menu__group-radio .menu__item-active,
.menu__group-noborder .menu__item-active {
	box-shadow: none;
}
.menu__group-select .menu__item-active ws-icon[name=check] svg {
	opacity: 1;
}

.menu__item ws-icon[name=radio] svg, .menu__item:not(.ign_hover):hover ws-icon[name=radio] svg,
.menu__item.selected ws-icon[name=radio] svg,  .menu__item.selected:hover ws-icon[name=radio] svg {
	fill: var(--base-txt-tertiary);
}
.menu__item-active ws-icon[name=radio] svg, .menu__item-active:hover ws-icon[name=radio] svg,
.menu__item-active.selected ws-icon[name=radio] svg, .menu__item-active.selected:hover ws-icon[name=radio] svg {
	fill: var(--base-hlt-invert);
}
.menu__item ws-icon[name=radio] use:nth-child(2) {
	opacity: 0;
	transition: opacity .4s ease;
}
.menu__item ws-icon[name=radio] use:last-child {
	display: none;
}
.menu__item:not(.ign_hover):hover ws-icon[name=radio] use:nth-child(2) {
	opacity: 1;
}
.menu__item-active, .menu__item-active:hover {
	/* background: var(--base-hlt-selected); */
}
.menu__item-active ws-icon[name=radio] svg, .menu__item-active:hover ws-icon[name=radio] svg,
.menu__item-active.selected ws-icon[name=radio] svg {
	fill: var(--base-hlt-invert);
}
.menu__item-active ws-icon[name=radio] use:last-child {
	display: block;
}
.menu__item-active ws-icon[name=radio] use:nth-child(2) {
	display: none;
}
.menu__group-checkbox:has(.menu__group__subset:nth-child(2):last-child) .menu__group__subset .sw_pre {
	display: none;
}
.menu__group .space .sw {
	margin: 0;
	float:none
}
.menu__group-checkbox .av_sm {
	transition: all .2s ease;
}
.menu__group-checkbox .menu__item, .menu__group-checkbox .menu__itemFake {
	margin-bottom: var(--screen-px);
}
.menu__group-checkbox .menu__item ws-icon[name=checkbox] svg {
	fill: var(--base-txt-tertiary);
}
.menu__group-checkbox .menu__item ws-icon[name=checkbox] use:first-child {
	transition: opacity .4s ease;
}
.menu__group-checkbox .menu__item ws-icon[name=checkbox] use:nth-child(2) {
	opacity: 0;
	transition: opacity .4s ease;
}
.menu__group-checkbox .menu__item ws-icon[name=checkbox] use:last-child {
	display: none;
}
.menu__group-checkbox .menu__item:not(.ign_hover):hover ws-icon[name=checkbox] use:first-child {
	opacity: 0;
}
.menu__group-checkbox .menu__item:not(.ign_hover):hover ws-icon[name=checkbox] use:nth-child(2) {
	opacity: 1;
}
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled):hover,
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled).selected
{
	background: var(--base-hlt-g-hover);
	color: var(--base-txt-primary);
	box-shadow: none;
}
.menu__group-checkbox .menu__item-active .av_sm {
	/* box-shadow: 0 0 0 1px var(--colors-interblue-750), 0 0 0 3px var(--colors-interblue-trans-300); */
	border-radius: 3px;
}
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled) ws-icon[name=checkbox] svg,
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled):hover ws-icon[name=checkbox] svg,
.menu__group-checkbox .menu__item-active:not(.menu__item-disabled).selected ws-icon[name=checkbox] svg {
	fill: var(--base-hlt-invert);
}
.menu__group-checkbox .menu__item-active ws-icon[name=checkbox] use:last-child {
	display: block;
}
.menu__group-checkbox .menu__item-active ws-icon[name=checkbox] use:nth-child(2) {
	display: none;
}
.menu.search_started .menu__group__subset,
.menu .search_started .menu__group__subset {
	display: none;
}
.menu.search_started .menu__group__subset:has(.menu__item:not(.menu__item-hidden)),
.menu .search_started .menu__group__subset:has(.menu__item:not(.menu__item-hidden)) {
	display: block;
}
.menu .menu__group-picker + .menu__group__wrapper > .scrollZone,
.menu * + .scrollZone,
.menu * + .menu__group-scrollZone > .scrollZone {
	box-shadow: 0 calc(-1 * var(--screen-px)) 0 0 var(--base-line-secondary);
	border-top: unset;
}
.menu * + .editBlock__picker__body.scrollZone,
.menu__group-scrollZone > .editBlock__picker__body.scrollZone {
	box-shadow: none;
}
.menu .scrollZone {
	max-height: 440px;
	overflow: hidden;
	flex-shrink: 1;
}
.menu__group-checkbox.menu__group:not(.menu__group-empty) .menu__item-group {
	color: var(--base-txt-primary);
	font: var(--font-ui-14-regular-semi);
	text-transform: none;
}
.menu__group-checkbox.menu__group:has(.menu__item:not(.menu__item-disabled)) .menu__item-group {
	cursor: pointer;
}
.menu__item-group {
	color: var(--base-txt-primary);
	font: var(--font-ui-14-regular-semi);
}
.menu__group-checkbox.menu__group:not(.menu__group-empty) .menu__item-group .in {
	padding: 0 4px;
}
.menu__group-checkbox .menu__group__subset {
	padding: 0;
}
.menu__group-checkbox.menu__group.menu__group-searchable {
	max-height: none;
	overflow: unset;
	position: relative;
}
.menu__group-checkbox.menu__group:not(.menu__group-search):first-child {
}
.menu:not(.search_started) .menu__group-checkbox.menu__group-collapsed.menu__group-searchable:hover {
	background: var(--base-hlt-hover);
	box-shadow: 0 1px 0 0 var(--base-hlt-invert), 0 -1px 0 0 var(--base-hlt-invert);
	border-color: var(--trans);
}
/*.menu__group-checkbox.menu__group-collapsed > * { if its collapsed why do we need this, project add user search shows all collapsed */
/*	pointer-events: none;*/
/*}*/
.menu__group-checkbox.menu__group-collapsed > .menu__item-group .space:has(.sw) {
	display: none;
}
.menu:not(.search_started) .scrollZone:has(.menu__group-checkbox.menu__group-collapsed:first-child:hover) {
	border-color: var(--trans);
	box-shadow: none;
}
.menu__group-checkbox.menu__group-head {height: 36px;margin-top: -4px;border-top: none;}
.menu__group-checkbox.menu__group-head > .in {
	font: var(--font-ui-14-regular-semi);
	padding: 0 4px;
}
.menu__group-checkbox.menu__group-head > .in b {
	font-weight: inherit;
}
.menu__group-checkbox .menu__item, .menu__group-checkbox .menu__itemFake {
	margin-bottom: var(--screen-px);
}
/**************** MENU MASTER ELEMENTS ***************/

#globalMenu .menu-static {
	position: static;
	border: none;
	box-shadow: none;
}
#globalMenuBase {
	position: relative;
	border-radius: 12px;
}
#delayedPubMenu {
	width: 304px;
}
#projectMenu .proj_folder_my svg use:nth-child(1) {
	fill: var(--base-btn-fresh-minor);
}
#projectMenu .proj_folder_user svg use:nth-child(1) {
	fill: var(--base-btn-primary-minor);
}
#projectMenu .menu__item-noselect {
	cursor: inherit;
}
#projectMenu .menu__item-noselect svg {
	fill: var(--flt-del-bg);
}
#projectMenu ws-icon[name=star-solid] svg {
	fill: var(--base-btn-notice-minor);
}
#submenuFolderColors {
	width: 230px;
}
#menuProjectAddUsers {
	width: 360px;
	max-height: 500px;
}

@supports (-moz-appearance:none) {
	.menu.search_started .menu__group__subset,
	.menu .search_started .menu__group__subset {
		display: block;
	}
	.menu.search_started .menu__item-subset,
	.menu .search_started .menu__item-subset {
		display: none;
	}
}

em-emoji-picker {
	width: 312px;
	--border-radius: 5px;
	--category-icon-size: 14px;
	--font-family: var(
		--font-base);
	--font-size: 14px;
	--rgb-accent: 0, 100, 100;
	min-height: 300px;
	max-height: 370px;
}

.menu__group-info {
	background: var(--base-cont-mod-mid);
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-secondary);
}
.menu__group-info:last-child {
	margin-bottom: -4px;
	padding-bottom: 12px;
	border-radius: 0 0 12px 12px;
}
.menu__group-noBackground {
	background: unset !important;
}
.menu__group-info .author_name {
	text-decoration: underline var(--base-txt-tertiary);
}
.menu__group-info .author_name[onclick]:hover {
	cursor: pointer;
	text-decoration: underline var(--base-txt-tertiary) dashed;
}
.menu__group-info .task_add_date,
.menu__group-info .task_close_date {
	white-space: nowrap;
}
.menu__group-info .task_id:not(.menu__itemFake) {
	margin-top: 4px;
}
.menu__group-info .task_id {
	font: inherit !important;
	color: var(--base-txt-muted);
}
.menu__group-info .task_id > span {
	border: 1px solid var(--base-txt-ghost);
	padding: 0 4px;
	border-radius: 4px;
	cursor: pointer;
}
.menu__group-info .task_id > span:hover {
	border-color: var(--base-txt-secondary);
	color: var(--base-txt-primary);
}
.menu__group-fill {
	padding-bottom: 12px;
	margin-bottom: -4px;
	background: var(--base-cont-mod-mid);
	border-radius: 0 0 12px 12px;
}
.menu__group-invert {
	padding: 12px;
	background: var(--base-hlt-b-hover);
}
.menu__group-invert:hover {
	background: var(--base-hlt-b-selected);
}
.menu__group-invert .menu__item,
.menu__group-invert .menu__item:not(.ign_hover):hover,
.menu__group-invert .menu__item.selected,
.menu__group-invert .menu__item.selected:hover {
	background: var(--base-cont-mod-top) !important;
}
.menu__group-invert a {
	border-radius: 6px;
	box-shadow: var(--shadow-cont-minor-outline);
	background: var(--base-cont-mod-top);
}
.menu .clipboard_help {
	display: none
}
.menu__item em {
	font: var(--font-ui-11-micro-med);
	color: var(--base-txt-tertiary);
}

.menu__group-tabs {
	font: var(--font-ui-13-small-med);
	padding: 0;
	margin: -4px 0 0 0;
	height: 48px;
	justify-content: center;
	gap: 8px;
	background: var(--base-cont-mod-low);
	border-radius: 8px 8px 0 0;
}

.menu__group-tabs span.tab {
	padding: 0 12px;
	cursor: pointer;
	color: var(--base-txt-secondary);
	/* background: var(--base-btn-tertiary-minor); */
	border-radius: 6px;
	height: 32px;
	line-height: 32px;
}

.menu__group-tabs span.tab:hover {
	box-shadow: 0 0 0 1px var(--base-line-secondary);
}

.menu__group-tabs span.act {
	background: var(--base-cont-mod-top);
	box-shadow: 0 0 0 1px var(--base-line-secondary);
}


.menu__group-tabs span.act {
	font-weight: bold;
	color: var(--base-txt-accent);
}


.menu__item span.proj_color {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	ws-emoji {
		width: 16px;
		height: 16px;
	}
}
.menu__item ws-icon.proj_color {
	width: 16px;
	height: 16px;
	--icon-size:16px;
	ws-emoji {
		width: 14px;
		height: 14px;
	}
}

.menu__item .av_nm {
	transform: scale(0.41666);
	box-shadow: 0 0 0 2px var(--white-muted);
	flex-shrink: 0;
}

.menu__item ws-icon ~ .proj_color {
	display: none
}
.tagColors {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 96px;
	align-content: space-between;
}
.tagColors-statuses {
	height: 64px;
}

.tagColors__item {
	width:32px;
	height:32px;
	position:relative;
}
.tagColors__item ws-icon {
	width:32px;
	height:32px;
	--icon-size: 24px;
	--icon-color: var(--tag-color);
}

.tagColors__itemws-icon use:last-child {
	display: none;
}

.tagColors__itemws-icon:hover use:first-child, .tagColors__itemws-icon.selected use:first-child, .tagColors__item-active use:first-child {
	display: none;
}

.tagColors__itemws-icon:hover use:last-child, .tagColors__itemws-icon.selected use:last-child, .tagColors__item-active use:last-child {
	display: unset;
}

.tagColors__item {
	transition: all 0.2s linear;
}
.tagColors__item:hover {
	border-radius: 8px;
	background: var(--base-hlt-g-hover);
	cursor: pointer;
}
.tagColors__item-active {
	border-radius: 8px;
	box-shadow: var(--shadow-brd-enable);
}

.menu .editBlock__input {
	height:36px;
	margin-top: -8px;
}

@media screen and (max-width: 480px) {
	.menu .menu__group__wrapper .editBlock__input {
		margin-top: 0; /* cause groups in wrapper have background, so we need balanced padding */
	}
	.menu__group__wrapper .menu__group-smallPaddings:has(.editBlock__input) {
		padding: 0;
	}
}

.editBlock__input:has(.space:first-child, .tag_color:first-child) {
	padding-left: 6px;
}
.editBlock__input .space:first-child {
	padding: 0;
	width: 28px;
}
.editBlock__input .space:first-child ws-icon {
	width: 28px;
	height: 28px;
	--icon-size: 20px;
}
.editBlock__input > .tag_color {
	width: 28px;
	height: 28px;
}
.editBlock__input > .tag_color:after {
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	background: var(--tag-color);
	border-radius: 8px;
	margin: 6px;
}

.menu__item task-done-date ws-icon {
	width:20px;
	height:20px;
}
.menu__item task-done-date .ico {
	margin:0;
}
.menu__item .terms {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
}
.menu__item .terms i {
	font-style: normal
}
.menu__item .terms b {
	font-weight: normal;
	color: var(--base-btn-primary-major);
	background: var(--base-hlt-notr-hover);
	padding: 4px;
	border-radius: 4px;
}
.menu__item-missFilter .in {
	color:var(--base-txt-tertiary)
}
.menu__item-expandHidden .av_sm {
	display:none
}
.menu__item-expandHidden ws-icon:first-child {
	background: var(--base-hlt-w-active);
	border-radius: 12px;
	width:24px;
	height:24px;
}
.menu__item-expandHidden.menu__item-active ws-icon:first-child {
	background: var(--base-hlt-alt-notice);
}
.menu__item-expandHidden ws-icon svg {
	width:16px;
	height:16px;
}
.menu__item-expandHidden:not(.menu__item-active) ws-icon use:last-child {
	display: none;
}
.menu__item-expandHidden.menu__item-active ws-icon use:first-child {
	display: none;
}
.menu__item span.num {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
	padding: 0 4px;
}
.menu__item-active span.num {
	color: var(--white-max);
	background: var(--base-btn-primary-minor);
	border-radius: 4px;
	font: var(--font-ui-12-mini-reg);
	padding: 0 4px;
}
.menu__item-active.menu__item-disabled span.num {
	background: var(--base-txt-tertiary);
}
.menu .role_ico ws-icon, .menuFake .role_ico ws-icon{
	opacity: 0.5;
	width: 24px;
	height: 24px;
}
.menu .role_ico ws-icon svg, .menuFake .role_ico ws-icon svg {
	width: 16px;
	height: 16px;
}
.menu ws-icon[name^=award] svg,
.menuFake ws-icon[name^=award] svg {
	fill: var(--base-btn-notice-major);
}

.menu__item-displayActiveAsDisabled.menu__item-active .av_sm {
	opacity: .35;
}
.menu__item-displayActiveAsDisabled.menu__item-active,
.menu__item-disabled {
	background: none !important;
	color: var(--base-txt-muted) !important;
	cursor: default;
	pointer-events: none;
}
.menu__item-displayActiveAsDisabled.menu__item-active ws-icon[name^=award],
.menu__item-disabled ws-icon[name^=award] {
	pointer-events:initial;
}
.menu__group-checkbox .menu__item-disabled.menu__item-active {
	color: var(--base-txt-secondary) !important;
}
.menu__item.menu__item-disabled:has(.item_hint.when-disabled) .item_hint:not(.when-disabled),
.menu__item:not(.menu__item-disabled) .when-disabled {
	display: none;
}
.menu__item-disabled ws-icon[name*=award][data-title],
.menu__item-disabled ws-icon[name*=award][onclick],
.menu__item-disabled .badge.badge-promo[data-title],
.menu__item-disabled .badge.badge-promo[onclick],
.menu__item-disabled .item_hint {
	pointer-events: all;
}
.menu .menu__item:not(.menu__item-disabled) ws-icon[name^=folder] svg,
.menuFake .menu__item:not(.menu__item-disabled) ws-icon[name^=folder] svg {
	fill: var(--folder-color);
}
.menu__item > .ico {
	margin: 2px 4px;
	transform: scale(0.8);
}
.menu__item > .special_ico > .ico {
	transform: scale(0.8);
}
.menu__item > .flex_content:has(~ .special_ico) {
	flex-grow: 0;
}
.menu__item > .special_ico {
	margin-right: auto;
}
.menu__item ws-icon[name=lock-fill] {
	background: var(--base-txt-alert-minor);
	border-radius:12px;
	width:24px;
	height:24px;
	margin:0 4px;
}
ws-icon[name=lock] svg {
	/* fill: var(--base-txt-alert-minor); */
}
.btn ws-icon[name=lock_open_alt-fill] svg {
	fill: var(--base-txt-new-major);
}
.menu__item ws-icon[name=lock-fill] svg {
	fill: var(--base-txt-alt-light);
	width:16px;
	height:16px;
}
.menu__item .in ws-icon[name=lock_sm], .menu__item ws-icon[name=lock_sm] {
	--icon-size:16px;
	--icon-color: var(--base-btn-alert-primary-major);
	vertical-align: middle;
}

.menu__item ws-icon[name=lock_sm] + .in, .menu__item ws-icon[name=lock_sm] + .in span {
	padding-left: 0;
}

.menu__group-visibility .menu__item-active ws-icon[name=lock_sm] {
	display: none
}
.menu__item .space.space-lock ws-icon[name=lock_sm],
.menu__group-visibility .menu__item ws-icon[name=lock_sm] {
	--icon-size:20px;
	--icon-color: var(--base-txt-alt-light);
	background: var(--base-hlt-w-invert);
	border-radius:12px;
	width:24px;
	height:24px;
	margin:0 4px;
}
.menu__group-visibility .menu__item:not(.menu__item-active) .space-ava {
	display: none
}
/* .menu__group-visibility .menu__item ws-icon[name=checkbox] svg use:first-child {
	fill: var(--base-txt-btn-w);
}
.menu__group-visibility .menu__item:hover ws-icon[name=checkbox] use:nth-child(2) {
	fill: var(--base-txt-btn-w);
} */
.menu__group-visibility .menu__item-active:not(.menu__item-default) ws-icon[name=checkbox] use:nth-child(3) {
	fill: var(--base-txt-primary) !important;
}

.menu__group-visibility .menu__item-group.sw_act ~ * {}
.menu__group-visibility .menu__item-guest .in {
	color:var(--base-txt-tertiary)
}

.menu__item-default {
	pointer-events: none;
}
.menu__item-default ws-icon[name=checkbox] svg use:first-child,
.menu__item-default ws-icon[name=checkbox] svg use:nth-child(2) {
	display: none;
}
.menu__item-default ws-icon[name=checkbox] svg {
	fill: var(--base-txt-tertiary) !important;
}

.modal .menu__group {
	padding-left: 0;
	padding-right: 0;
}
.menu-tertiary .menu__item .in {
	font: var(--font-ui-13-small-reg);
	fonf: none !important;
}
.menu-tertiary .menu__item-active {
	background: none !important
}
.menu-tertiary .menu__item-active ws-icon[name=checkbox] svg {
	fill: var(--base-txt-primary) !important
}
.menu__item .cnt_stat {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-secondary);
	margin: 0 8px 0;
}
.menu__item .cnt_stat-hidden {
	display: none;
}
.menu__item.selected .cnt_stat-hidden {
	display: block;
}

.menu__item ws-icon[name=logout] + span {
	color: var(--base-txt-alert-major);
}

@media screen and (max-width: 496px) {
	#sidebarProfileMenu.menu {
		width: 340px;
	}
	.menu__head-profile {
		padding-top: 8px;
	}
	#sidebarProfileMenu.menu .menu__columns {
		flex-direction: column;
		gap: initial;
	}
	#sidebarProfileMenu.menu .menu__columns > .menu__group {
		width: 300px;
	}
}
.menu__item .priorb {
	margin: 0;
	ws-icon {width: 20px;height: 20px;}
}
.menu-compact .menu__item-group, .menu-compact .menu__item-subset {
	display: none
}
.menu-cards .menu__item {
	height: 44px;
	border-radius: 0;
	padding: 0;
}
.menu-cards .menu__item:not(.ign_hover):hover, .menu-cards .menu__item.selected, .menu-cards .menu__item.selected:hover {
	background: none;
	cursor: initial;
}
.menu-cards .menu__item ws-btn[name*=reassign] ~ .role_ico {display: none}

.menu-cards .menu__item .menu__item span.space-ava {
	transform:scale(1.2)
}

.menu__cardsSplitter {
	border-bottom: 1px solid var(--base-line-tertiary);
	display: none
}
.menu-cards .menu__item ~ .menu__item {
	border-top: 1px solid var(--base-line-tertiary);
}
.menu > .scrollZone:first-child {
	/* margin-top:-4px; */
	border-top: none;
	box-shadow: none;
}

.menu a.menu__item-zero {
	color: var(--base-txt-tertiary)
}

.menu a.menu__item-zero:after {
	content: ' (0)';
	color: var(--base-txt-ghost)
}

.menu-withEditorSearch .menu__group-search {
	display: none;
}
.menu-withEditorSearch .menu__group-empty ws-btn {
	display: none
}
.menu-withEditorSearch .scrollZone {
	/* margin-top:-4px; */
	border-top: none;
	box-shadow: none;
}
.menu-withEditorSearch .scrollZone .menu__group:first-child {
	border-top: none;
	box-shadow: none;
}

.menu__item span.space-projectIco {
	width:24px;
	--icon-size:16px;
	padding-right:8px;
	position:relative;
}
.menu__item span.space-projectIco:after {
	content:'';
	position: absolute;
	right:3px;
	top: 6px;
	height:20px;
	border-right:1px solid var(--base-line-tertiary);
}
.menu__item span.space-projectIco ws-icon.proj_color, .menu__item span.space-projectIco .proj_color ws-emoji {
	width: 16px;
	height: 16px;
	--icon-size:16px;
}
.menu__item-icoHover ws-icon use:last-child {
	display: none;
}
.menu__item-icoHover:not(.menu__item-active):not(.ign_hover):hover ws-icon use:last-child {
	display: block;
}
.menu__item-icoHover:not(.menu__item-active):not(.ign_hover):hover ws-icon use:first-child {
	display: none;
}

.menu-userCard .menu__item .cnt_hot:not([onclick=""]):hover {
	background: var(--base-hlt-w-selected);
}
.menu-userCard .menu__item .cnt_warm:not([onclick=""]):hover {
	background: var(--base-hlt-b-selected);
}

/*.menu__item .cnt_all ~ span.cnt_hot, .menu__item .cnt_all ~ span.cnt_warm, .menu__item .cnt_all ~ span.cnt_arch {*/
/*	margin: 0;*/
/*	border-radius: 4px;*/
/*	padding: 0 4px;*/
/*}*/
/*.menu__item .cnt_more {*/
/*	padding-right: 12px;*/
/*}*/

.menu .mouse_help div {
	display: block;
	margin: 24px auto;
}

.menu .mouse_help div {
	width: 130px
}

.menu__item-today {
	background: var(--cal-picker-range);
}

.menu__item-past span.r {
	color: var(--base-txt-tertiary)
}

.menu .menu__item-alt {
	float: right;
	color: var(--base-txt-tertiary);
	display: none;
	font-size: 11px;
}
.menu:hover .menu__item-alt {
	display: flex;
}
@media (max-width: 480px) {
	.menu .menu__item-alt {
		display: flex;
	}
}


.menu-calendar {
	width: 810px;
	padding-bottom: 0;
}

.menu-calendar .l {
	float: left;
	width: 516px;
	padding: 12px 12px 8px 12px;
	border-right: 0.5px solid var(--base-line-primary);
}

.menu-calendar .r {
	font: 12px/17px var(--font-base);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 314px;
}

.menu-calendar .r .menu__columns {
	max-width: 244px;
	padding: 12px;
}

.menu-calendar .r > .menu__group {
	border-top: 0.5px solid var(--base-line-primary);
}

.menu-calendar .r .menu__item{
	padding: 0 2px;
}

.menu-calendar .ui-datepicker-inline {
	margin: 0
}

.menu-calendar .menu__group-hea ws-btn {
	display: none
}

.menu__item-2lines {
	height: 54px;
}

.menu__group > .acc .acc_name {
	display: block;
	padding-left: 8px;
	padding-right: 4px;
	font: var(--font-ui-14-regular-semi);
}
.menu__group > .acc .acc_alias {
	display: block;
	padding: 0 8px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}

.menu__item-2lines .acc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu__group-bold .in {
	font: var(--font-ui-14-regular-semi);
}
.menu__item-2lines .acc_name {
	padding: 0 2px;
	font: var(--font-ui-14-regular-semi);
	color: var(--base-txt-primary);
}

.menu__item .in .hint {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary);
}
.menu__item-2lines .acc_url {
	padding-left: 2px;
	padding-right: 4px;
	font: var(--font-ui-12-mini-med);
	color: var(--base-txt-tertiary);
}



.menu .info_pre {
	height: 57px;
}
.menu .info_pre_norate {
	height: 37px;
}
.menu .info_pre_lg {
	height: 76px;
}

body.mobile .menu .info_pre_lg { display: none; }

.menu .info {
	font: italic 12px/18px var(--font-base);
	padding: 4px 8px;
	color: var(--base-txt-tertiary);
}

.menu .info_bottom {
	padding: 10px 16px;
	color: var(--base-txt-tertiary);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 250px;
	border-top: var(--screen-px) solid var(--base-line-secondary);
	box-sizing: border-box;
}

.menu-timer {
	width: 318px
}

.menu-timer .ico_goto {
	display: block
}

.menu-timer a.ign_select:hover {
}

.menu-timer a.ign_select:first-child {
}

.menu-timer .ico_goto {
	margin: 2px;
	cursor: pointer;
	display: inline-block;
	opacity: 0.8
}

.menu-timer .ico_goto:hover {
	opacity: 1
}

.menu-timer .timer_comment {
	position: relative;
}

.menu-timer .timer_comment textarea {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	min-height: 60px;
	max-height: 100px;
	font: 13px/14px var(--font-base);
	border-radius: 5px;
	margin: 0;
	padding: 8px;
	background-color: var(--base-cont-mod-low);
	resize: none;
	outline: none;
	border: none
}

/* ----------- MinifyCSS: LIGHT THEME ----------- */
.menu-timer .timer_comment textarea:focus {
	background: var(--base-cont-note-major)
}

/* ----------- MinifyCSS: DARK THEME -----------
.menu-timer .timer_comment textarea:focus {background: var(--base-cont-mod-low)}
----------- MinifyCSS: STOP ----------- */
.menu-timer .loader_sm {
	position: absolute;
	top: 12px;
	right: 7px;
	display: none
}

.menu-timer .timer_buttons {
}

.menu-timer .timer_buttons a b.r {
	padding: 0;
	opacity: 1 !important
}

.menu-timer .timer_buttons a:hover {
	background: var(--base-txt-link-major);
	border-radius: 16px;
	color: var(--white-accent)
}

.menu-timer .timer_buttons a {
	padding: 8px 40px;
	background: var(--base-txt-link-major);
	color: var(--white-accent);
	font: 16px/16px var(--font-base);
	float: right;
	border-radius: 16px;
	cursor: pointer
}

.menu-timer .timer_buttons a.timer_resume {
	background: var(--costs-timer-pause);
	padding: 8px 14px;
	color: var(--white-primary);
}

.menu-timer .timer_buttons a.timer_stop {
	background: var(--costs-timer-pause)
}

.menu-timer .timer_buttons a:hover {
	box-shadow: 0 0 0 100px var(--colors-alpha-dark-10) inset;
}

.menu-timer .timer_buttons ws-icon {
	margin: -2px 0 -2px 8px;
	transform: scale(1.2);
	--icon-color:var(--white-primary);
}

.menu-timer .timer_buttons .ico_pause {
	margin: -2px 0;
	transform: scale(1.5)
}

.menu-timer .timer_buttons span.add_time {
	cursor: pointer;
	color: var(--costs-timer-pause);
	font: 18px/16px var(--font-base);
	float: right;
	margin: 8px 10px 0
}

.menu-timer span.trash_block {
	float: left;
	padding: 2px;
	cursor: pointer
}

.menu-timer span.trash_block:hover {
	border-radius: 24px;
	background: var(--base-hlt-w-pressed);
	width: 24px;
	height: 24px
}

.menu-timer span.trash_block:hover span.ico {
	opacity: 1
}

.menu-timer span.trash_block span.ico {
	margin: 2px 0 0 2px
}

.menu-timer span.trash_block span.ico_close {
	opacity: 0.8;
	transform: scale(0.9)
}

.menu-timer .today_task_timer {
}

.menu-timer .today_task_timer a.ign_select {
}

.menu-timer .today_task_timer a.time {
	display: inline-block;
	vertical-align: top;
	float: right;
	background: var(--costs-timer-pause);
	opacity: 0.5;
	color: var(--white-accent);
	border-radius: 4px;
	margin-top: 1px;
	font: var(--font-ui-11-micro-reg);
	height: 16px;
	padding: 0 4px;
}

.menu-timer .today_task_timer a.time ws-icon {
	display: none
}

.menu-timer .today_task_timer a.time:hover span.value {
	opacity: 0;
	display:block
}

.menu-timer .today_task_timer a.time:hover ws-icon {
	display: block;
	margin: -18px auto -2px auto;
	--icon-color:var(
		--white-primary);
	width: 20px;
	height: 20px;
}

.menu-timer .today_task_timer a.time:hover {
	opacity: 1
}

.menu-timer .progress_timer {
	position: relative;
	height: 80px;
	width: 80px;
	margin: 15px auto 5px auto;
	cursor: pointer
}

.menu-timer .progress_timer svg {
	width: 100%;
	height: 100%
}

.menu-timer .progress_timer span {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 30px;
	font: bold 19px/19px var(--font-base)
}

.menu-timer .progress_timer:hover circle.draw {
	stroke: var(--costs-timer-pause)
}
.menu__group-alert {
	display: flex;
	align-items: flex-start !important;
}
.menu__group-alert .in {
	padding: 6px 4px;
	color: var(--base-txt-btn-b)
}
.menu__group-alert ws-icon {
	--icon-color: var(
		--base-txt-btn-b) !important;
	width: 32px;
	height: 32px;
}

.menu-likes {
	width: 224px;
}

.menu-companyCard {
	min-width: 480px;
}
.menu-userCard {
	min-width: 472px;
	padding: 0;
}
.menu-userCardMinimal {
	min-width: 320px;
}

.menu-userCard.menu-active {
	display: grid !important;
	grid-template-areas:
			"left right";
	grid-template-columns: auto auto;
}
.menu-userCard .r {
	grid-area: right;
	width: 224px;
	padding-top: 4px;
}
.menu-userCard .l {
	grid-area: left;
	background: var(--menu-cont-low);
	width: 248px;
	padding: 12px;
	box-sizing: border-box;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border-right: 1px solid var(--base-line-tertiary);
}
.menu-userCard .l.mouse_help {
	height: 344px;
	border-radius: 12px 0 0 12px;
}

.menu-userCard .w {
	grid-area: left;
	background: var(--base-cont-mid);
	width: 320px;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid var(--base-line-tertiary);
}
.menu-userCard .info_bottom {
	background: var(--base-cont-mod-mid);
	color: var(--base-txt-secondary);
	font: var(--font-ui-11-micro-reg);
	width: 224px;
	border-bottom-right-radius: 12px;
	padding: 8px;
}
.menu-userCard .info_bottom > div {
	gap: 2px;
}
.menu-userCard .info_bottom > div > span:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-shrink: 1;
}
.menu-userCard .menu__item .cnt_r {
	display: flex;
}
.menu-userCard .menu__item .cnt_r > span {
	padding: 0 4px;
	line-height: 18px;
}
.menu div.upgrade {
	font: 14px/20px var(--font-base);
	color: var(--base-txt-primary);
	height: 30px;
	padding: 12px 8px;
}

.menu a .num_schedule {
	border: 1px solid var(--base-line-secondary);
	min-width: 16px;
	text-align: center;
	border-radius: 20px;
	font: 11px/16px var(--font-base);
	background: var(--menu-cont-top);
}

.menu a .num_schedule:empty {
	display: none
}

.menu a.menu__item-active .num_schedule {
	background: var(--base-txt-link-minor);
	border-color: var(--base-txt-link-minor);
	color: var(--white-secondary);
}

@media (max-width: 480px) {
	.menu-userCard:not(.menu-userCardMinimal) {width:480px;}
	.menu.menu-userCard.menu-active {min-width:0}
	.menu-userCard .l, .menu-userCard .info_bottom {border-radius: 0; border-right: none;}
	.menu.menu-mode-auto.menu-userCard.menu-active {
		display: grid !important;
		grid-template-areas:
			"swipe"
			"left"
			"right";
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: min-content min-content 1fr;
		align-content: start;
	}
	.menu-userCard .menu__swipe {
		grid-area: swipe;
	}
	.menu-userCard .l {
		margin: 0;
		width: unset;
		padding-top: 2px;
		border-bottom: var(--screen-px) solid var(--base-line-secondary);
	}
	.menu-userCard .w {
		width: unset;
		padding-top: 2px;
		border: none;
	}
	.menu-userCard .r {
		width: unset;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}
	.menu-userCard .r .info_pre {
		display: none;
	}
	.menu-userCard .info_bottom {
		position: relative;
		width: 100%;
		padding: 24px 32px 48px;
	}
	.menu-userCard .scrollZone {
		max-height: unset;
	}
	/* краще не треба, це ж не bottom */
	/* .menu__group-fill {
		margin-top: auto;
	} */
}
@media (hover: none) {
	.user_card .img .editmask .edit, .user_card .img_big .editmask .edit {
		bottom: 0;
	}
}
@media print {
	#menuContainer, #menuOverlay {display:none}
}
.menu__item .space task-stage ws-icon {
	--icon-size:20px;
}
.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__group__content,
.menu-picker .tagsSingleSelect .tagsSingleSelect__group__content {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 6px;
}
.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__group__content:has(.menu__item:not(.menu__item-picked)),
.menu-picker .tagsSingleSelect .tagsSingleSelect__group__content:has(.menu__item:not(.menu__item-picked)) {
	padding-bottom: 8px;
}
.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__item,
.menu-picker .tagsSingleSelect .tagsSingleSelect__item {
	padding: 0;
	height: 24px;
}
.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__item .flex_content,
.menu-picker .tagsSingleSelect .tagsSingleSelect__item .flex_content {
	padding: 0;
}

.menu__item ws-icon[name=labels_dot].upd {
	--icon-size: 14px;
	--icon-color: var(--base-txt-btn-c);
}

@media (max-width: 480px) {
	#menuOverlay {
		z-index: 1054;
	}
	.menu.menu-mode-auto {
		bottom: 0;
		left: 0;
		right: 0;
		top: 30%;
		padding: 0;
		width: unset !important;
		border-radius: 20px 20px 0 0;
		box-shadow: 0 -1px var(--base-line-secondary), 0 600px 0 400px var(--base-cont-mod-top), 0 0 40px -2px var(--colors-graphite-trans-400);
		flex-direction: column;
		height: auto;
		transition: top .3s ease;
		overflow: hidden;
	}

	/* trying to fix iphone submenu visibility */
	.menu.menu-mode-auto.menu-paused,
	.menu.menu-mode-auto.menu-paused .scrollZone {
		overflow: visible !important;
	}

	.menu {
		/* --layer: 0;
		--zIndex: 1032;
		z-index: calc(var(--zIndex) + var(--layer)); */
		z-index: 1054;
	}

	.menu-autoWidthBig.menu-mode-auto {
		max-width: none;
	}

	.menu.menu-mode-auto.menu-fullscreen {
		top: var(--swipe-window-top);
	}

	.menuFake .menu__group__wrapper,
	.menu-mode-auto .menu__group__wrapper {
		gap: 8px;
		padding: 8px 20px 20px;
	}

	.menuFake .menu__group__wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.menu.menu-mode-auto .menu__group-head + .menu__group__wrapper {
		padding-top: 0;
	}

	#filterItem__project__menu .menu__group__wrapper:not(:last-child),
	#filterItem__project2menu .menu__group__wrapper:not(:last-child),
	#filterItem__project3menu .menu__group__wrapper:not(:last-child) {
		padding-bottom: 0;
	}

	#sidebarAccMenu .menu__group:not(.menu__group-hidden) ~ .menu__group__wrapper .menu__group:first-child {
		border-top: none;
	}

	.menu__group__wrapper .menu__group:not(.menu__group-empty) .menu__group__title:not(.tagsSingleSelect__group__title) {
		display: none;
	}

	#taskView__reaction_menu .menu__group__wrapper .menu__group__title {
		display: flex;
	}

	.menuFake .menu__columns,
	.menu-mode-auto .menu__columns {
		padding: 20px;
	}

	#sidebarProfileMenu > .scrollZone {
		box-shadow: unset;
	}
	#sidebarProfileMenu.menu .menu__columns > .menu__group {
		width: auto;
	}

	.menuFake .menu__group,
	.menu-mode-auto .menu__group {
		padding: 16px 20px;
	}

	.menu__group[data-hide-on-search-empty] {
		padding: 8px 12px;
	}

	.menu-userCard .menu__group {
		padding: 8px 12px;
	}

	.menuFake .menu__group__wrapper .menu__group,
	.menu-mode-auto .menu__group__wrapper .menu__group {
		padding: var(--menuGroup-padding);
		border-radius: var(--menuGroup-borderRadius);
		background: var(--base-hlt-g-easy);
		&.menu__group-invert {
			background: var(--base-hlt-b-hover);
		}
	}

	.menuFake .menu__group__wrapper .menu__group-select-box,
	.menu-mode-auto .menu__group__wrapper .menu__group-select-box {
		background: var(--base-hlt-hover);
	}

	.menu__group__wrapper .menu__group-gray {
		background: var(--base-hlt-g-hover);
	}

	.menu__group__wrapper .menu__group-picker {
		box-shadow: var(--shadow-brd-enable);
		background: var(--base-hlt-g-hover);
	}

	#filterItem__project__menu .menu__group-tabs,
	#filterItem__project2menu .menu__group-tabs,
	#filterItem__project3menu .menu__group-tabs {
		background: var(--base-cont-mod-low);
	}

	.menu__group-buttons {
		justify-content: flex-start;
	}

	.menu-mode-auto .menu__group__wrapper .menu__group,
	.menu-mode-auto .menu__group__wrapper .scrollZone  {
		border-top: none !important;
		box-shadow: none !important;
	}

	.menu-mode-auto .menu__group__wrapper .scrollZone  {
		border-radius: 12px;
	}

	.menu-mode-auto .menu__group__wrapper .scrollZone .menu__group:not(:first-child)  {
		margin-top: 8px;
	}

	.menu-mode-auto .menu__group__wrapper .menu__group.menu__group-logout,
	.menu-mode-auto .menu__group__wrapper .menu__group.menu__group-red {
		/* padding: 4px 12px; */
		background: var(--base-hlt-w-easy);
	}

	.menu-mode-auto .menu__group__wrapper .menu__group.menu__group-b {
		background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-b-hover) 0%), linear-gradient(0, var(--trans) 0%, var(  --trans) 0%);
	}

	.menu__group__wrapper .menu__group .menu__item {
		padding: 0;
		font: var(--font-ui-15-large-reg);
	}
	.menu__item .r {
		padding-right: 6px;
	}

	/* .menu__group__wrapper .menu__group .menu__item-group {
		padding: 0 4px;
	}

	.menu__group__wrapper .menu__group.menu__group-users .menu__item-group,
	.menu__group__wrapper .menu__group.menu__group-users .menu__item-subset,
	.menu__group__wrapper .menu__group.menu__group-projects .menu__item-subset,
	.menu__group__wrapper .menu__group.menu__group-projects .menu__item-group {
		padding: 0;
	} */

	/* заточено під .menu-h48 */
	#sidebarProfileMenu {
		.menu__columns {
			padding: 0px 20px 16px;
		}
		.menu__columns > .menu__group {
			padding: 0;
		}
		.menu__head-profile .name {
			font: var(--font-ui-18-title-2-semi);
		}
		.menu__item__wrapper {
			padding: var(--menuGroup-padding);
			border-radius: var(--menuGroup-borderRadius);
			background: var(--base-cont-mod-top);
		}
		.menu__item__wrapper:not(:first-child) {
			margin-top: 8px;
		}
		/* поки прибираю, бо Notifications toggle прилипає */
		/* .menu__item__wrapper > .menu__submenuWrapper > .menu__item,
		.menu__item__wrapper > .menu__item {
			padding: 0;
		} */
		.menu__foot-profile {
			margin-top: auto;
		}
	}

	.menu__head-profile {
		border-bottom: unset;
		padding: 12px 20px;
	}

	/* .menu.menu-mode-auto .menu__group-bottom {
		border-radius: 0;
	} */

	.menu__group .affiliateBtnWrapper {
		padding-top: 8px;
	}

	#sidebarProfileMenu .menu__columns > .menu__group + .menu__group {
		margin-top: 8px;
	}
	#sidebarProfileMenu .menu__group-logout .menu__item__wrapper {
		background: var(--base-hlt-w-easy);
	}
	#sidebarProfileMenu .menu__group-b .menu__item__wrapper {
		background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-b-hover) 0%), linear-gradient(0, var(--trans) 0%, var(  --trans) 0%);
	}

	.menu__group > .acc .acc_name {
		font: var(--font-ui-16-title-3-semi);
	}

	.menu__group > .acc .acc_alias {
		font: var(--font-ui-12-mini-reg);
	}

	.menu__swipe {
		margin: 3px auto;
		width: var(--mobile-primary-menu-swipe-width);
		height: 3px;
		border-radius: 3px;
		background-color: var(--base-txt-muted);
		cursor: pointer;
		transition: width .3s ease, background-color .3s ease;
	}

	.menu-userCard:not(.menu-userCardMinimal) .menu__swipe:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background: var(--menu-cont-low);
		z-index: -1;
	}

	.menu-active .menu__swipe {
		--mobile-primary-menu-swipe-width: var(--mobile-primary-menu-half-opened-swipe-width);
		background-color: var(--base-txt-accent);
	}

	.menu-fullscreen .menu__swipe {
		--mobile-primary-menu-swipe-width: var(--mobile-primary-menu-full-opened-swipe-width);
		background-color: var(--base-txt-accent);
	}

	#taskView__reaction_menu .menu__group-head {
		display: none;
	}

	/* щоб був скрол на мобілках, ніби нічого не ламає */
	.menu.menu-mode-auto.menu-active {
		display: flex !important;
		flex-direction: column;
	}

	/* moved to js */
	/* .menu .editBlock__picker.scrollZone,
	.menu .editBlock__picker .editBlock__picker__body.scrollZone {
		box-sizing: border-box;
		max-height: 40vh;
	} */

	.menu.menu-mode-auto > * {
		flex-grow: 0;
		flex-shrink: 0
	}
	.menu.menu-mode-auto > .scrollZone,
	.menu.menu-mode-auto > .menu__group__wrapper,
	.menu.menu-mode-auto > .menu__group__wrapper > .scrollZone {
		flex-grow: 1;
		flex-shrink: 1;
		max-height: unset;
	}
	.menu.menu-mode-auto > form > .menu__group__wrapper:has(> .scrollZone) {
		flex-grow: 0;
		min-height: 0;
	}
	.menu.menu-mode-auto > form {
		flex-grow: 1;
		flex-shrink: 1;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	.menu.menu-mode-auto > form > * {
		flex-grow: 0;
		flex-shrink: 0
	}
	.menu.menu-mode-auto > form > .scrollZone,
	.menu.menu-mode-auto > form > .menu__group__wrapper,
	.menu.menu-mode-auto > form > .menu__group__wrapper > .scrollZone {
		flex-grow: 1;
		flex-shrink: 1;
		max-height: unset;
	}

	/* спроба фіксанути скроли в меню після додавання .menu__group-scrollZone */
	.menu__group__wrapper {
		min-height: 0;
	}
	.menu__group-scrollZone {
		min-height: 0;
		display: flex;
		flex-direction: column;
	}
	.menu.menu-mode-auto > .menu__group-scrollZone,
	.menu.menu-mode-auto > .menu__group-scrollZone > .scrollZone,
	.menu.menu-mode-auto > .menu__group__wrapper > .menu__group-scrollZone,
	.menu.menu-mode-auto > .menu__group__wrapper > .menu__group-scrollZone > .scrollZone,
	.menu.menu-mode-auto > form > .menu__group-scrollZone,
	.menu.menu-mode-auto > form > .menu__group-scrollZone > .scrollZone,
	.menu.menu-mode-auto > form > .menu__group__wrapper > .menu__group-scrollZone,
	.menu.menu-mode-auto > form > .menu__group__wrapper > .menu__group-scrollZone > .scrollZone {
		flex-grow: 1;
		flex-shrink: 1;
		max-height: unset;
	}

	/* TODO десь цей клас використовувався не за призначенням, треба знайти і замінити */
	.menu .hotKey,
	.menu .hot_key {
		display: none !important;
	}

	.menu-2columns .menu__item {
		width: 100%;
	}

	.menu__group-anchor .menu__item {
		font: var(--font-ui-14-regular-bold);
	}

	/* small mob menu :: 2-3 level */
	.menu.menu-mode-dropdown.menu-active:has(.menu__submenuWrapper .menu.menu-active.menu-collapsed) {
		transform: scale(1); /* trigger submenu position fixed like absolute */
	}
	.menu.menu-mode-dropdown.menu-active:has(.menu__submenuWrapper .menu.menu-active.menu-collapsed-in),
	.menu.menu-mode-dropdown.menu-active:has(.menu__submenuWrapper .menu.menu-active.menu-collapsed-in-end) {
		transition: transform .15s ease-in, background-color .15s ease-in;
		transform: scale(0.9);
		transform-origin: right top;
		background: var(--base-cont-trans-low);
		backdrop-filter: blur(16px);
	}
	.menu.menu-active.menu-collapsed {
		max-height: 52px;
		overflow: hidden;
	}
	.menu.menu-h44.menu-active.menu-collapsed {
		max-height: 64px;
	}
	.menu.menu-active.menu-collapsed-in {
		transition: max-height .15s ease-in, transform .15s ease-in, top .15s ease-in;
	}
	.menu.menu-active.menu-collapsed-in-end,
	.menu.menu-active.menu-collapsed-in {
		max-height: 100vh;
		transform: scale(1.11111111111) translateY(4px);
		transform-origin: right top;
	}
	.menu.menu-collapsed-in .menu__group-anchor ws-icon[name="arrows/chevron-right"] svg,
	.menu.menu-collapsed-in-end .menu__group-anchor ws-icon[name="arrows/chevron-right"] svg {
		transition: transform .15s ease-in;
		transform: rotate(90deg);
	}
	.menu.menu-mode-dropdown.menu-active:has(.menu__submenuWrapper .menu.menu-active.menu-collapsed-out) {
		transition: transform .15s ease-out, background-color .15s ease-out;
		transform: scale(1);
		background: var(--menu-cont-top);
	}
	.menu.menu-active.menu-collapsed-out {
		max-height: 52px;
		overflow: hidden;
		transition: max-height .15s ease-out, transform .15s ease-out, top .15s ease-out;
		transform: scale(1);
	}
	.menu.menu-collapsed-out .menu__group-anchor ws-icon[name="arrows/chevron-right"] svg {
		transition: transform .15s ease-out;
		transform: rotate(0deg);
	}
}

.menu-standard .menu__item {
	position: relative;
	margin-bottom: 16px;
}

.menu-standard .menu__item:not(:last-child):after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 1px solid var(--base-line-tertiary);
	bottom: -8px;
	left: 0;
}

.menu-standard .role_ico ws-icon {
	opacity: initial;
}

.menu-standard .role_ico ws-icon svg {
	width: 20px;
	height: 20px;
}
.menu-cards:has(.space-ava-28) .menu__item {
	height: 52px;
}
.menu__item:has(.space-ava-28) .flex_content,
.menu__itemFake:not(.menu__itemFake-userCard):has(.space-ava-28) .flex_content {
	padding: 0 8px;
}
@media (min-width: 481px) {
	.menu__itemFake-userCard {
		padding-right: 0px;
	}
}
.menu__itemFake-userCard .av.space-ava-28 {
	margin-left: 2px;
	margin-right: 2px;
}
.menu span.space.space-ava-28,
.menuFake span.space.space-ava-28 {
	display: block;
	width: 28px;
	height: 28px;
}
.space-ava-28 .av_sm {
	--ava-scale: calc(28 / 24);
	scale: var(--ava-scale);
	transform-origin: top left;
}

.menu.menu-active:has(.menu__group-bottom) {
	display: flex !important;
	flex-direction: column;
}

.menu--file-attach .menu__group__title {
	--icon-size: 16px;
}

@media (max-width: 480px) {
	.menu__title .btn-close, .menu__title ws-btn[right-icon=close] {display: none;}
	.menu__group .line, #sidebarProfileMenu .menu__group hr.short {display: none;}
}

#confirmMenuV2, #confirmMenuNotifyV2 {
	max-width: 360px;
}
#confirmMenuV2 .menu__group-head,
#confirmMenuNotifyV2 .menu__group-head {
	height: auto;
	min-height: 36px;
}

#confirmMenuV2 .menu__group-head, .menu__group-headConfirm {
	padding: 8px;
	font: var(--font-ui-14-regular-semi);
	border-bottom: var(--screen-px) solid var(--base-line-tertiary);
	height: unset;
}
#confirmMenuV2 .menu__group-head > .in, .menu__group-headConfirm > .in {
	padding: 8px 12px;
	overflow: hidden;
	text-wrap: balance;
}
#confirmMenuV2 .menu__group-buttons, .menu .menu__group-buttonsConfirm {
	padding: 0;
	margin-bottom: 0;
	gap: 0;
	height: 48px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
}
#confirmMenuV2 .menu__group__wrapper .menu__group-buttons {
	border-top: unset;
}
#confirmMenuV2 .menu__group-buttons > .flex_gap,
.menu__group-buttonsConfirm > .flex_gap {
	width: 0;
	height: 100%;
	border-right: var(--screen-px) solid var(--base-line-tertiary);
}
#confirmMenuV2 .menu__group-buttons > ws-btn,
#confirmMenuNotifyV2 .menu__group-buttons > ws-btn,
.menu__group-buttonsConfirm > ws-btn {
	width: 100%;
	flex-shrink: 1 !important;
	flex-grow: 0 !important;
}
#confirmMenuNotifyV2 .confirm_with_notify .btn-double { width: 100%; }
#confirmMenuNotifyV2 .confirm_with_notify .btn-double .notify_btn:last-child { width: auto; }

#confirmMenuV2 .menu__group-buttons > ws-btn.central,
.menu__group-buttonsConfirm > ws-btn.central {
	position: absolute;
	left: 50%;
	margin: 12px 0 0 -12px;
	width: 24px;
}

#confirmMenuV2 .menu__group-buttons > ws-btn:first-child button,
.menu__group-buttonsConfirm > ws-btn:first-child button {
	border-radius: 0 0 0 12px !important;
}
#confirmMenuV2 .menu__group-buttons > ws-btn:last-child button,
.menu__group-buttonsConfirm > ws-btn:last-child button {
	border-radius: 0 0 12px 0 !important;
}

.menu.menu-embedded {
	display: block;
	position: static;
	width: 100%;
	border: none;
	box-shadow: none;
	background: transparent;
	padding: 0;
}
.menu__group-2cols {
	display: flex;
}
.menu__group-2cols > .menu__item {
	flex-grow: 1;
	flex-shrink: 1;
	/*overflow: hidden;*/
	/*width: 50%;*/
}
.menu__group-select-box {
	padding: 12px;
	background: var(--base-cont-mod-mid);
	background: linear-gradient(0deg, var(--base-hlt-g-hover) 0%, var(--base-hlt-g-easy) 100%);
	& ~ .scrollZone .menu__item-active {
		outline: 1px dashed var(--base-line-accent);
		box-shadow: unset;
		box-sizing: border-box;
		background: var(--base-cont-top-elevated);
		&.selected {
			background: var(--base-hlt-g-hover);
		}
	}
	.menu__item__wrapper {
		--gap: 8px;
		gap: var(--gap);
		&[data-role="placeholder"]:has(+ .menu__item__wrapper) {
			display: none;
		}
		.menu__item {
			--icon-color: var(--base-txt-accent);
			box-sizing: border-box;
			&:not(.flex_content) {
				max-width: calc(50% - var(--gap)/2);
			}
			&.flex_content {
				min-width: calc(50% - var(--gap)/2);
			}
			&.menu__item-active {
				background: var(--base-cont-mod-top-elevated);
			}
			&.menu__item-dropdown {
				cursor: pointer;
				@media screen and (min-width: 481px) {
					&:hover {
						background: transparent;
					}
				}
			}
			&> .in {
				color: var(--base-txt-accent);
			}
			/* &:has([data-action="remove"]) {
				padding-right: 0;
			} */
			[data-action="remove"] {
				cursor: pointer;
				&:hover {
					--icon-color: var(--base-txt-btn-w);
				}
			}
		}
	}
}
.menu__group-clients .menu__item-group > .in {
	flex-grow: 0;
}
.menu__group-clients .menu__item-group .label_client_sm {
	margin-left: 0;
	margin-right: auto;
	font: var(--font-ui-11-micro-semi);
}
.menu__group__subset:before {
	content: unset !important;
}
.menu, .menuFake {
	--step-color: var(--base-txt-secondary);
}
.menu .step, .menuFake .step {
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	&.step-32 {
		width: 32px;
	}
	&.step-24 {
		width: 24px;
	}
	&:before {
		content: '';
		position: absolute;
		width: calc(var(--screen-px) * 2);
		height: 100%;
		background: var(--base-txt-ghost);
	}
	&:after {
		content: '';
		display: block;
		background: var(--step-color);
		width: 6px;
		height: 6px;
		border-radius: 50%;
	}
	~ .in {
		font: var(--font-ui-12-mini-semi);
	}
}
.menu .menu__group-single .menu__group__subset:first-child .step::before,
.menuFake .menu__group-single .menu__group__subset:first-child .step::before {
	height: 50%;
	bottom: 0;
}
.modal_picker {
	padding: 8px;
	min-height: 280px;
}

.modal_picker .ui-datepicker-links {
	display: none;
}

@media (min-width: 481px) {
	.modal_picker {
		padding: 0;
	}
	.modal_picker .ui-datepicker-inline {
		padding: 12px;
		width: 260px;
	}

	.modal_picker .ui-datepicker-one-month {
		min-width: 260px;
	}
	.modal_picker .ui-datepicker-links {
		display: flex;
		justify-content: flex-end;
		right: 10px;
	}
}
.modal_picker:not(.modal_picker__one) .ui-datepicker-inline .ui-datepicker-current-day div {
	border-radius: 0;
}
.modal_picker .ui-datepicker-current-day.first div {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.modal_picker .ui-datepicker-current-day.last div {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.modal_picker .ui-datepicker-current-day.first.last div {
	border-radius: 8px;
}
.modal_picker .ui-datepicker-empty {
	opacity: 0.5;
}
.task_schedule_menu {
	position: relative;
}
.task_schedule_menu .menu__title .av_sm {
	transform: scale(1.167);
}
.task_schedule_menu .other:hover .in {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.task_schedule_menu .task_schedule_menu__user {
	overflow: hidden;
	flex-shrink: 1;
}

.picker-action-hide .ui-datepicker-prev[disabled], .picker-action-hide .ui-datepicker-next[disabled], .picker-action-hide .ui-datepicker-empty {
	display: none;
}

.menu__group-projects.menu__group-checkbox .menu__item > .space:first-child {
	width: 24px;
}

.menu__group-users.menu__group-select .menu__item > .space-24:first-child,
.menu__group-users.menu__group-select .menu__itemFake > .space-24:first-child,
.menu__group-users.menu__group-checkbox.menu__group-collapsed .menu__item > .space-24:nth-child(2),
.menu__group-users.menu__group-checkbox.menu__group-collapsed .menu__itemFake > .space-24:nth-child(2),
.menu__group-users.menu__group-select .menu__item .step-24,
.menu__group-users.menu__group-select .menu__itemFake .step-24 {
	width: 32px;
}
.menu__group-users {
	--step-color: var(--base-txt-btn-a);
}
.menu__group-users .menu__item-group {
	--icon-color: var(--base-txt-btn-a);
}
.menu__group-clients .menu__item-group {
	--icon-color: var(--base-txt-btn-b);
}
.menu__group-clients {
	--step-color: var(--base-txt-btn-b);
}
.menu__group-users .menu__item[data-picker-group] {
	--icon-color: var(--base-txt-btn-a);
}
.menu__group-users .menu__item.pick_all_my_team {
	--icon-color: var(--base-txt-new-minor);
}
.menu:not(.menu-no-pickable) [data-show-on-no-pickable="true"] {
	display: none;
}
.menu.menu-no-pickable {
	[data-hide-on-search-empty="true"],
	.editBlock__picker__search input,
	.menu__tip {
		display: none !important;
	}
	* + .scrollZone {
		border-top: unset;
		box-shadow: none;
	}
}
.menu__group-users .menu__item .cnt {
	border: unset;
}
.menu__group-users .menu__item .cnt_hot {
	background: var(--base-hlt-w-easy);
	color: var(--base-txt-btn-w);
	border: unset;
}
.menu__group-users .menu__item .cnt_all {
	display: none;
}
.menu__group-users .menu__item.selected .cnt_all {
	display: flex;
}
.menu-secondary .menu__item-opacity:hover {
	background: var(--trans);
}
.menu__item-opacity {
	opacity: 0.33;
}
.menu__item .icon_default-color svg	{
	fill: var(--icon-color);
}

.menu-type-visibility .menu__group-head .space ws-icon {
	--icon-color: var(--base-txt-btn-w);
}
.menu-type-visibility .menu__group-head .cnt {
	color: var(--base-txt-btn-w);
}
.menu-type-visibility .menu__group {
	--step-color: var(--base-txt-primary);
}
.menu-type-visibility .menu__item-group {
	--icon-color: var(--base-txt-primary);
}
.menu-type-visibility .sw_pre.sw_act .sw {
	background: var(--base-txt-primary);
}
.menu-type-subscribers .menu__group-head .space ws-icon {
	--icon-color: var(--base-txt-btn-a);
}

.menu__toggle-search-chosen {
	ws-btn[data-role="toggle-on"] {
		display: none;
	}
	ws-btn[data-role="toggle-off"] {
		display: block;
	}
	ws-btn[disabled][data-role="toggle-off"] {
		display: none;
	}
	&.menu__toggle-search-chosen-not-inited {
		display: none;
	}
	&.menu__toggle-search-chosen-active {
		ws-btn[data-role="toggle-on"] {
			display: block;
		}
		ws-btn[data-role="toggle-off"] {
			display: none;
		}
	}
}


.menu__group-googleDrive .menu__item {
	position: relative;
	cursor: pointer;
}
.menu__group-googleDrive .menu__item iframe {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

#datepickerMenu div[data-container="calendar"] {
	min-width: 252px;
	height: 294px;
}
#datepickerMenu .menu__text.menu__text-title {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-muted);
	text-align: center;
}
#datepickerMenu .menu__text.menu__text-title:not(.hiddenBlock) + .menu__group {
	padding-top: 0;
}
.menu__item .label_client_sm:first-child {
	margin-left: 0;
}

.menu__item.menu__item-task.menu__item-task-completed {
	.flex_content {
		color: var(--base-txt-tertiary);
		text-decoration-line: line-through;
		text-decoration-color: var(--base-line-primary);
		text-decoration-thickness: calc(var(--screen-px)* 1.5);
	}
	task-stage {
		opacity: .5;
	}
	&:not(.selected) .space-ava {
		display: none;
	}
}
.menu.menu-unloading {
	pointer-events: none;
}
.menu.menu-unloading > div {
	opacity: 0.6;
}
.menu.menu-unloading:after {
	position: absolute;
	display: block;
	content: "";
	border: unset;
	animation: loader .6s linear infinite;
	border-radius: 50%;
	padding: 2px;
	background: conic-gradient(from 90deg at 50.17% 50%, #73C7FF -7.5deg, rgba(255, 255, 255, 0) 41.25deg, rgba(255, 255, 255, 0) 93.75deg, #FFFFFF 179.31deg, #FFD6F6 258.75deg, #73C7FF 352.5deg, rgba(255, 255, 255, 0) 401.25deg);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	width: 16px;
	height: 16px;
	top: calc(50% - 8px);
	left: calc(50% - 8px);
}
.has-menu-h40 .menu__item {
	padding: 4px 10px 4px 6px; /* like .commandTool__body .menu__item */
}
.menu__item-task ws-icon[name=checkbox] {
	--icon-size:16px;
	margin-right:4px;
}
.menu__group-checkbox .menu__item-task.menu__item-active {
	background: var(--base-hlt-hover);
}


@media (max-width: 480px) {
	#confirmMenuV2.menu-mode-auto {
		max-width: unset;
		.menu__group-head {
			border-bottom: unset;
		}
		.menu__group-buttons {
			&> ws-btn:first-child button {
				border-radius: 12px 0 0 12px !important;
			}
			&> ws-btn:last-child button {
				border-radius: 0 12px 12px 0 !important;
			}
		}
	}
}

.menu__item-menu {
	padding-left: 0;
	padding-right: 0;
}

.menu__group.flex_row > .menu__item {
	overflow: hidden;
}
.menu__group.flex_row > .menu__item > .in {
	overflow: hidden;
	text-overflow: ellipsis;
}
.menu__item:not(.selected) .space-onHover {
	display: none;
}

.menu__group-projects.menu__group-checkbox .menu__item-group > .space:first-child {
	width: 24px;
}

.menu__dashboard .menu__item:last-child ws-icon:last-child{
	display: none;
}

ws-icon[class^="proj_folder_color"] {
	--icon-color: var(--folder-color);
}

.menu.menu-active:has(.menu__group-picker) {
	display: flex !important;
	flex-direction: column;
}

.menu__item ws-icon.narrow {
	width: 24px;
}

@media (min-width: 481px) {
	.menu__item .onhover {
		display: none
	}
	.menu__item:hover .onhover,
	.menu__item.selected .onhover {
		display: inline-flex;
	}
}

.menu-type-account_contacts .menu__item span.gray {
	flex-shrink: 2;
}
.task-context-menu .menu__item:not(.menu__item-active) ws-btn {
	display: none;
}
.task-context-menu .menu__group {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
/*.task-context-menu .menu__item {*/
/*    width: 140px;*/
/*}*/

/* спроба легко фіксанути розмір боксу правої іконки ГЛОБАЛЬНо */
.menu__item .space[data-role="right_icon"],
.menu__item > ws-icon:not(:first-child):last-child {
	width: 20px;
}

/*#quickTaskMenu, #quickUserMenu, #quickBookmarkMenu,*/
/*#quickUserPhoneMenu, #quickUserMailMenu, #quickProjectMenu,*/
/*#quickExternalLinkMenu*/
/*{*/
/*	.menu__item > ws-icon {*/
/*		width: 20px;*/
/*	}*/
/*}*/
.menu__group-row .menu__item > ws-icon {
	width: 20px;
}

/* Деякі правки для меню вибору статусу */
#topicStatus .space{
	height: 30px;
}

#topicStatus ws-emoji{
	width: 24px;
	height: 24px;
}

.menu__group-taskHead {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}
.menu__group-taskHead .menu__item {
	--hint-dir: top;
	justify-content: center;
	flex: 1;
	&:first-child {
		--hint-dir: top_right;
	}
	&:last-child {
		--hint-dir: top_left;
	}
}
.menu__group-taskHead .menu__item > .in {
	display: none;
}

@media (max-width: 480px) {
	.menu.menu-mode-auto.menu-picker .menu__group-title {
		border-top: unset;
		padding: 0 18px;
		& + .scrollZone {
			box-shadow: unset;
		}
	}
	.menu.menu-mode-auto {
		.menu__group-picker {
			border-top: unset;
			padding: 0;
			/* imitate .menu__group__wrapper */
			.editBlock__picker__body {
				margin: 0 20px;
				padding: 8px !important;
				background: var(--base-cont-mod-top);
				border-radius: 12px;
				min-height: 36px;
				align-content: center;
			}
		}
		.menu__group-picker:has(+ .menu__group-title) .editBlock__picker__body {
			margin-top: 8px;
			margin-bottom: 8px;
		}
		.editBlock__picker {
			cursor: unset;
			background: unset !important;
			/* imitate .menu__group-head */
			.editBlock__picker__header {
				position: relative;
				inset: unset;
				background: unset;
				backdrop-filter: unset;

				height: var(--menuItem-height);
				padding: 16px 20px;
				box-sizing: border-box;
			}
			.label {
				font: var(--font-ui-18-title-2-semi);
				color: var(--base-txt-primary);
				&.flex_row {
					gap: 0;
				}
				.editBlock__picker__counter {
					font: var(--font-ui-18-title-2-bold);
					color: var(--base-txt-btn-a);
					padding: 0 6px;
				}
			}
		}
	}

	.menu-mode-auto {
		background: var(--base-cont-mod-mid);
	}
	.menu-mode-auto .menu__group__wrapper .menu__group {
		background: var(--base-cont-mod-top);
	}
	.menu-mode-auto .menu__group__wrapper .menu__group-empty {
		background: none;
	}
	.menuFake .menu__group__wrapper .menu__group-delete,
	.menu-mode-auto .menu__group__wrapper .menu__group-delete {
		background: var(--base-hlt-w-easy);

	}
	.menu-mode-auto .menu__group__wrapper .menu__group.menu__group-wrapSlider {
		padding: 0;
		background: unset;
	}

	.w_keyboard .menu__group__wrapper + .menu__group-bottom {
		display: none !important;
	}

	.menu-h48 {

		--menuGroup-padding: 6px;
		--menuGroup-borderRadius: 16px;

		--menuItem-height: 48px;
		--menuItem-iconSizeMd: 48px;
		--menuItem-iconSizeSm: 36px;
		--menuItem-borderRadius: 10px; /* 16px - 6px */
		--menuBtn32-borderRadius: 8px; /* 16px - (48px - 32px) / 2 */
		--menuBtn36-borderRadius: 10px; /* 16px - (48px - 36px) / 2 */

		/* це можливо для всіх моб. розмірів підійде */
		.menu__group__wrapper:has(+ .menu__group-bottom) {
			gap: 8px;
			padding: 8px 20px;
		}
		.menu__group__wrapper > .scrollZone,
		.menu__group-scrollZone > .scrollZone {
			padding: 8px 0;
		}

		.menu__group-title .menu__group__title {
			height: var(--menuItem-height);
		}
		.menu__group-head {
			font: var(--font-ui-18-title-2-semi);
			height: var(--menuItem-height);
			box-sizing: border-box;
		}
		.menu__group-head .cnt {
			font: var(--font-ui-18-title-2-bold);
		}

		.menu__group-search input {
			font: var(--font-ui-18-title-2-reg);
			height: 24px; /* має відповідати line-height шрифта, щоб літери не обрізалися */
			border-radius: unset;
		}
		.menu__group-search .in ~ a.delete {
			opacity: 0;
			pointer-events: none;
			display: block;
			border-radius: 50%;
			transition: opacity .15s ease-out;
		}
		.menu__group-search .search_started ~ a.delete {
			opacity: 1;
			pointer-events: auto;
			transition: opacity .15s ease-in;
		}
		.menu__group-search .in ~ a.delete ws-icon {
			--icon-size: 24px;
			--icon-color: var(--base-txt-tertiary);
			width: 32px;
			height: 32px;
			transform: rotate(45deg);
			transition: transform .15s ease-out;
		}
		.menu__group-search .search_started ~ a.delete ws-icon {
			transform: rotate(0deg);
			transition: transform .15s ease-in;
		}
		.menu__group-search input::placeholder{
			font: var(--font-ui-18-title-2-reg);
		}
		.menu__group-search input::-moz-placeholder{
			font: var(--font-ui-18-title-2-reg);
		}
		.menu__group-search input::-webkit-input-placeholder{
			font: var(--font-ui-18-title-2-reg);
		}
		.menu:has(.menu__group-head) .menu__group-search input {
			font: var(--font-ui-18-title-2-reg);
		}

		.menu__group-picker .editBlock__picker__search {
			width: 120px;
		}

		*:not(.chip) > span.av_sm {
			transform: scale(1.3333333); /* 32/24 */
		}
		*:not(.chip) > ws-icon.av_sm.av_sm {
			width: 32px;
			height: 32px;
			border-radius: 50%;
		}
		*:not(.chip) > img.av_sm {
			width: 32px;
			height: 32px;
			border-radius: 50%;
		}
		.ava_group .av_sm {
			transform: unset !important;
		}
		.ava_group img.av_sm {
			width: 24px;
			height: 24px;
		}
		.ava_group .more {
			min-width: 24px;
			line-height: 24px;
		}
		.ava_group-small .av_sm {
			transform: scale(calc(20 / 24)) !important;
		}
		.ava_group-small img.av_sm {
			width: 24px;
			height: 24px;
		}
		.ava_group-small .more {
			min-width: 20px;
			height: 20px;
			line-height: 20px;
		}
		/* .menu__group__wrapper .menu__group.menu__group-taskHead .menu__item {
			border-radius: var(--menuGroup-borderRadius);
		} */
		.menu__group__wrapper .menu__group-taskButs {
			padding: var(--menuGroup-padding) !important;
		}
		.menu__group__wrapper .menu__group-taskButs ws-btn:only-child {
			width: 100%;
		}
		.menu__group__wrapper .menu__group .btn-36 {
			border-radius: var(--menuBtn36-borderRadius);
		}
		.menu__group__wrapper .menu__group .btn-32 {
			border-radius: var(--menuBtn32-borderRadius);
		}
		.menu__group__wrapper .menu__toggle-search-chosen:has(.btn-32) {
			padding-right: 2px;
		}
		.menu__group__wrapper .menu__group.menu__group-empty {
			margin: 0 !important;
			padding: 10px;
		}
		.menu__item, .menu__itemFake,
		.menu__group__wrapper .menu__group .menu__item {
			border-radius: var(--menuItem-borderRadius);
			padding: 0 6px;
			height: var(--menuItem-height);
			font: var(--font-ui-16-title-3-reg);
		}
		&:has(.menu__group-head) .menu__group-search,
		.menu__group-search {
			min-height: var(--menuItem-height);
			box-sizing: border-box;
		}
		.menu__group__wrapper .menu__group-search {
			padding-top: 0;
			padding-bottom: 0;
		}
		.menu__group-search > ws-icon {
			--icon-size: 24px;
			width: var(--menuItem-iconSizeSm);
			height: var(--menuItem-iconSizeSm);
		}
		.menu__item ws-icon {
			--icon-size: 24px;
			width: var(--menuItem-iconSizeMd);
			height: var(--menuItem-height);
		}
		.menu__item ws-icon.narrow {
			width: var(--menuItem-iconSizeSm);
		}
		.menu__group-select .menu__item ws-icon[name=check],
		.menu__item ws-icon[name=checkbox], .menu__item ws-icon[name=radio] {
			--icon-size: 20px;
			width: var(--menuItem-iconSizeSm);
			height: var(--menuItem-height);
		}
		.menu__item .space[data-role="right_icon"],
		.menu__item > ws-icon:last-child,
		.menu__item > .role_ico:last-child ws-icon {
			width: var(--menuItem-iconSizeSm);
		}
		.menu__item ws-icon[name=lock-fill],
		.menu__item .space.space-lock ws-icon[name=lock_sm],
		.menu__group-visibility .menu__item ws-icon[name=lock_sm] {
			--icon-size: 24px;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			margin: 0 10px;
		}

		.menu__item .flex_content, .menu__itemFake .flex_content {
			padding: 0 4px 0 6px;
		}

		.menu__group__wrapper .menu__group.menu__group-users .menu__item-group,
		.menu__group__wrapper .menu__group.menu__group-users .menu__item-subset,
		.menu__group__wrapper .menu__group.menu__group-projects .menu__item-subset,
		.menu__group__wrapper .menu__group.menu__group-projects .menu__item-group {
			padding: 0 6px;
		}

		.menu__group__wrapper .menu__group-buttons {
			height: var(--menuItem-height);
			box-sizing: border-box;
		}

		.menu__item span.proj_color ws-emoji,
		.menu__item ws-icon.proj_color {
			--icon-size: 24px;
			width: 32px;
			height: 32px;
		}
		.menu__item span.space-projectIco ws-icon.proj_color, .menu__item span.space-projectIco .proj_color ws-emoji,
		.menu__item ws-icon.proj_color ws-emoji {
			--icon-size: 24px;
			width: 24px;
			height: 24px;
		}


		span.space,
		span.space > .avatar {
			width: var(--menuItem-iconSizeMd);
			height: var(--menuItem-height);
		}
		span.space-20 {
			width: var(--menuItem-iconSizeSm);
		}
		span.space-24 {
			width: var(--menuItem-iconSizeSm);
		}
		&.menu-userCard .menu__item > .special_ico ws-icon {
			width: var(--menuItem-iconSizeSm);
		}
		.menu__item .parent_line, .menu__item .parent_arc {
			--level-dot-size: calc(var(--screen-px) + 6px);
			width: var(--menuItem-iconSizeSm);
		}

		.menu__itemFake-userCard .av.space-ava-28 {
			margin-left: 6px;
			margin-right: 6px;
		}
		.menu__itemFake-userCard .av.space-ava-28 span.av_sm {
			transform: unset;
		}
		span.space.space-ava-28 {
			width: var(--menuItem-iconSizeSm);
			height: var(--menuItem-iconSizeSm);
		}
		.space-ava-28 .av_sm {
			--ava-scale: calc(36 / 24);
		}

		.step {
			height: var(--menuItem-height);
			&.step-32 {
				width: var(--menuItem-iconSizeMd);
			}
			&.step-24 {
				width: var(--menuItem-iconSizeSm);
			}
			&:after {
				width: 5px;
				height: 5px;
			}
			~ .in {
				font: var(--font-ui-14-regular-semi);
			}
		}
		.menu__group-projects.menu__group-checkbox .menu__item > .space:first-child {
			width: var(--menuItem-iconSizeSm);
		}
		.menu__group-users.menu__group-select .menu__item > .space-24:first-child,
		.menu__group-users.menu__group-select .menu__itemFake > .space-24:first-child,
		.menu__group-users.menu__group-checkbox.menu__group-collapsed .menu__item > .space-24:nth-child(2),
		.menu__group-users.menu__group-checkbox.menu__group-collapsed .menu__itemFake > .space-24:nth-child(2),
		.menu__group-users.menu__group-select .menu__item .step-24,
		.menu__group-users.menu__group-select .menu__itemFake .step-24 {
			width: var(--menuItem-iconSizeMd);
		}

		.menu__group-bottom:last-child {
			padding: 4px 28px calc(4px + var(--sa-bot));
			height: var(--menuItem-height);
			margin-bottom: 0;
		}
		.menu__group__wrapper .menu__group-bottom {
			padding: 8px;
		}

		&> .menu__group__wrapper {
			padding-bottom: max(20px, calc(4px + var(--sa-bot)));
		}

		.menu__group-select-box .menu__item__wrapper:not(:has(.btn-user-menu)) {
			flex-wrap: wrap;
			.menu__item.menu__item {
				min-width: unset;
				max-width: unset;
				flex-grow: 1;
			}
		}


		.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__group__content,
		&.menu-picker .tagsSingleSelect .tagsSingleSelect__group__content {
			gap: 8px;
			padding: 0 6px;
		}
		.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__group__content:has(.menu__item:not(.menu__item-picked)),
		&.menu-picker .tagsSingleSelect .tagsSingleSelect__group__content:has(.menu__item:not(.menu__item-picked)) {
			padding-bottom: 8px;
		}
		.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__item,
		&.menu-picker .tagsSingleSelect .tagsSingleSelect__item {
			padding: 0;
			height: 32px;
		}
		.menu__group-picker ~ .tagsSingleSelect .tagsSingleSelect__item .flex_content,
		&.menu-picker .tagsSingleSelect .tagsSingleSelect__item .flex_content {
			padding: 0;
		}

		.editBlock__picker-tags .editBlock__picker__item,
		.tagsSingleSelect__item span.tag {
			height: 32px;
			padding: 0 12px 0 9px;
			border-radius: 16px;
		}
		.editBlock__picker-tags .editBlock__picker__item:before,
		.tagsSingleSelect__item span.tag:before {
			width: 14px;
			height: 14px;
			border-radius: 50%;
			margin: 0 6px 0 0px;
		}
		.editBlock__picker-tags .editBlock__picker__item {
			padding-right: 6px;
		}
		.editBlock__picker-tags .editBlock__picker__item ws-icon[name=lock_sm] {
			margin-right: -2px;
		}
	}

	.menu-h44 {
		.menu__item, .menu__itemFake,
		.menu__group__wrapper .menu__group .menu__item {
			padding: 0 6px;
			height: 44px;
			font: var(--font-ui-16-title-3-reg);
		}
		.menu__item ws-icon {
			--icon-size: 24px;
			width: 44px;
			height: 44px;
		}
		.menu__group-select .menu__item ws-icon[name=check],
		.menu__item ws-icon[name=checkbox], .menu__item ws-icon[name=radio] {
			--icon-size: 20px;
			width: 32px;
			height: 44px;
		}
		.menu__item .space[data-role="right_icon"],
		.menu__item > ws-icon:last-child {
			width: 32px;
		}
		.menu__item .flex_content, .menu__itemFake .flex_content {
			padding: 0 4px 0 6px;
		}

		&#quickTaskMenu, &#quickUserMenu {
			.menu__item > ws-icon {
				width: 32px;
			}
		}
	}

	.menu__group-taskHead {
		gap: 8px;
	}
	.menu__group-taskHead .menu__item {
		flex-direction: column;
		overflow: hidden;
		/* height: 60px !important; */
		padding: 6px !important;
		box-sizing: border-box;
	}
	.menu .menu__group-taskHead .menu__item ws-icon {
		--icon-size: 28px;
		width: 28px;
		height: 28px;
	}
	.menu__group-taskHead .menu__item > .in {
		display: block;
		font: var(--font-ui-10-nano-med);
		text-align: center;
		max-width: 100%;
		flex-grow: 0;
		flex-shrink: 0;
		box-sizing: border-box;
	}
}

.menu__group-taskButs {
	.btn.btn-sp-time,
	.btn.btn-sp-money,
	.btn.btn-g.btn-outline {
		box-shadow: 0 0 0 1px var(--base-line-secondary);
	}
	.btn.btn-sp-time:hover {
		box-shadow: 0 0 0 1px var(--costs-time-text);
	}
	.btn.btn-sp-money:hover {
		box-shadow: 0 0 0 1px var(--costs-money-text);
	}
}
.menuFake.ajax_form_replace {
	border-radius: 12px;
	box-shadow: var(--shadow-cont-major-outline);
	padding: 4px 0;
	.menu__group {
		margin: -4px 0;
	}
}
@media screen and (min-width: 481px) {
	#filterItem__order__menu .menu__item .column_hidden {
		--hint-dir: right;
		--hint-arrow: 6 0;
	}
}
#filterItem__order__menu .menu__item:not(.selected) .column_hidden {
	--icon-color: var(--base-txt-muted);
}

.menu__item--toggleDesc:not(.sw_act) {
	--icon-color: var(--base-txt-tertiary) !important;
	color: var(--base-txt-tertiary) !important;
}

#mobileCopiedMenu .clipped {
	padding: 24px 72px;
	&> ws-icon[name="ui_helper_suite/clipboard"] {
		margin: 0;
	}
}

.onboardingMenu {
	background: var(--colors-teal-alpha-750-a20);
	backdrop-filter: blur(4px);
	box-shadow: 0 0 1px var(--base-line-ghost);
	padding: 8px;
	border-radius: 20px;
	width: 320px;

	.menu__head {
		div {
			color: var(--base-txt-max);
			font: var(--font-ui-18-title-2-semi);
			padding: 6px 0;
		}
		span {
			color: var(--base-txt-secondary);
			font: var(--font-ui-12-mini-med);
			cursor: pointer;
		}
	}

	.menu__group-white {
		border-top: none;
		background: var(--base-cont-mid);
		box-shadow: var(--shadow-cont-major-outline);
		border-radius: 12px;
		padding: 0 0 4px 0;

		.menu__group-head {
			height: auto;
			padding-bottom: 8px;
			.flex_content { font: var(--font-ui-16-title-3-semi); }
			span {
				font: var(--font-ui-16-title-3-med);
				color: var(--base-txt-tertiary);
				b {
					font: var(--font-ui-16-title-3-bold);
					color: var(--base-txt-accent);
				}
			}
		}

		.menu__progress-track {
			padding: 4px;
			border-radius: 8px;
			background: var(--base-cont-mod-trans-low);
			box-shadow: var(--shadow-cont-minor-lineonly-outside);
			width: 100%;
			box-sizing: border-box;

			.menu__progress-bar {
				width: 20%;
				height: 8px;
				border-radius: 4px;
				background: var(--colors-teal-600);
				box-shadow: 0 0 1px var(--base-line-ghost);
			}
		}

		.menu__group__subset {
			padding: 16px 20px 12px 16px;
		}
	}

	.menu__itemFake {
		width: 100%;
		height: 44px;
		box-sizing: border-box;
		padding: 10px 16px;
		gap: 8px;
		border-top: 1px solid var(--base-line-ghost);
		cursor: pointer;

		.in {
			font: var(--font-ui-14-regular-med);
			color: var(--base-txt-accent);
		}
		ws-icon {
			display: none;

			&:first-child {
				display: inline-block;
				--icon-color: var(--base-txt-tertiary);
			}
		}

		&.menu__itemFake-done {
			ws-icon[name="task_done_sm-fill"] {
				display: inline-block;
				--icon-color: var(--colors-teal-750);
			}
		}

		&.menu__itemFake-current {
			&:before {
				content: '';
				display: block;
				width: 4px;
				height: 28px;
				border-radius: 0 4px 4px 0;
				background: var(--colors-teal-750);
				margin-left: -16px;
				margin-right: 4px;
			}

			.in { color: var(--colors-teal-750); }

			ws-icon:first-child, ws-icon[name="arrows/arrow_drop_sm-right"] {
				display: inline-block;
				--icon-color: var(--colors-teal-750);
			}
		}

		&:hover:not(.menu__itemFake-current):not(.nohover) {
			ws-icon:first-child {
				--icon-color: var(--base-txt-secondary);
			}
			&:before {
				content: '';
				display: block;
				width: 4px;
				height: 28px;
				border-radius: 0 4px 4px 0;
				background: var(--base-txt-ghost);
				margin-left: -16px;
				margin-right: 4px;
			}
		}
		&.nohover:hover {
			cursor: auto;
		}
	}
}

@media screen and (max-width: 480px) {
	.onboardingMenu {
		.menu__head {
			padding: 0 20px 0 16px;
		}
	}
}

.menu.menu-active.menu-type-mention {
	display: flex !important;
	flex-direction: column;
	overflow: hidden;
}