.taskPanel {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1022;
	display: flex;
	transition: right 0.3s ease, left 0.3s ease;
	left: 64px;
	white-space: nowrap;
	justify-content: flex-end;
	box-shadow: 0 -1px 0 var(--base-line-tertiary);
	background: var(--base-cont-top);
	height: 40px;
	align-items: center;
	padding: 0 8px 0 4px;
}
.taskPanel:not(.taskPanel-active) {
	display: none
}
.taskPanel__item-sticky {
	position: sticky;
	left: 0;
	z-index: 1;
	/*top: 2px;*/
	/* xalign-self: flex-start; */
}

.taskPanel .taskPanel__item {
	margin-left: 8px;
}
.taskPanel .taskPanel__item--clone {
	margin-left: 0;
}

@media (max-width: 480px) {
	.taskPanel {
		/* display:none; */
		bottom: var(--primary-menu-height);
		left: 0;
		right: 0;
		box-shadow: var(--hairline-top);
		z-index: 1029;
		overflow: hidden;
		overflow-x: auto;
		height: 52px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0 8px;
	}
	.taskPanel > .flex_gap {
		display: none
	}
	.taskPanel > ws-btn.remove use:first-child {
		display: none
	}
	.taskPanel::-webkit-scrollbar:horizontal {
		height: 0;
	}
	.taskPanel > ws-btn.more {
		display: none
	}
	/*.taskPanel__item-sticky {*/
	/*	position: relative;*/
	/*	inset: unset;*/
	/*}*/
}

@media (min-width: 481px) {
	.taskPanel {
		overflow: hidden;
		overflow-x: auto;
		justify-content: flex-start;
	}
	.taskPanel > ws-btn.remove use:last-child {
		display: none
	}
	.taskPanel::-webkit-scrollbar:horizontal {
		height: 0;
	}
}

/*@media (min-width: 800px) {*/
/*	body.withSidebar:not(.sidePanelShown,.withTaskView-fullscreen) .taskPanel,*/
/*	body.withAdminMenu .taskPanel {*/
/*		left: 325px;*/
/*	}*/

/*	body.withTaskView.rightPanelShown480p .taskPanel {*/
/*		left: 64px;*/
/*	}*/
/*}*/

/*.body-dragInProgress .taskPanel {*/
/*	bottom: -80px;*/
/*}*/

/*.taskView__wrapper-minimize ~ .taskPanel {*/
/*	transition: right 0.6s ease;*/
/*}*/

@media (max-width: 480px) {
	.taskPanel__item {
		width: 200px;
		min-width: 120px;
		background: var(--base-cont-low);
		padding: 0 8px;
		color: var(--base-txt-primary);
		border-radius: 12px;
		font: 13px/20px var(--font-base);
		cursor: pointer;
		flex-shrink: 1;
		flex-grow: 0;
		overflow: hidden;
		height: 36px;
		box-sizing: border-box;
	}
	.taskPanel__item .close.close {
		aspect-ratio: 1 / 1.5;
	}
	.taskPanel__item-timer .badge,
	.taskPanel__item-costs .badge {
		top: 6px !important;
		right: 6px !important;
	}
}
@media (hover: none) and (pointer: coarse) {
	.taskPanel__item .close.close {
		display: none !important;
	}
}
@media (min-width: 481px) {
	.taskPanel__item {
		min-width: 160px;
		max-width: 220px;
		padding: 0 8px;
		color: var(--base-txt-primary);
		border-radius: 8px;
		font: 13px/20px var(--font-base);
		cursor: pointer;
		flex-shrink: 1;
		flex-grow: 0;
		overflow: hidden;
		height: 28px;
		box-sizing: border-box;
	}
	.taskPanel__item:hover {
		transition: var(--transition-border-and-shadow);
		box-shadow: 0 0 0 1px var(--base-line-secondary);
	}
}

.taskPanel__item-timers {
	background: var(--costs-timer-play);
	color: var(--white-primary);
}

