body, html {
	height: 100%
}
main {
	margin-left: 64px;
	display: flex;
	flex-direction: column;
	transition: margin-left 0.15s linear;
	height: 100%;
	position: relative;
}
@media screen and (max-width:480px) {
	main {
		margin-left: 0;
	}
}

#content {
}

main > #content {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}

#fixed_container, #fixed_container_common, #svg_container {
	position: absolute;
	left: 0;
	top: 0;
}
#svg_container {
	left:-1000px;
}

ws-emoji {
	width: 26px;
	height: 26px;
}

ws-icon ws-emoji {
	width: 16px;
	height: 16px;
}

ws-icon, ws-logo {
	display: inline-flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
ws-icon.w40 {
	width:40px;
	height: 40px;
}
ws-icon.w36 {
	width:36px;
	height: 36px;
--icon-size: 28px;
}
ws-icon.w32 {
	width:32px;
	height: 32px;
}

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

ws-icon[name="tickBox-full"] svg use { display: none; }

@media (hover: hover) {
	ws-icon.withHover:hover use:first-child,
	a:not(.ign_hover):hover ws-icon.withHover use:first-child,
	.selected ws-icon.withHover use:first-child {
		display: none;
	}
	ws-icon.withHover:hover use:last-child,
	a:not(.ign_hover):hover ws-icon.withHover use:last-child,
	.selected ws-icon.withHover use:last-child {
		display: unset;
	}
}

ws-icon.border_solid {
	border: 1px solid var(--base-txt-secondary);
}

ws-icon.border_dashed {
	border: 1px dashed var(--base-txt-tertiary);
}

.headerMain:has(~ #content.scrollZone-top) {
	border-bottom: 1px solid var(--base-line-tertiary);
}

.headerMain {
	padding: 0 32px;
}

.headerMain__title {
	font: 600 24px/24px var(--font-base);
	height: 40px;
	padding: 12px 0;
}
.headerMain__title span.in {
	cursor: pointer;
}
.headerMain__title .ws-btn-right {
	margin-left: auto;
}
.headerMain__title .primaryMenuButton__wrapper {
	margin-left: -24px;
}
.headerMain__main__button {
	padding: 0 4px;
	border-radius: 8px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font: var(--font-ui-22-title-1-semi);
	color: var(--base-txt-accent);
	cursor: pointer;
}
.headerMain__main__button ws-icon[name=home_alt] {
	--icon-size: 24px;
}
.headerMain__main__button:hover {
	background: var(--base-hlt-g-hover);
}

#sidebarOverlay, #adminMenuOverlay {
	position:fixed;
	left:0;
	top:0;
	width:0;
	height:0;
	overflow:hidden;
	z-index:1013;
	background: transparent;
	transition: all 0.5s ease;
}