.taskPanel__item:not(.taskPanel__item-timers) [name=stopwatch] {
}

.taskPanel__item-timers .priorb {
	display: none
}

.taskPanel__item-timers [name=stopwatch] svg {
	fill: var(--white-primary);
}

.taskPanel__item-timers[data-over=warning] {
	background: var(--costs-timer-warning)
}

.taskPanel__item-timers[data-over=alert] {
	background: var(--costs-timer-alert)
}

.taskPanel__item {
	--icon-color: var(--base-txt-primary);
}

.taskPanel__item a {
	pointer-events: none;
}

.taskPanel__item .priorb {
	margin: 0;
}

.taskPanel__item > .flex_content {
	padding: 0 8px;
}

.taskPanel__item .close {
	display: none;
	cursor: pointer;
}

.taskPanel__item-hover:not(.taskPanel__item-timers) .close {
	display: inline-flex;
}

.taskPanel__item .close {
	text-align: center;
	height: 100%;
	width: auto;
	aspect-ratio: 1 / 1;
	border-left: 1px solid var(--base-line-secondary);
	margin-right: -8px;
}

.taskPanel__item {
	--hint-dir: top_right;
	--hint-color: white;
}

.taskPanel__item-timer:not(.taskPanel__item-sticky),
.taskPanel__item-costs:not(.taskPanel__item-sticky) {
	position: relative;
}

.taskPanel__item-timer .badge,
.taskPanel__item-costs .badge {
	background: var(--base-txt-btn-w);
	font-size: 0;
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0;
	width: 5px;
	height: 5px;
	display: block;
	min-width: unset;
	transition: transform .15s ease-in;
	box-shadow: 0 0 0 2px var(--white-primary);
}
.taskPanel__item-timer:hover .badge,
.taskPanel__item-costs:hover .badge {
	transform: scale(0);
	transition: transform .15s ease-out;
}
.taskPanel__item-costs:has(.close) .badge {
	transition: unset;
}
.taskPanel__item-timer .badge:empty,
.taskPanel__item-costs .badge:empty {
	display: none;
}

.taskPanel__item-costs .close {
	margin-right: -12px;
}

.taskPanel__item-hover .close:hover {
	background: var(--base-hlt-g-hover);
}

.taskPanel__item-timers:hover, .taskPanel__item-timers.taskPanel__item-active {
	/* box-shadow: var(--shadow-brd-enable-focus); */
}

.taskPanel__item-timersOver:hover, .taskPanel__item-timersOver.taskPanel__item-active {
	box-shadow: var(--shadow-brd-error-focus);
}

.taskPanel__item-timersOver2:hover, .taskPanel__item-timersOver2.taskPanel__item-active {
	box-shadow: var(--shadow-brd-error-focus);
}

/* .taskPanel__item-queue:hover, .taskPanel__item-queue.taskPanel__item-active {
    box-shadow: var(--shadow-brd-focus-b);
} */

.taskPanel__item-inactive {
	background: var(--base-cont-trans-low);
}

.taskPanel__item-active, .taskPanel__item-active-hover {
	box-shadow: 0 0 0 1px var(--base-line-secondary);
	background: var(--base-cont-top);
	color: var(--base-txt-primary);
	--icon-color: var(--base-txt-primary);
}
.taskPanel__item-chat .av_nm {
	margin: -12px;
	transform: scale(0.5);
	box-shadow: 0 0 0 2px var(--white-muted);
}
.taskPanel__item.taskPanel__item-chat {
	padding-left: 2px;
}
.taskPanel__item-chat .proj_color {
	margin: -12px;
	transform: scale(0.5);
	box-shadow: 0 0 0 1px var(--white-muted);
	width: 48px;
	height: 48px;
	display: inline-block;
	border-radius: 12px;
}

.taskPanel__item-chat .proj_color ws-icon {
	width: 48px;
	height: 48px;
}
.taskPanel__item-chat .proj_color ws-emoji {
	width: 48px;
	height: 48px;
	transform: scale(0.7)
}
.taskPanel__item-chat .proj_color svg {
	width: 32px;
	height: 32px;
}