:root {
	--icon-color:var(--base-txt-primary);
	--icon-size:20px;
}
svg, ws-icon {
	width: 20px;
	height: 20px;
	vertical-align: bottom;
}
ws-icon svg {
	width: var(--icon-size);
	height: var(--icon-size);
	fill: var(--icon-color);
	pointer-events: none;
}
ws-icon.proj_folder svg {
	fill: var(--folder-color);
}
ws-icon.ws_grad svg {
	fill: url(#worksection_grad);
}
ws-icon.s16 { --icon-size: 16px; }
ws-icon.s20 { --icon-size: 20px; }

@layer flex {
	.flex_row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	.flex-space-between { justify-content: space-between; }

	@media (max-width: 480px) {
		.flex_row-scrollable {
			overflow: hidden;
			overflow-x: auto;
		}
		.flex_row-scrollable::-webkit-scrollbar:horizontal {
			height: 0;
		}
	}
	.flex_row-forceScrollable {
		overflow: hidden;
		overflow-x: auto;
	}
	.flex_row-forceScrollable::-webkit-scrollbar:horizontal {
		height: 0;
	}
	.flex_row > * {
		flex-shrink: 0;
		flex-grow: 0;
	}
	.flex_row > .flex_content, .flex_row > .flex_gap {
		flex-shrink: 1;
		flex-grow: 1;
		/* overflow: hidden; */
	}
	.flex_row.marginLeft-6 {
		margin-left: 6px;
	}

	.flex_column {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.flex_column > * {
		flex-shrink: 0;
		flex-grow: 0;
		flex-basis: auto;
	}

	.flex_column > .flex_content, .flex_column > .flex_gap {
		flex-shrink: 1;
		flex-grow: 1;
		overflow: auto;
	}
	.flex_column > .flex_fix {
		flex-shrink: 0;
		flex-grow: 0;
	}

	/* should has only "overflow: hidden;" */
	.flex_overflow {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* for auto-hint! */
	.text_overflow {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.justify_between {
		justify-content: space-between;
	}

	.flex_column > .flex_overflow {
		overflow: hidden;
	}

	.flex_break {
		flex-basis: 100%;
		height: 0;
	}

	.flex_nogrow, .flex_row > .flex_content.flex_nogrow {
		flex-grow: 0;
	}
	.flex_noshrink, .flex_row > .flex_content.flex_noshrink {
		flex-shrink: 0;
	}
	.flex_grow, .flex_row > .flex_content.flex_grow {
		flex-grow: 1;
	}
	.flex_shrink, .flex_row > .flex_content.flex_shrink {
		flex-shrink: 1;
	}
	.flex_align_start {
		align-items: start;
	}
	.flex_end {
		justify-content: flex-end;
	}
	.flex_column-center,
	.flex_row-center {
		justify-content: center;
	}
	.flex_row-wrap {
		flex-wrap: wrap;
	}
	.flex_row-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex_space_between {
		justify-content: space-between;
	}
} /* @layer flex */

.svg_hover use:last-child {
	display: none;
}

.svg_hover use:first-child {
	display: inline-block;
}

.svg_hover:hover use:first-child {
	display: none;
}

.svg_hover:hover use:last-child {
	display: inline-block;
}

.svg_hover:hover:active use:first-child {
	display: none;
}

.svg_hover:hover:active use:last-child {
	display: inline-block;
}

.flex_group {
	display: flex;
	min-width: 0;
	align-items: center;
	flex-shrink: 1;
	flex-grow: 1;
}

/* ----------------------------------------------- */
.inline-edit {
	display: flex;
}

.inline-edit input {
	height: 24px;
	border-radius: 4px;
	margin: var(--sidebar-text-padding);
	font: 14px/20px var(--font-sidebar);
}

.inline-edit input:focus {
	box-shadow: var(--shadow-brd-focus);
	border-color: var(--inp-hlt-focus);
}

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


.searchInput {
	display: flex;
	background: var(--base-cont-mid);
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	height: 36px;
	border-radius: 24px;
	margin: 6px 0;
	transition: background .15s ease-in-out, border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.searchInput:hover {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
}
.modal .searchInput {
	background: var(--base-cont-mod-top);
}
.modal .searchInput ws-btn {
	margin-right: 4px;
}
.modal .searchInput ws-btn button {
	border-radius: 6px 14px 14px 6px;
}
body[data-page=search] .searchForm .searchInput {
	height: 48px;
	border-radius: 24px;
	padding: 0 8px;
	background:  var(--base-cont-mid);
}
.searchInput:focus-within {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	background:  var(--base-cont-input) !important;
}
.modal .searchInput:focus-within {
	background: var(--base-cont-mod-input) !important;
}
.searchInput input {
	border: none;
	background: transparent;
	box-sizing: border-box;
	padding: 0 2px 0 0;
	height: 20px;
	width: 100%;
	font: 14px/20px var(--font-sidebar);
}
body[data-page=search] .searchInput input {
	font: 16px/24px var(--font-sidebar);
}
.searchInput a.delete {
	display: none;
	padding: 0 8px;
}
.searchInput.searchInput-start a.delete {
	display: block;
}
.searchInput ws-icon[name="search_sm"] {
	--icon-color: var(--base-txt-tertiary);
	--icon-size: 20px;
	width: 32px;
	height: 32px;
}
body[data-page=search] .searchInput ws-icon[name="search_sm"] {
	--icon-size: 24px;
	width: 32px;
	height: 32px;
}
.searchInput input::placeholder {
	font: 400 14px/20px var(--font-base);
	color: var(--base-txt-tertiary);
}
.searchInput input::-webkit-input-placeholder {
	font: 400 14px/20px var(--font-base);
	color: var(--base-txt-tertiary);
}
body[data-page=search] .searchInput input::-webkit-input-placeholder {
	font: 400 16px/24px var(--font-base);
}

/* imitate .inputBlock__label in mixed forms like contact_add, invite etc */
.editBlock__picker-fake {
	padding: 12px;
}
.editBlock__picker-fake,
.editBlock__picker-inline {
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.editBlock__picker-fake:hover,
.editBlock__picker-inline:hover {
	box-shadow: var(--shadow-brd-enable);
}
.editBlock__picker-fake.editBlock__picker-withHeader:hover,
.editBlock__picker-inline.editBlock__picker-withHeader:hover {
	box-shadow: var(--shadow-brd-enable-outside), 0 0 0 1px var(--base-cont-mod-trans-low);
}

.editBlock .editBlock__picker-fake,
.editBlock .editBlock__picker-inline {
	transition: unset;
}

:not(.editBlock-error) > .editBlock__input:not(.editBlock-focused):not(:focus-within):hover,
.editBlock .editBlock__picker-fake:not(.menu_open):hover,
.editBlock .editBlock__picker-inline:not(.menu_open):hover,
:not(.editBlock-error) > .editBlock__textarea:not(.editBlock-focused):not(:focus-within):hover {
	box-shadow: var(--shadow-brd-enable-hover-outside);
}
:not(.editBlock-error) > .editBlock__input:has(.proj_color):not(.editBlock-focused):not(:focus-within):hover,
:not(.editBlock-error) > .editBlock__textarea:not(.editBlock-focused):not(:focus-within):hover {
	box-shadow: var(--shadow-brd-enable-hover-outside);
}
.editBlock {
	display: flex;
	flex-direction: column;
	padding: 16px 28px 28px;
}
/* такий editBlock має свій контент зі скролЗоною, а кнопки притиснуті до низу */
.editBlock:has(.editBlock__content) {
	padding: 0;
	flex-grow: 1;
	flex-shrink: 1;
	min-height: 0;
}
.editBlock .editBlock__content {
	padding: 16px 28px 2px;
}
.editBlock:has(.editBlock__content) .editBlock__buttons {
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 28px;
}
.editBlock__spacer-6 {
	height: 6px;
}
.editBlock__spacer-8 {
	height: 8px;
}
.editBlock__spacer-16 {
	height: 16px;
}
.editBlock__inputs {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 16px;
}
.editBlock__input {
	box-sizing: border-box;
	height: 48px;
	box-shadow: var(--shadow-brd-enable);
	border-radius: 12px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.editBlock__input:has(.proj_color) {
	box-shadow: var(--shadow-brd-enable-outside);
}
.editBlock__input-label .progress_pre, .inputBlock__label .progress_pre {
	position: absolute;
	width: calc(100% - 30px);
	top: 50px;
	left: 16px;
	border-radius: 2px !important;
	overflow: hidden;
}
.editBlock__input-label .progress_pre .progress2, .inputBlock__label .progress_pre .progress2 {
	display: block;
}

.editBlock__input-label .progress2, .inputBlock__label .progress2 {height: 5px;background: var(--base-surf-top);width: calc(100% + 3.5px);}
.editBlock__input-label .progress2.progress2_time, .inputBlock__label .progress2.progress2_time {width: calc(100% + 3.5px);}
.editBlock__input-label .progress2 div, .editBlock__input-label .progress2.progress2_nofill div, .inputBlock__label .progress2 div, .inputBlock__label .progress2.progress2_nofill div {height: 5px !important}
.editBlock__input-label .progress2.progress2_over, .editBlock__input-label .progress2.progress2_over2, .inputBlock__label .progress2.progress2_over, .inputBlock__label .progress2.progress2_over2 {box-shadow: none !important}
.editBlock__input-label .progress2.progress2_time.progress2_over, .editBlock__input-label  .progress2.progress2_time.progress2_over2, .inputBlock__label .progress2.progress2_time.progress2_over, .inputBlock__label  .progress2.progress2_time.progress2_over2 {background: var(--costs-time-minor)}
.editBlock__input-label .progress2.progress2_money.progress2_over, .editBlock__input-label  .progress2.progress2_money.progress2_over2, .inputBlock__label .progress2.progress2_money.progress2_over, .inputBlock__label  .progress2.progress2_money.progress2_over2 {background: var(--costs-money-minor)}

.editBlock__input .proj_color {
	display: flex;
	width: 48px;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 12px 0 0 12px;
}
.editBlock__input .proj_color ws-emoji {
	width: 28px;
	height: 28px;
}
.editBlock__input input {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0 0 0 2px;
	color: var(--base-txt-accent);
	border: none;
	font: var(--font-ui-15-large-reg);
	background: inherit;
}
.menu .editBlock__input input {
	background: transparent;
}
.editBlock__input-label {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row;
	height: 60px;
	border-radius: 12px;
	border: none;
	background: var(--base-hlt-g-hover);
}
.editBlock__input-label span.in {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	padding: 3px;
}
.editBlock__input-label svg {
	fill: var(--base-txt-tertiary);
}
.editBlock__input-label input {
	padding: 14px 50px 0 40px;
	background: none;
}
.editBlock__input-label input:not(:focus):placeholder-shown ~ label.unit {
	display: none;
}
.editBlock__input-label:focus-within {
	background: var(--base-cont-top);
}
.editBlock__input-label ws-icon {
	position: absolute;
	margin: 12px 0 0 11px;
}
.editBlock__input-label .label {
	position: absolute;
	top: 0;
	padding: 0;
	margin: 6px 0 0 13px;
	font: 400 12px/20px var(--font-base);
	color: var(--base-txt-tertiary);
}
.editBlock__input-label .unit {
	position: absolute;
	right: 0;
	font: 400 12px/20px var(--font-base);
	color: var(--base-txt-tertiary);
	margin: 18px 12px 0;
}
.editBlock__input.editBlock__input-label input::placeholder {
	font-weight: 400;
}
.editBlock__input.editBlock__input-label input::-moz-placeholder {
	font-weight: 400;
}
.editBlock__input.editBlock__input-label input::-webkit-input-placeholder {
	font-weight: 400;
}
.modal .editBlock__input input:-webkit-autofill {
	background: none !important;
	box-shadow: none !important;
}
.editBlock__input input::placeholder, .editBlock__textarea textarea::placeholder {
	color: var(--base-txt-tertiary);
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
}
.editBlock__input input::-moz-placeholder, .editBlock__textarea textarea::-moz-placeholder {
	color: var(--base-txt-tertiary);
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
}
.editBlock__input input::-webkit-input-placeholder, .editBlock__textarea textarea::-webkit-input-placeholder {
	color: var(--base-txt-tertiary);
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
}
.menu .editBlock__input input::-moz-placeholder, .menu .editBlock__textarea textarea::-moz-placeholder {
	color: var(--base-txt-tertiary);
	font:var(--font-ui-14-regular-reg)
}
.editBlock__input span {
	height: 100%;
	box-sizing: border-box;
	padding: 2px;
}
.editBlock__input span.flex_content {
	padding-left: 8px;
}
.menu .editBlock__input span.flex_content {
	padding:0 4px;
}
.editBlock__input:focus-within {
	background: var(--base-cont-mod-input);
	box-shadow: var(--shadow-brd-focus);
}
.editBlock__input:focus-within .editBlock__input__counter{
	opacity: 1;
}
.editBlock__input .editBlock__input__counter {
	color: var(--base-txt-tertiary);
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	opacity: 0;
	transition: opacity .1s linear;
}
.editBlock__textarea {
	position: relative;
	box-sizing: border-box;
	height: 96px;
	box-shadow: var(--shadow-brd-enable-outside);
	border: 1px solid transparent; /* this is necessary to avoid glitch with scrolling */
	border-radius: 8px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.editBlock__textarea textarea {
	width: calc(100% - 12px);
	height: calc(100% - 16px);
	border: 0;
	background: none;
	color: var(--base-txt-accent);
	font: 15px/20px var(--font-base);
	font-weight: 400;
	cursor: auto;
	margin: 8px 1px 8px 12px;
	box-sizing: border-box;
	resize: none;
	padding: 2px 6px 2px 2px;
}
.editBlock__textarea:focus-within {
	background: var(--base-cont-mod-input);
	box-shadow: var(--shadow-brd-focus);
}
.editBlock__textarea textarea {
	overflow: auto;
	overflow-x: hidden;
}
.editBlock__textarea textarea::-webkit-scrollbar {
	height: 12px;
	width: 12px;
}
.editBlock__textarea textarea::-webkit-scrollbar-track {
	background-color: transparent;
	border: 0;
}
.editBlock__textarea textarea::-webkit-scrollbar-track:hover {
	background-color: transparent;
}
.editBlock__textarea textarea::-webkit-scrollbar-button {
	display: none;
	height: 0;
	width: 0;
}
.editBlock__textarea textarea::-webkit-scrollbar-corner {
	background-color: transparent;
}
.editBlock__textarea textarea::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: 3px solid var(--base-cont-top);
	border-radius: 8px;
	min-height: 20%;
}
.editBlock__textarea textarea::-webkit-scrollbar-thumb:hover {
	background-color: var(--scroll-major) !important;
}
.editBlock__textarea textarea:hover::-webkit-scrollbar-thumb {
	background-color: var(--scroll-minor);
}
.editBlock__textarea textarea::-webkit-resizer {
	background: transparent;
	display: none;
	width: 0;
	height: 0;
}
.editBlock__textarea__counter {
	position: absolute;
	top: 4px;
	right: 4px;
	border-radius: 4px;
	display: flex;
	height: 16px;
	font: 11px/16px var(--font-base);
	font-weight: 600;
	width: 28px;
	background: var(--base-txt-alert-minor);
	color: var(--base-txt-alt-light);
	align-items: center;
	justify-content: center;
	opacity: 0;
}
.editBlock-error .editBlock__textarea, .editBlock-error .editBlock__textarea:focus-within {
	box-shadow: var(--shadow-brd-error-focus);
}
.editBlock-error .editBlock__textarea__counter {
	opacity: 1;
}
.editBlock .editBlock__text,
.editBlock .editBlock__hint {
	padding: 16px 0 0;
	font-size: 13px;
	color: var(--base-txt-secondary);
}
.editBlock .editBlock__text.editBlock__text--error {
	display: none;
}
.editBlock.editBlock-error .editBlock__input,
.editBlock.editBlock-error .editBlock__input:focus-within {
	box-shadow: var(--shadow-brd-error-focus);
}
.editBlock .editBlock__input.editBlock__input-has-error,
.editBlock .editBlock__input.editBlock__input-has-error {
	box-shadow: var(--shadow-brd-error-focus) !important;
}
.editBlock.editBlock-error .editBlock__text {
	display: block;
	color: var(--base-txt-alert-major);
	--icon-color: var(--base-txt-alert-major);
}
.editBlock.editBlock-error .editBlock__input__counter {
	color: var(--base-txt-alert-minor);
}
.editBlock.editBlock-error .notify_block {
	display: none;
}

.menu .editBlock__input .editBlock__input__counter {
	visibility: hidden;
}

.menu .editBlock__input .editBlock__input__counter.editBlock__input__counter-error {
	visibility: visible;
	color: var(--base-txt-alert-major);
}

.editBlock.editBlock-error .editBlock__buttons {
	justify-content: flex-end;
}
.editBlock__buttons {
	display: flex;
	/* padding-top: 44px; */
	margin-top: 32px;
	align-items: center;
	justify-content: space-between;
}
.editBlock__buttons-right {
	margin-left: auto;
	display: flex;
	gap: 12px;
}
.editBlock__buttons .button_dis {
	cursor: no-drop;
}

.editBlock-initClose .editBlock-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--base-cont-mod-top);
	z-index: 99;
	opacity: 0.8;
}
.editBlock-initClose .editBlock-close {
	position: absolute;
	left: 0;
	bottom: 0;
	right:0;
	z-index: 100;
	border-top: 2px solid var(--base-btn-alert-primary-minor);
}
.editBlock-initClose .editBlock-close > div {
	background: var(--base-cont-mod-top);
	opacity: 1;
}
.editBlock-initClose .editBlock-close-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 16px 4px 16px;
}
.editBlock-initClose .editBlock-close-title .text {
	padding: 0 16px 0 12px;
	color: var(--base-txt-accent);
	font: var(--font-ui-22-title-1-bold);
}
.editBlock-initClose .editBlock-close-text {
	font: 15px/22px var(--font-base);
	padding: 8px 28px;
}
.editBlock-initClose .editBlock-close-buttons {
	padding: 12px 28px 28px 28px;
	display: flex;
	justify-content: flex-start;
}
.editBlock__title {
	padding: 8px 0 2px;
	margin: 12px 0 0;
	font: 600 15px/22px var(--font-base);
	color: var(--base-txt-primary);
	gap: 4px;
}
.editBlock__title .editBlock__picker__counter {
	font: 400 13px/16px var(--font-base);
	color: var(--base-txt-tertiary);
}
.editBlock__picker {
	border-radius: 12px;
	background: var(--base-cont-mod-trans-low);
	display: flex;
	flex-direction: column;
	/* border: 1px solid var(--trans); */
	cursor: pointer;
	position: relative;
}
.editBlock__picker.scrollZone {
	max-height:120px;
	padding: 12px;
}
.editBlock__picker .editBlock__picker__body.scrollZone {
	padding: 12px;
}
.inputBlock__wrapper .editBlock__picker {
	width:100%;
}
.editBlock__picker label {
	font: 400 12px/20px var(--font-base);
	color: var(--base-txt-tertiary);
	cursor: pointer;
	margin: -6px 0 0 0;
	padding: 0 4px;
}
.editBlock__picker .chip.chip-info {
	cursor: pointer;
}
.editBlock__picker__body {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 6px;
}
.editBlock__picker .label ~ .editBlock__picker__body {
	/* margin-top: 6px; */
}
.editBlock__picker.editBlock__picker-withHeader {
	padding: 0;
	position: relative;
	background: var(--base-cont-mod-low);
	/* background: var(--base-cont-mod-trans-low); */
	.editBlock__picker__header,
	&> .label {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: linear-gradient(180deg, var(--base-cont-mod-low), var(--base-cont-mod-low-opac));
		@media (max-width: 480px) {
			background: linear-gradient(180deg, var(--base-cont-low), var(--base-cont-low-opac));
		}
		z-index: 1;
		margin: 0;
		/* padding: 6px 12px 6px; */
		padding: 6px 6px 6px 12px;
		backdrop-filter: blur(4px);
		border-radius: 12px 12px 0 0;
	}
	.editBlock__picker__body {
		max-height: 100px;
		margin: 0;
		padding: 12px;
		border-top: unset;
		padding-top: 38px;
		box-shadow: unset;
	}
	&.editBlock__picker-fake .editBlock__picker__body.scrollZone,
	&.editBlock__picker-inline .editBlock__picker__body.scrollZone {
		max-height: 100px;
	}
}
.editBlock__picker-tags {
	min-height: 60px;
	box-sizing: border-box;
	justify-content: center;
}
.menu .editBlock__picker-tags:not(.editBlock__picker-withHeader) {
	background: var(--base-cont-mod-mid);
}
.menu .editBlock__picker-tags:not(.editBlock__picker-withHeader) .label {
	padding: 12px 12px 0;
}
.menu .editBlock__picker-tags:not(.editBlock__picker-withHeader) .label + .editBlock__picker__body {
	padding-top: 0;
}
.menu__group-head + .menu__group__wrapper .editBlock__picker-tags {
	border-radius: 0;
}

@media (max-width: 480px) {
	.menu__group__wrapper .editBlock__picker__body {
		margin-bottom: 6px;
	}
	.menu__group__wrapper .editBlock__picker-tags {
		padding: 0 6px;
		min-height: auto;
		background: none;
	}
}
.editBlock__picker-tags:not(.editBlock__picker-withHeader) .editBlock__picker__body:not(:has(.editBlock__picker__item, .editBlock__picker__search)) {
	display: none;
}
.editBlock__picker-tags:not(.editBlock__picker-withHeader):not(:has(.editBlock__picker__item)) .editBlock__picker-tags__label label {
	font-size: 16px;
}
.editBlock__picker-tags:not(.editBlock__picker-withHeader):has(.editBlock__picker__item) .editBlock__picker-tags__label {
	margin-top: -7px;
	margin-left: 4px;
	ws-icon {
		display: none;
	}
}
.editBlock__picker-tags:not(.editBlock__picker-withHeader) .editBlock__picker-tags__label label {
	margin: initial;
	padding: initial;
}
.editBlock__picker__item:not(.picker_chip) {
	background: var(--base-cont-mod-top);
	box-shadow: 0 0 0 1px var(--base-txt-ghost) inset;
	padding: 0 8px 0 0;
	border-radius: 24px;
	color: inherit;
	font: var(--font-ui-12-mini-med);
	height: 24px;
	max-width: 200px;
	-webkit-appearance: none;
	outline: none;
}
.editBlock__picker__item.picker_chip {
	border-radius: 24px;
}
.editBlock__picker__item:hover {
	color: inherit;
}
.editBlock__picker:not(.editBlock__picker-fake) .editBlock__picker__item:hover {
	/* background:var(--trans); */
}
.editBlock__picker__body-h28 .editBlock__picker__add[name*=btn-24] {
	margin-top: 2px;
}

.editBlock__picker:not(.editBlock__picker-fake) .editBlock__picker__item-group:hover {
	/*background: var(--base-hlt-b-invert-major);*/
}
.editBlock__picker:not(.editBlock__picker-fake) .editBlock__picker__item-blue:hover {
	/*background: var(--base-hlt-invert-major);*/
}
.editBlock__picker-emails .editBlock__picker__item {
	/*background: var(--colorize-lbl-green-bg);*/
	/*font: var(--font-ui-13-small-med);*/
	/*border-radius: 6px;*/
	/*height: 28px;*/
	/*padding: 0 6px;*/
}
.editBlock__picker-emails .editBlock__picker__item.picker_chip {
	border-radius: 6px;
}
.editBlock__picker-emails .editBlock__picker__item .chip.chip-invite {
	background: #4FBE2933;
}
.editBlock__picker-emails .editBlock__picker__item-error .chip.chip-invite {
	background: var(--base-hlt-w-pressed);
}
.editBlock__picker-emails .editBlock__picker__item svg {
	/*fill: var(--base-txt-primary);*/
}
.editBlock__picker-emails .editBlock__picker__item-error {
	/*background: var(--base-hlt-w-pressed);*/
}
.editBlock__picker-emails .editBlock__picker__item-error2 {
	/*background: var(--base-hlt-alt-notice);*/
}
.editBlock__picker-emails .editBlock__picker__item-error2 ws-icon[name*=roles] svg {
	/*fill: var(--base-txt-alert-minor);*/
}
.editBlock__picker-emails .editBlock__picker__item:hover {
	/*color: var(--base-txt-primary);*/
	/*background: var(--base-cont-mod-top);*/
	/*box-shadow: 0 0 0 1px var(--base-txt-primary) inset;*/
}

.editBlock__picker__item-project, .editBlock__picker__item-folder {
	/*background: var(--base-cont-mod-top);*/
	/*box-shadow: 0 0 0 1px var(--base-txt-muted) inset;*/
	/*font: var(--font-ui-13-small-reg);*/
	/*border-radius: 6px;*/
	/*height: 28px;*/
	/*padding: 0 6px;*/
	/*color: var(--base-txt-primary);*/
}
.editBlock__picker__item-folder,
.editBlock__picker__item-project,
.editBlock__picker__item-email {
	max-width: calc(50% - 3px);
}
.editBlock__picker__item-folder ws-chip,
.editBlock__picker__item-project ws-chip,
.editBlock__picker__item-email ws-chip {
	max-width: 100%;
}
.editBlock__picker__item-project .chip.chip-invite:not(:has(ws-icon.chip-left-icon)) > span:not([class]) {
	font-weight: 400;
}
.editBlock__picker__item-project.picker_chip, .editBlock__picker__item-folder.picker_chip {
	border-radius: 6px;
}
.editBlock__picker__item-folder .name {
	/*font: var(--font-ui-13-small-semi);*/
}
.editBlock__picker__item-project .proj_color, .editBlock__picker__item-project ws-emoji {
	/*width: 16px;*/
	/*height: 16px;*/
}
.editBlock__picker__item-project svg, .editBlock__picker__item-folder svg {
	/*fill: var(--base-txt-primary);*/
}
.editBlock__picker-projects ws-icon[name^=folder] svg {
	fill: var(--folder-color);
}
.editBlock__picker-projects:not(.editBlock__picker-fake) .editBlock__picker__item:hover {
	 /*color: var(--base-txt-primary);*/
	 /*background: var(--trans);*/
	 /*box-shadow: 0 0 0 1px var(--base-txt-tertiary) inset;*/
}

.editBlock__picker-tags .editBlock__picker__item {
	background: var(--tag-bg);
	height: 24px;
	color: var(--colorize-lbl-txt-primary);
	box-shadow: var(--shadow-cont-major-lineonly-inside);
}
.editBlock__picker-tags .editBlock__picker__item:hover {
	/* box-shadow: 0 0 0 1px var(--base-txt-ghost) inset; */
	/* background: var(--trans); */
}
.editBlock__picker-tags .editBlock__picker__item:before {
	content: '';
	width: 10px;
	height: 10px;
	background: var(--tag-color);
	border-radius: 5px;
	margin: 0 4px 0 7px;
	outline: 2px solid var(--base-cont-top);
}
.editBlock__picker-tags .editBlock__picker__item ws-icon[name=lock_sm] {
	margin: 0 0 0 -4px;
	width: 16px;
	height: 16px;
}
.editBlock__picker-tags .editBlock__picker__item ws-icon[name=lock_sm] svg {
	fill: var(--base-txt-secondary)
}
.editBlock__picker__item-selected {
	box-shadow: var(--shadow-brd-enable-focus) !important;
}
.editBlock__picker__item.selected {
	box-shadow: var(--shadow-brd-04-focus-mini);
}
.editBlock__picker__item.selected .chip {
	box-shadow: unset !important;
}
.editBlock__picker__item {
	ws-chip {
		overflow: unset;
	}
	.chip.chip-info {
		outline: unset;
		box-shadow: var(--shadow-cont-major-lineonly-inside);
	}
	.chip.chip-info:hover {
		box-shadow: var(--shadow-cont-major-lineonly-outside);
	}
}
.editBlock__picker__item-group {
	background: var(--base-hlt-b-invert-minor);
	color: var(--base-txt-alt-light);
	padding: 0 10px 0 8px;
	box-shadow: none;
}
.editBlock__picker__item-group.editBlock__picker__item-selected {
	box-shadow: var(--shadow-brd-focus-b);
}
.editBlock__picker__item-group svg, .editBlock__picker__item-blue svg {
	fill: var(--white-primary);
}
.editBlock__picker__item-group .editBlock__picker__item .delete:hover svg {
	fill: var(--base-hlt-b-invert-major);
}
.editBlock__picker__item-blue {
	background: var(--base-hlt-invert);
	color: var(--base-txt-alt-light);
	padding: 0 10px 0 8px;
	box-shadow: none;
}
.editBlock__picker__item-blue:hover, .editBlock__picker__item-group:hover {
	color: var(--base-txt-alt-light);
}
.editBlock__picker__item-blue.editBlock__picker__item-selected {
	box-shadow: var(--shadow-brd-enable-focus);
}
.editBlock__picker__item-client .chip.chip {
	box-shadow: inset 0 0 0 1px var(--base-hlt-b-invert-minor);
	background: var(--base-hlt-b-hover);
}
.editBlock__picker__item-client .chip.chip:hover {
	box-shadow: 0 0 0 1px var(--base-hlt-b-invert-minor);
}
.editBlock__picker__item span:not([class]) .loader {
	margin-inline: 4px;
}
.editBlock__picker__item .icon {
	min-width: 4px;
	min-height: 24px;
	display: flex;
	align-items: center;
}
.editBlock__picker__item .name, .editBlock__picker__item .in {
	padding: 0 4px;
}
.editBlock__picker__item .cnt {
	color: inherit;
	opacity: 0.5;
	margin:0 6px 0 0;
}
.editBlock__picker__item:not(.picker_chip) .delete {
	cursor: pointer;
	margin: 0 -4px;
}
.editBlock__picker-tags .editBlock__picker__item {
	padding-right: 6px;
	.delete {
		ws-icon svg {
			width: 14px;
			height: 14px;
			fill: var(--colorize-lbl-txt-accent) !important;
			opacity: .66;
			use:nth-child(2) {
				display: none;
			}
		}
		&:hover {
			ws-icon svg {
				opacity: 1;
				use:nth-child(1) {
					display: none;
				}
				use:nth-child(2) {
					display: inline;
				}
			}
		}
	}
	&.selected {
		.delete {
			ws-icon svg {
				opacity: 1;
				use:nth-child(1) {
					display: none;
				}
				use:nth-child(2) {
					display: inline;
				}
			}
		}
	}
}
.editBlock__picker-tags.editBlock__picker-fake .editBlock__picker__item {
	padding-right: 8px;
}
.editBlock__picker-fake .delete {
	display: none;
}
.editBlock__picker__item:not(.picker_chip) .delete svg {
	width: 16px;
	height: 16px;
	fill: var(--base-txt-accent);
	opacity: 0.5
}
.editBlock__picker__item .delete:hover svg {
	opacity: 1;
}
.editBlock__picker__item.picker_chip .chip-28 .delete {
	width: 16px;
	height: 16px;
}
.editBlock__picker__item.picker_chip .chip-28 .delete svg {
	width: 16px;
	height: 16px;
}
.editBlock__picker__item-default .delete:hover svg, .editBlock__picker__item-blue .delete:hover svg, .editBlock__picker__item-group .delete:hover svg {
	background: var(--base-hlt-g-selected);
	border-radius: 8px;
}
.editBlock__picker__item-blue .delete svg, .editBlock__picker__item-group .delete svg {
	fill: var(--white-primary);
}
.editBlock__picker-emails .editBlock__picker__item .delete svg {
	/*fill: var(--base-txt-primary);	*/
}
.editBlock__picker__search {
	min-width: 100px;
}
.editBlock__picker__search input {
	border: none;
	background: transparent;
	box-sizing: border-box;
	padding: 4px;
	height: 24px;
	width: 100%;
	color: var(--base-txt-primary);
	font: 13px/20px var(--font-base);
}
.editBlock__picker__search input:-webkit-autofill {
	background: transparent !important;
}
.editBlock__picker-emails .editBlock__picker__search {
	min-width:260px;
}
.editBlock__picker-emails .editBlock__picker__search input, .editBlock__picker-projects .editBlock__picker__search input {
	font: var(--font-ui-15-large-semi);
	line-height: 28px;
	height: 28px;
}
.editBlock__picker-emails .editBlock__picker__search input::placeholder, .editBlock__picker-projects .editBlock__picker__search input::placeholder {
	font: inherit;
	padding:2px 0;
}

.editBlock__picker #upgr_text {
	color: var(--base-txt-alert-minor);
	padding: 0 0 10px;
}
:where(.projectCreate, .bookmarkCreate) .editBlock__text, .chatEdit .editBlock__text {
	display: none;
}
.projectCreate .editBlock__input input[type="text"] {
	font: var(--font-ui-18-title-2-semi);
	&::-webkit-input-placeholder {
		font: inherit;
	}
	&::-ms-input-placeholder {
		font: inherit;
	}
	&:-moz-placeholder {
		font: inherit;
	}
	&::placeholder {
		font: inherit;
	}
}

@media (max-height: 1200px) {
	.primaryMenu__item-optional {
		/* display: none; */
	}

	.primaryMenu .optional {
		display: none;
	}
}

task-assignee, task-term, task-author, task-priority, task-tags, task-stage, task-todos, project-assignee, project-term, project-author, project-tags, project-stage, project-folder {
	display: inline-flex;
	align-items: center;
}
task-unseen, task-attach, task-timers {
	display: inline;
}

.tag_block ws-icon[name="task_workflow/started"] {
	--tag-color: var(--base-txt-alt-light);
}
ws-icon[name="task_workflow/started"], [name="prj_workflow/progress"] {
	position: relative;
	--percent: 0.5turn;
}
ws-icon[name="task_workflow/started"]:after, [name="prj_workflow/progress"]:after {
	content: '';
	width: var(--icon-size);
	height: var(--icon-size);
	/* margin: 0 0 0 calc(0px - var(--icon-size)); */
	position: absolute;
	background: conic-gradient(var(--tag-color), var(--tag-color) var(--percent), transparent var(--percent));
	-webkit-mask-size: cover;
}
ws-icon[name="task_workflow/started"]:after {
	/*-webkit-mask-image: url(/img/mask/task_stage.svg);*/
	/*mask-image: url(/img/mask/task_stage.svg);*/
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc2NzYgMTUuMTEwOEwxNS4xMTA4IDExLjc2NzdDMTYuMDg3MSAxMC43OTEzIDE2LjA4NzEgOS4yMDg0MyAxNS4xMTA4IDguMjMyMTFMMTEuNzY3NiA0Ljg4ODk3QzEwLjc5MTMgMy45MTI2NiA5LjIwODQyIDMuOTEyNjYgOC4yMzIxMSA0Ljg4ODk3TDQuODg4OTcgOC4yMzIxMkMzLjkxMjY2IDkuMjA4NDMgMy45MTI2NiAxMC43OTEzIDQuODg4OTcgMTEuNzY3Nkw4LjIzMjExIDE1LjExMDhDOS4yMDg0MiAxNi4wODcxIDEwLjc5MTMgMTYuMDg3MSAxMS43Njc2IDE1LjExMDhaTTEyLjgyODMgMy44MjgzMUMxMS4yNjYyIDIuMjY2MjEgOC43MzM1NCAyLjI2NjIyIDcuMTcxNDUgMy44MjgzMUwzLjgyODMxIDcuMTcxNDZDMi4yNjYyMSA4LjczMzU2IDIuMjY2MjIgMTEuMjY2MiAzLjgyODMxIDEyLjgyODNMNy4xNzE0NSAxNi4xNzE1QzguNzMzNTQgMTcuNzMzNiAxMS4yNjYyIDE3LjczMzYgMTIuODI4MyAxNi4xNzE1TDE2LjE3MTUgMTIuODI4M0MxNy43MzM2IDExLjI2NjIgMTcuNzMzNiA4LjczMzU1IDE2LjE3MTUgNy4xNzE0NUwxMi44MjgzIDMuODI4MzFaIiBmaWxsPSJibGFjayIvPgogIDxnPgogICAgPHBhdGggZD0iTTkuMjkyOTggNS43MDcyQzkuNjgzNSA1LjMxNjY4IDEwLjMxNjcgNS4zMTY2OCAxMC43MDcyIDUuNzA3MkwxNC4yOTMgOS4yOTI5OUMxNC42ODM1IDkuNjgzNTEgMTQuNjgzNSAxMC4zMTY3IDE0LjI5MyAxMC43MDcyTDEwLjcwNzIgMTQuMjkzQzEwLjMxNjcgMTQuNjgzNSA5LjY4MzUgMTQuNjgzNSA5LjI5Mjk4IDE0LjI5M0w1LjcwNzIgMTAuNzA3MkM1LjMxNjY4IDEwLjMxNjcgNS4zMTY2OCA5LjY4MzUxIDUuNzA3MiA5LjI5Mjk5TDkuMjkyOTggNS43MDcyWiIgZmlsbD0iYmxhY2siLz4KICA8L2c+Cjwvc3ZnPg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc2NzYgMTUuMTEwOEwxNS4xMTA4IDExLjc2NzdDMTYuMDg3MSAxMC43OTEzIDE2LjA4NzEgOS4yMDg0MyAxNS4xMTA4IDguMjMyMTFMMTEuNzY3NiA0Ljg4ODk3QzEwLjc5MTMgMy45MTI2NiA5LjIwODQyIDMuOTEyNjYgOC4yMzIxMSA0Ljg4ODk3TDQuODg4OTcgOC4yMzIxMkMzLjkxMjY2IDkuMjA4NDMgMy45MTI2NiAxMC43OTEzIDQuODg4OTcgMTEuNzY3Nkw4LjIzMjExIDE1LjExMDhDOS4yMDg0MiAxNi4wODcxIDEwLjc5MTMgMTYuMDg3MSAxMS43Njc2IDE1LjExMDhaTTEyLjgyODMgMy44MjgzMUMxMS4yNjYyIDIuMjY2MjEgOC43MzM1NCAyLjI2NjIyIDcuMTcxNDUgMy44MjgzMUwzLjgyODMxIDcuMTcxNDZDMi4yNjYyMSA4LjczMzU2IDIuMjY2MjIgMTEuMjY2MiAzLjgyODMxIDEyLjgyODNMNy4xNzE0NSAxNi4xNzE1QzguNzMzNTQgMTcuNzMzNiAxMS4yNjYyIDE3LjczMzYgMTIuODI4MyAxNi4xNzE1TDE2LjE3MTUgMTIuODI4M0MxNy43MzM2IDExLjI2NjIgMTcuNzMzNiA4LjczMzU1IDE2LjE3MTUgNy4xNzE0NUwxMi44MjgzIDMuODI4MzFaIiBmaWxsPSJibGFjayIvPgogIDxnPgogICAgPHBhdGggZD0iTTkuMjkyOTggNS43MDcyQzkuNjgzNSA1LjMxNjY4IDEwLjMxNjcgNS4zMTY2OCAxMC43MDcyIDUuNzA3MkwxNC4yOTMgOS4yOTI5OUMxNC42ODM1IDkuNjgzNTEgMTQuNjgzNSAxMC4zMTY3IDE0LjI5MyAxMC43MDcyTDEwLjcwNzIgMTQuMjkzQzEwLjMxNjcgMTQuNjgzNSA5LjY4MzUgMTQuNjgzNSA5LjI5Mjk4IDE0LjI5M0w1LjcwNzIgMTAuNzA3MkM1LjMxNjY4IDEwLjMxNjcgNS4zMTY2OCA5LjY4MzUxIDUuNzA3MiA5LjI5Mjk5TDkuMjkyOTggNS43MDcyWiIgZmlsbD0iYmxhY2siLz4KICA8L2c+Cjwvc3ZnPg==);
}
[name="prj_workflow/progress"]:after {
	/*-webkit-mask-image: url(/img/mask/project_stage.svg);*/
	/*mask-image: url(/img/mask/project_stage.svg);*/
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuNSA1LjI4ODY4QzEwLjE5MDYgNS4xMTAwNCA5LjgwOTQgNS4xMTAwNCA5LjUgNS4yODg2OEw2LjE2OTg3IDcuMjExMzJDNS44NjA0NyA3LjM4OTk2IDUuNjY5ODcgNy43MjAwOCA1LjY2OTg3IDguMDc3MzVWMTEuOTIyNkM1LjY2OTg3IDEyLjI3OTkgNS44NjA0NyAxMi42MSA2LjE2OTg3IDEyLjc4ODdMOS41IDE0LjcxMTNDOS44MDk0IDE0Ljg5IDEwLjE5MDYgMTQuODkgMTAuNSAxNC43MTEzTDEzLjgzMDEgMTIuNzg4N0MxNC4xMzk1IDEyLjYxIDE0LjMzMDEgMTIuMjc5OSAxNC4zMzAxIDExLjkyMjZWOC4wNzczNUMxNC4zMzAxIDcuNzIwMDggMTQuMTM5NSA3LjM4OTk2IDEzLjgzMDEgNy4yMTEzMkwxMC41IDUuMjg4NjhaIiBmaWxsPSJibGFjayIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45ODk2NCAyLjI3ODczQzkuNjE0ODUgMS45MDcwOSAxMC4zODUxIDEuOTA3MDkgMTEuMDEwNCAyLjI3ODczTDE1Ljk4OTYgNS4yMzg1QzE2LjYxNDkgNS42MTAxNCAxNyA2LjI5Njk1IDE3IDcuMDQwMjNWMTIuOTU5OEMxNyAxMy43MDMgMTYuNjE0OCAxNC4zODk5IDE1Ljk4OTYgMTQuNzYxNUwxMS4wMTA0IDE3LjcyMTNDMTAuMzg1MSAxOC4wOTI5IDkuNjE0ODUgMTguMDkyOSA4Ljk4OTY0IDE3LjcyMTNMNC4wMTAzNiAxNC43NjE1QzMuMzg1MTUgMTQuMzg5OSAzIDEzLjcwMyAzIDEyLjk1OThWNy4wNDAyM0MzIDYuMjk2OTUgMy4zODUxNSA1LjYxMDE0IDQuMDEwMzYgNS4yMzg1TDguOTg5NjQgMi4yNzg3M1pNMTAuMjQzOSAzLjU2ODEzTDE1LjIyMzIgNi41Mjc5QzE1LjM4MTUgNi42MjE5OCAxNS41IDYuODExNzggMTUuNSA3LjA0MDIzVjEyLjk1OThDMTUuNSAxMy4xODgyIDE1LjM4MTUgMTMuMzc4IDE1LjIyMzIgMTMuNDcyMUwxMC4yNDM5IDE2LjQzMTlDMTAuMDkxMSAxNi41MjI3IDkuOTA4OTEgMTYuNTIyNyA5Ljc1NjA4IDE2LjQzMTlMNC43NzY4MSAxMy40NzIxQzQuNjE4NTQgMTMuMzc4IDQuNSAxMy4xODgyIDQuNSAxMi45NTk4VjcuMDQwMjNDNC41IDYuODExNzggNC42MTg1NCA2LjYyMTk4IDQuNzc2ODEgNi41Mjc5TDkuNzU2MDggMy41NjgxM0M5LjkwODkxIDMuNDc3MjkgMTAuMDkxMSAzLjQ3NzI5IDEwLjI0MzkgMy41NjgxM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuNSA1LjI4ODY4QzEwLjE5MDYgNS4xMTAwNCA5LjgwOTQgNS4xMTAwNCA5LjUgNS4yODg2OEw2LjE2OTg3IDcuMjExMzJDNS44NjA0NyA3LjM4OTk2IDUuNjY5ODcgNy43MjAwOCA1LjY2OTg3IDguMDc3MzVWMTEuOTIyNkM1LjY2OTg3IDEyLjI3OTkgNS44NjA0NyAxMi42MSA2LjE2OTg3IDEyLjc4ODdMOS41IDE0LjcxMTNDOS44MDk0IDE0Ljg5IDEwLjE5MDYgMTQuODkgMTAuNSAxNC43MTEzTDEzLjgzMDEgMTIuNzg4N0MxNC4xMzk1IDEyLjYxIDE0LjMzMDEgMTIuMjc5OSAxNC4zMzAxIDExLjkyMjZWOC4wNzczNUMxNC4zMzAxIDcuNzIwMDggMTQuMTM5NSA3LjM4OTk2IDEzLjgzMDEgNy4yMTEzMkwxMC41IDUuMjg4NjhaIiBmaWxsPSJibGFjayIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45ODk2NCAyLjI3ODczQzkuNjE0ODUgMS45MDcwOSAxMC4zODUxIDEuOTA3MDkgMTEuMDEwNCAyLjI3ODczTDE1Ljk4OTYgNS4yMzg1QzE2LjYxNDkgNS42MTAxNCAxNyA2LjI5Njk1IDE3IDcuMDQwMjNWMTIuOTU5OEMxNyAxMy43MDMgMTYuNjE0OCAxNC4zODk5IDE1Ljk4OTYgMTQuNzYxNUwxMS4wMTA0IDE3LjcyMTNDMTAuMzg1MSAxOC4wOTI5IDkuNjE0ODUgMTguMDkyOSA4Ljk4OTY0IDE3LjcyMTNMNC4wMTAzNiAxNC43NjE1QzMuMzg1MTUgMTQuMzg5OSAzIDEzLjcwMyAzIDEyLjk1OThWNy4wNDAyM0MzIDYuMjk2OTUgMy4zODUxNSA1LjYxMDE0IDQuMDEwMzYgNS4yMzg1TDguOTg5NjQgMi4yNzg3M1pNMTAuMjQzOSAzLjU2ODEzTDE1LjIyMzIgNi41Mjc5QzE1LjM4MTUgNi42MjE5OCAxNS41IDYuODExNzggMTUuNSA3LjA0MDIzVjEyLjk1OThDMTUuNSAxMy4xODgyIDE1LjM4MTUgMTMuMzc4IDE1LjIyMzIgMTMuNDcyMUwxMC4yNDM5IDE2LjQzMTlDMTAuMDkxMSAxNi41MjI3IDkuOTA4OTEgMTYuNTIyNyA5Ljc1NjA4IDE2LjQzMTlMNC43NzY4MSAxMy40NzIxQzQuNjE4NTQgMTMuMzc4IDQuNSAxMy4xODgyIDQuNSAxMi45NTk4VjcuMDQwMjNDNC41IDYuODExNzggNC42MTg1NCA2LjYyMTk4IDQuNzc2ODEgNi41Mjc5TDkuNzU2MDggMy41NjgxM0M5LjkwODkxIDMuNDc3MjkgMTAuMDkxMSAzLjQ3NzI5IDEwLjI0MzkgMy41NjgxM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==);
}
.buttons-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.buttons-flex .button {

}

.qr_img {
	width: 100%;
	height: auto;
}

.time_input::-moz-selection {
	background: var(--base-hlt-pressed);
}

.time_input::selection {
	background: var(--base-hlt-pressed);
}

.time_input-empty {
	color: var(--base-txt-tertiary) !important;
}

ws-icon.green {
	--icon-color: var(--base-txt-new-major) !important;
}
ws-icon.red {
	--icon-color: var(--base-txt-alert-major) !important;
}
ws-icon.orange {
	--icon-color: var(
	--base-btn-notice-major) !important;
}
ws-icon.blue {
	--icon-color: var(--base-txt-act-major) !important;
}
ws-icon.gray {
	--icon-color: var(--base-txt-tertiary) !important;
}

.menu__item project-tags ws-icon.tag, .menu__item project-stage ws-icon.tag {
	width:20px;
	height:20px;
	--icon-size:16px;
}
.menu__item ws-icon[name*="box-select"] {
	--icon-color: var(--base-txt-tertiary);
}
.menu__item.selected ws-icon[name*="box-select"] {
	--icon-color: var(--base-txt-primary);
}


@media (max-width: 480px) {
	.editBlock__picker.scrollZone {
		max-height: unset;
	}
	.editBlock__picker .editBlock__picker__body.scrollZone {
		max-height: unset;
	}
}

ws-icon.border_solid {
	border: 1px solid var(--base-txt-secondary);
}
.data_place ws-icon.border_dashed {
	border: 1.5px dotted var(--base-txt-tertiary);
}
ws-icon[name=mail].ico_nologin {
	--icon-color: var(--base-txt-alert-major);
}
.projectFolderCreate .editBlock__buttons {
	margin: 0 !important;
}
.proj_folder_color_input .flex_row-wrap {
	gap: 2px 16px;
}
.editBlock__picker .select-all {
	position: absolute;
	right: 6px;
	top: 6px;
	font: var(--font-ui-11-micro-med);
	color: var(--base-txt-secondary);
	padding:0 4px;
	z-index: 6;
}
.editBlock__bigSwitch {
	height: 56px;
	padding:0 12px;
	background: var(--base-txt-btn-c);
	color: var(--base-txt-alt-light);
	border-radius: 12px;
	margin: 10px 0 8px;
	cursor: pointer;
}
.editBlock__bigSwitch ws-icon {
	width:32px;
}
.editBlock__bigSwitch ws-icon svg {
	fill: var(--base-txt-alt-light);
}
.editBlock__bigSwitch .in {
	padding: 0 4px;
	font: var(--font-ui-12-mini-reg);
	line-height: 1.4;
	text-wrap-style: balance;
}
.editBlock__bigSwitch .sw_act .sw {
	background: var(--base-txt-alt-light);
}
.editBlock__bigSwitch .sw_act .sw span {
	background: var(--base-txt-new-minor);
}
.editBlock__picker__header {
	margin-top: -6px;
	margin-bottom: 8px;
	.label {
		font: var(--font-ui-12-mini-reg);
		color: var(--base-txt-primary);
		margin: 0;
		padding: 0 4px;
		&.flex_row {
			gap: 1ch;
		}
		&.label-error {
			color: var(--base-txt-btn-w);
		}
	}
}
.chatEdit .editBlock__bigSwitch,
.projectCreate .editBlock__bigSwitch {
	margin-top: 0;
	margin-bottom: 0;
}
.editBlock__picker-users .editBlock__picker__body .chip {
	padding-right: 6px;
	&.chip-28 .av_sm {
		width: 28px;
		height: 28px;
		font: 600 11.6667px/30px var(--font-base) !important;
		border-radius: 50%;
	}
}

.editBlock__picker-users {
	background: var(--base-cont-mod-low) !important;
}

.taskReminder .editBlock__picker {
	margin-top: 8px;
	margin-bottom: 8px;
}
.menu__group-picker .editBlock__picker-users .editBlock__picker__search {
	width: 235px;
	input {
		font: var(--font-ui-15-large-semi);
		height: 20px;
		padding-top: 0;
		padding-bottom: 0;
		&::-webkit-input-placeholder {
			font: inherit;
			height: 20px;
		}
		&::-ms-input-placeholder {
			font: inherit;
			height: 20px;
		}
		&:-moz-placeholder {
			font: inherit;
			height: 20px;
		}
		&::placeholder {
			font: inherit;
			height: 20px;
		}
	}
}
.menu__group__title.menu__group__title-muted {
	color: var(--base-txt-muted);
}
#menuChatMembers .menu__item .cnt_stat,
#menuProjectCreateMembers .menu__item .cnt_stat {
	--icon-color: var(--base-txt-tertiary);
}
.editBlock__picker.editBlock__picker-no-pickable {
	.editBlock__picker__add {
		opacity: .2;
	}
}