.taskView__wrapper-active ~ .taskPanel .taskPanel__item-active {
	/*display: none;*/
}

.taskPanel .ht {
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0 4px;
}
.taskPanel__item-queue {
	gap: 4px;
	color: var(--base-txt-secondary);
}
.taskPanel__item-queue .head {
	font: var(--font-ui-11-micro-med);
	color: var(--base-txt-secondary);
	padding: 0 2px;
}
.taskPanel__item-queue .bot {
	display: block;
	font: 500 13px/16px var(--font-base);
	color: var(--base-hlt-b-invert-major);
	padding: 0 2px;
}

.taskPanel__item-queue .bot b {
	color: var(--base-txt-primary);
	font-weight: inherit
}
.taskPanel__item-queue .head .stat {
	color: var(--base-hlt-b-invert-major);
}
.taskPanel__item-queue .progress {
	height: 8px;
	border-radius: 10px;
	margin: 3px 0;
	background: var(--base-surf-low);
	overflow: hidden;
	border: 1px solid var(--base-surf-low);
	width: 100px;
	box-shadow: 0 2px 2px #0000001a inset;
}
.taskPanel__item-queue .flex_content .progress {
	width: unset;
}
.taskPanel__item-queue .progress div {
	background: var(--white-primary);
	border-radius: 4px;
	height: 8px;
	overflow: hidden;
}
.taskPanel__item-queue .progress div:before {
	content: '';
	display: block;
	height: 24px;
	background: repeating-linear-gradient(-45deg, var(--base-hlt-b-notr-selected), var(--base-hlt-b-notr-selected) 8px, var(--white-secondary) 8px, var(--white-secondary) 16px);
	animation: linear bg_move_ani 1000ms infinite;
	-webkit-animation: linear bg_move_ani 1000ms infinite;
	box-shadow: 0 3px 3px var(--white-secondary) inset;
	border-radius: 4px;
}
.taskPanel__item-queue ws-icon {
	width: 28px;
	height: 28px;
}
.taskPanel__item-queueDone {
	color: var(--base-txt-btn-c);
	--icon-color: var(--base-txt-btn-c);
	padding: 0;
	background: var(--colorize-lbl-darkaqua-bg);
}


.taskPanel__item-timer, .taskPanel__item-timer:hover {
	background: var(--costs-timer-play);
	color: var(--white-primary);
	padding: 0 8px 0 0;
	min-width: 100px;
}
.taskPanel__item-costs, .taskPanel__item-costs:hover {
	background: var(--base-hlt-b-invert);
	color: var(--white-primary);
	padding: 0 12px 0 0px;
}
.taskPanel__item-costs.taskPanel__item-hover, .taskPanel__item-costs:hover {
	background: var(--base-hlt-b-invert-major);
}
.taskPanel__item-timer ws-icon, .taskPanel__item-costs ws-icon {
	--icon-color: var(--white-primary);
}
.taskPanel__item-timer ws-icon:first-child, .taskPanel__item-costs ws-icon:first-child {
	width: 32px;
	height: 32px;
}

.taskPanel__item-timer[data-over=warning] {
	background: var(--costs-timer-warning)
}

.taskPanel__item-timer[data-over=alert] {
	background: var(--costs-timer-alert)
}
.taskPanel__item-timer .data, .taskPanel__item-costs .data {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
	padding: 0;
}