#menuTaskReminderMembers .chip:not(.chip-group) ws-icon:first-child,
.taskReminder .chip:not(.chip-group) ws-icon:first-child {
	--icon-color: var(--base-txt-primary);
}
#menuTaskReminderMembers .chip:not(.chip-group) span:not([class]),
.taskReminder .chip:not(.chip-group) span:not([class]) {
	color: var(--base-txt-primary);
}

.tag_new {--tag-bg:var(--colors-pine-800); --tag-color:var(--colors-pine-800);}

form[name=invite_frm] .button_dis2,
form[name=invite_frm] .button_dis3 {
	opacity: .5;
}

#reassign-tasks {
	.inputBlock__label > ws-icon {
		--icon-color: var(--base-txt-accent);
	}
	.inputBlock__wrapper {
		flex-wrap: nowrap;
	}
	.inputBlock-auto {
		min-width: 0;
	}
	.inputBlock-200px {
		width: 200px;
		flex-shrink: 0;
	}
}

#too_many.too_many-w {
	background: var(--base-hlt-w-hover);
	color: var(--base-txt-btn-w);
}

body.withAdvancedFilter {
	#too_many {
		display: none;
	}
	main > #content {
		overflow-y:scroll;
		position:relative
	}
	.dataTable__wrapper {
		height:auto;
		overflow:hidden !important
	}
	.dataTable__shadowLine {
		top:546px;
	}
	.dataTable {
		height:auto;
		min-height:calc(100% - 16px)
	}
}