.taskPanel__item-timer .data b {
	font: bold 14px/16px var(--font-base);
	margin: 0 0 -2px;
}
.taskPanel__item-timer .data i {
	font: 11px/16px var(--font-base);
	opacity: 0.7;
}
.taskPanel__item-timer .data .t {
	font: var(--font-ui-11-micro-reg);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.taskPanel__item-costs .data b {
	font: bold 14px/16px var(--font-base);
}

.primaryMenu__foot .taskPanel__counter {
	--icon-color: var(--sidebar-ico-promo);
}
.primaryMenu__foot .taskPanel__counter:hover {
	--icon-color: var(--sidebar-cont-active);
}
body > .taskPanel__counter {
	width: 40px;
	height: 40px;
	transition: all 0.3s ease;
	background: var(--base-cont-top-elevated);
	border-radius: 100%;
	box-shadow: var(--shadow-cont-major-outline);
	cursor: pointer;
	opacity: 1;
	scale: 1;
	position: fixed;
	bottom: 83px;
	right: 16px;
	z-index: 1016;
	justify-content: center;
	color: var(--base-txt-primary);
}
body > .taskPanel__counter > .in {
	font: var(--font-ui-11-micro-bold);
	padding: 0 6px;
	line-height: 16px;
	border-radius: 4px;
}
body > .taskPanel__counter ws-icon {
	display: none
}
.taskPanel__counter:not(.taskPanel__counter-active) {
	display: none !important;
}
body.withTaskPanel .taskPanel__counter {
	display: none
}
body:not(.withTaskPanel) .taskPanel {
	display: none
}
@media (max-width: 480px) {
	.primaryMenu__foot .taskPanel__counter {
		display: none
	}
}
@media (min-width: 481px) {
	body > .taskPanel__counter {
		display: none
	}
}
.taskPanel__item-costs {

}
#taskPanel__menu .menu__item .close {
	display: none;
	cursor: pointer;
	height: 100%;
	width: auto;
	aspect-ratio: 1 / 1;
	margin-right: -6px;
	border-radius: unset !important;
}

#taskPanel__menu .menu__item:not(.menu__item-timers):hover .close {
	display: flex
}

#taskPanel__menu .menu__item {
	overflow: hidden;
}
#taskPanel__menu .menu__item:hover .close:hover {
	background: var(--base-hlt-g-hover);
	box-shadow: 0 0 0 1px var(--base-line-secondary);
}

.primaryMenu__timer {
	padding:0;
	gap:0;
}
.primaryMenu__timer .in, .primaryMenu__timer .in:hover {
	position: relative;
	border-radius: 6px;
	font: var(--font-ui-10-nano-reg);
	--icon-color: var(--sidebar-ico-promo);
	text-align: center;
	transition: all 0.1s ease;
	height: 20px;
	padding: 1px 4px;
	background: var(--costs-timer-play);
	color: var(--sidebar-cont-base);
	margin: 16px 0 0;
}

.primaryMenu__timer .in[data-over=warning] {
	background: var(--costs-timer-warning)
}

.primaryMenu__timer .in[data-over=alert] {
	background: var(--costs-timer-alert)
}
body.withTaskPanel .primaryMenu__timer {
	display: none
}
.primaryMenu__timer .in b {
	color: var(--white-accent);
	font: var(--font-ui-10-nano-semi);
}
.primaryMenu__timer .in i {
	font: var(--font-ui-10-nano-reg);
	opacity: 0.7
}
body:not(.withTaskPanel) .primaryMenu__foot a.upgrade {
	display: none
}
@media screen and (max-width: 480px) {
	.taskPanel__item.taskPanel__item-chat {
		padding-left: 6px;
	}
}
@media (min-width: 481px) {
	.top-layer {
		padding-bottom: 0;
	}
	body.withTaskPanel .top-layer,
	body.withTaskPanel .taskView__wrapper,
	body.withTaskPanel .taskView__wrapper.top-layer {
		padding-bottom: 40px;
	}
	body.withModalAndTask.withImagePreview .taskView__wrapper,
	body.withModalAndTask.withImagePreview .taskView__wrapper.top-layer {
		padding-bottom: 0;
	}

	body.withModalAndTask.withImagePreview #modal__previewPanel.ws_init {
		transform: translateY(100%);
		transition: transform 0.3s;
	}
	body.withModal__previewPanel.withModal__previewPanel #modal__previewPanel.ws_init {
		transform: translateY(0);
	}
}
.taskPanel__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;
	}
}