body.offlineMode {
	.inputCheckbox, .rowDragger, [name=drag_indicator] {
		pointer-events: none;
	}
}

.ws-skeleton-container {
	i {display: inline-block;}
	i:before {
		height: 100%;
		display: block;
		content: '';
		border-radius: 4px;
		background: var(--base-line-ghost);
		animation: ws-blink 1.8s infinite ease-in-out;
		opacity: 0;
		--delay: 0.16s;
		--delay-offset: 0.05s;
	}
	i:nth-child(n+1):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 1);}
	i:nth-child(n+2):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 2);}
	i:nth-child(n+3):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 3);}
	i:nth-child(n+4):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 4);}
	i:nth-child(n+5):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 5);}
	i:nth-child(n+6):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 6);}

	.i:nth-child(n+1) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 1);}
	.i:nth-child(n+2) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 2);}
	.i:nth-child(n+3) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 3);}
	.i:nth-child(n+4) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 4);}
	.i:nth-child(n+5) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 5);}
	.i:nth-child(n+6) i:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 6);}
}
.ws-skeleton-place {
	display: block;
	position: relative;
	margin: auto;
	height: 14px;
	width: 100%;
	flex-shrink: 1;
	--delay: 0.16s;
	--delay-offset: 0.05s;
	&:before {
		height: 100%;
		display: block;
		content: '';
		border-radius: 4px;
		background: var(--base-line-ghost);
		animation: ws-blink 1.8s infinite ease-in-out;
		opacity: 0;
		animation-delay: calc(var(--delay-offset));
	}
}
.ws-skeleton-place + .ws-skeleton-place {
	margin-top: 12px;
}
.ws-skeleton-place:nth-child(n+1):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 1);}
.ws-skeleton-place:nth-child(n+2):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 2);}
.ws-skeleton-place:nth-child(n+3):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 3);}
.ws-skeleton-place:nth-child(n+4):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 4);}
.ws-skeleton-place:nth-child(n+5):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 5);}
.ws-skeleton-place:nth-child(n+6):before {animation-delay: calc(var(--delay-offset) + var(--delay) * 6);}

.ws-skeleton-place-1:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 1) !important;}
.ws-skeleton-place-2:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 2) !important;}
.ws-skeleton-place-3:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 3) !important;}
.ws-skeleton-place-4:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 4) !important;}
.ws-skeleton-place-5:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 5) !important;}
.ws-skeleton-place-6:before {animation-delay: calc(var(--delay-offset) + var(--delay) * 6) !important;}

.ws-skeleton-error {
	.ws-skeleton-place-1:before,
	.ws-skeleton-place-2:before,
	.ws-skeleton-place-3:before,
	.ws-skeleton-place-4:before,
	.ws-skeleton-place-5:before,
	.ws-skeleton-place-6:before,
	.ws-skeleton-container i:before,
	.ws-skeleton-place:before {
		animation: none !important;
		opacity: 0.05;
		background: var(--base-line-alert);
	}
}

.listing__card__contentScrollable {
	overscroll-behavior: auto;
}

.tag.tagDel ws-icon,
ws-icon.tag.tagDel {
	--icon-size: 14px;
}