.eventsList .moredots {
	margin: 24px auto;
}
.eventsList .eventsList__item .moredots {
	margin: 12px auto 0;
}
.eventsList__item {
	padding: 4px 8px 4px 12px;
	display: flex;
	position: relative;
}
.eventsList__item .part_left {
	width: 32px;
	flex-grow: 0;
	flex-shrink: 0;
}
.eventsList__item .part_left .ico_award {
	font-size:28px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
}
.eventsList__item .part_left .ava_pre .av_sm {
	transform: scale(calc(28 / 24));
	margin:4px;
	border-radius: 8px;
}
.eventsList__item .part_left .ava_pre .av_sm.av_svg[data-user="3"] {
	--icon-color: var(--base-txt-btn-a);
	background: var(--base-hlt-g-hover);
	border: unset;
}
.eventsList__item .ava_sm .av_sm {
	transform: scale(0.83);
	margin:-2px
}
.eventsList__item .emotion_pre ws-icon {
	width:28px;
	height:28px;
	margin:2px;
	--icon-size:28px;
}
.eventsList__item .part_left .ico_pre {
	height: 24px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.eventsList__item .part_left .ico_pre-task {
	height: 32px;
}
.eventsList__item .part_left .ico_pre-relate {
	height: 28px;
}
.eventsList__item .part_right {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.eventsList__item .part_right > .head {
	height: 32px;
	padding: 0 8px;
	font: var(--font-ui-13-small-reg);
	gap: 6px;
}
.eventsList__item .part_right > .head .date {
	border-radius:4px;
	font: var(--font-ui-11-micro-reg);
}
.eventsList__item .part_right > .head .auto {
	font: var(--font-ui-13-small-semi);
	color: inherit;
}
.eventsList__item .part_right > .head .text {
	color: var(--base-txt-secondary);
	font-style: italic;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	flex-shrink: 1;
}
.eventsList__item .head .dot {
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 8px;
}
.eventsList__item-new .head .dot {
	display: block;
	box-shadow: 0 0 0 1px var(--base-txt-new-minor) inset;
}
.eventsList__item .head ws-icon[name=star-solid],
.eventsList__item .head ws-icon[name=star] {
	display: none;
}
.eventsList__item-star .head ws-icon[name=star-solid],
.eventsList__item-star .head ws-icon[name=star]{
	display:block;
	--icon-color: var(
	--base-btn-notice-minor);
}
.eventsList__item-unseen .head .dot {
	display: block;
	background: var(--base-txt-new-minor);
}
.eventsList__item .user {
	font: var(--font-ui-13-small-semi);
}
.eventsList__item .user b {
	font-weight: inherit
}
.eventsList__item .eventsList__item__taskSmall {
	height: 24px;
	border-radius: 6px 12px 12px 6px;
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	padding: 0 8px 0 2px;
	background: none;
	flex-shrink: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}
.eventsList__item .eventsList__item__taskSmall:hover {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	color: var(--base-txt-primary);
	background: var(--base-hlt-g-easy);
}
.rightPanel .eventsList__item .eventsList__item__taskSmall:hover {
	background: var(--base-cont-top-elevated);
}

.eventsList__item .eventsList__item__taskSmall task-stage, .eventsList__item .eventsList__item__param .tag-stage {
	--icon-size:16px;
}
.eventsList__item .eventsList__item__taskSmall .in {
	font:  var(--font-ui-12-mini-reg);
	padding: 0 4px;
}
.eventsList__item .eventsList__item__taskDigest {
	height: 32px;
	border-radius: 6px 12px 12px 6px;
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	padding: 0 6px 0 2px;
	background: none;
	flex-shrink: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	margin: 1px 0 0 0;
	background: var(--base-cont-top);
	span.terms_label_warm_easy,
	span.terms_label_hot_easy,
	span.terms_label_wait_easy,
	span.terms_label_related_easy,
	span.terms_label_done_delay,
	span.terms_label_today_easy,
	span.terms_label_tomorrow_easy,
	span.terms_label_normal {
		font: var(--font-ui-11-micro-med);
		padding: 0 4px;
	}
}
.eventsList__item .eventsList__item__taskDigest:hover {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	color: var(--base-txt-primary);
	background: var(--base-hlt-g-easy);
}
.rightPanel .eventsList__item .eventsList__item__taskDigest:hover {
	background: var(--base-cont-top-elevated);
}
.eventsList__item .eventsList__item__taskDigest .separator {
	margin: 0 2px;
}
.eventsList__item .eventsList__item__taskDigest task-stage {
	--icon-size: 20px;
}
.eventsList__item .eventsList__item__taskDigest .in {
	font:  var(--font-ui-13-small-reg);
	padding: 0 4px;
}
.eventsList__item .eventsList__item__taskDigest .r {
	gap: 4px;
}

.eventsList__item .eventsList__item__projectSmall {
	height: 24px;
	border-radius: 6px;
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	padding: 0 8px 0 2px;
	background: none;
	flex-shrink: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.eventsList__item .eventsList__item__projectSmall[data-project]:hover {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	color: var(--base-txt-primary);
	background: var(--base-hlt-g-easy);
}
.eventsList__item .eventsList__item__projectSmall ws-icon[name="project"],
.eventsList__item .eventsList__item__projectSmall ws-icon.proj_color,
.eventsList__item .eventsList__item__taskSmall ws-icon.proj_color {
	width: 20px;
	height: 20px;
	--icon-size: 16px;
}
.eventsList__item .eventsList__item__projectSmall ws-icon.proj_color ws-emoji,
.eventsList__item .eventsList__item__taskSmall ws-icon.proj_color ws-emoji {
	width: 16px;
	height: 16px;
}
.eventsList__item .eventsList__item__projectSmall .in {
	font:  var(--font-ui-12-mini-reg);
	padding: 0 4px;
}
.eventsList__item .part_right > .text {
	padding: 0px 8px 6px;
	font: var(--font-ui-14-regular-reg);
	gap: 8px;
}
.eventsList__item.eventsList__item-type35 .part_right > .text {
	font: var(--font-txt-13-small-reg);
}
.eventsList__item .part_right .text-reason {
	font: var(--font-txt-13-small-reg);
	color: var(--base-txt-tertiary);
}
.eventsList__item .part_right .text-reason .eventsList__item__reason-label {
	display: inline-block;
	margin-right: 6px;
	font: var(--font-ui-12-mini-reg);
	font-variant: all-small-caps;
	color: var(--base-txt-btn-w);
	padding: 0 8px;
	border-radius: 6px;
	background: var(--base-hlt-w-selected);
	vertical-align: bottom;
}
.eventsList__item-comment .part_right > .text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 0;
	margin: 0px 8px 6px;
}
.eventsList__item .part_right > .files {
	padding: 0 0 8px 8px;
	font: var(--font-ui-15-large-reg);
	line-height: 24px;
}
.eventsList__item .part_right > .text-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eventsList__item .part_right > .data {
	display: flex;
	padding: 2px 8px 6px;
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 16px;
}
.eventsList__item .time {
	font: var(--font-ui-11-micro-reg);
	color:var(--base-txt-secondary);
}
.eventsList__item.eventsList__item-unseen .time {
	color:var(--base-txt-accent);;
	font-weight: bold;
}
.eventsList span.date {
	display: inline-flex;
	align-items: center;
	color:var(--base-txt-primary);
	font: var(--font-ui-11-micro-med);
	padding: 0 4px;
	height: 20px;
	border-radius: 6px;
}
.eventsList__item-comment .part_right .text > .user {
	font-weight: 600;
}

.eventsList__item .eventsList__item__task {
	position: relative;
	border-radius: 4px 16px 16px 4px;
	display: flex;
	padding: 0 4px 0 6px;
	background: none;
	box-sizing:border-box;
	cursor: pointer;
	overflow: hidden;
	--this-shadow: var(--shadow-cont-minor-lineonly-inside);
	background: var(--base-cont-top);
	align-items: flex-start;
	&> .separator {
		align-self: center;
		margin: 0 2px;
	}
	&> .space-icon {
		align-self: center;
	}
}
.eventsList__item .eventsList__item__task:hover {
	background: var(--base-cont-top-elevated);
	--this-shadow: var(--shadow-cont-major-lineonly-outside);
}
.rightPanel .eventsList__item .eventsList__item__task:hover {
	background: var(--base-cont-top-elevated);
}
.eventsList__item-type1 .eventsList__item__task, .eventsList__item-type9 .eventsList__item__task,
.eventsList__item-type10 .eventsList__item__task,
.eventsList__item-type21 .eventsList__item__task, .eventsList__item-type30 .eventsList__item__task,
.eventsList__item-type31 .eventsList__item__task, .eventsList__item-type35 .eventsList__item__task,
.eventsList__item-type40 .eventsList__item__task {
	box-shadow: var(--this-shadow);
}
.eventsList__item-type1 .eventsList__item__task:before, .eventsList__item-type9 .eventsList__item__task:before,
.eventsList__item-type10 .eventsList__item__task:before,
.eventsList__item-type21 .eventsList__item__task:before, .eventsList__item-type30 .eventsList__item__task:before,
.eventsList__item-type31 .eventsList__item__task:before,
.eventsList__item-type35 .eventsList__item__task:before, .eventsList__item-type40 .eventsList__item__task:before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
}
.eventsList__item-type31 .eventsList__item__task:before {
	background: var(--lbl-date);
}
.eventsList__item-type1 .eventsList__item__task:before {
	background: var(--base-txt-act-minor);
}
.eventsList__item-type10 .eventsList__item__task:before {
	background: var(--base-txt-alert-major);
}
.eventsList__item-type40 .eventsList__item__task:before {
	background: var(--lbl-date);
}
.eventsList__item-type30 .eventsList__item__task:before, .eventsList__item-type35 .eventsList__item__task:before {
	background: var(--lbl-today-minor);
}
.eventsList__item-type9 .eventsList__item__task:before {
	background: var(--base-txt-accent);
}
.eventsList__item-type21 .eventsList__item__task:before {
	background: var(--base-hlt-w-active);
}
.eventsList__item .eventsList__item__task > task-stage {
	margin: 6px 6px 6px 2px;
	flex-grow: 0;
	flex-shrink: 0;
}
.eventsList__item .eventsList__item__task > ws-icon {
	margin: 4px 4px 4px 0;
	width:24px;
	height:24px;
	--icon-size:24px;
	--icon-color:var(--base-txt-primary);
	flex-grow: 0;
	flex-shrink: 0;
}
.eventsList__item .eventsList__item__task .in {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.eventsList__item .eventsList__item__task .head {
	height:32px;
	padding: 0;
	gap: 4px;
}
.eventsList__item .priorb {
	margin: 0
}
.eventsList__item .eventsList__item__task .head .in {
	font: var(--font-ui-13-small-semi);
	white-space: nowrap;
}
.eventsList__item .eventsList__item__task > .in {
	font:  var(--font-ui-12-mini-reg);
	padding: 0;
}
.eventsList__item .eventsList__item__task .text {
	font: var(--font-txt-13-small-reg);
	color: var(--base-txt-secondary);
	padding: 0 0 8px;
}
.eventsList__item .eventsList__item__task .data {
	padding: 0 4px 0 0;
	display: flex;
	/* padding: 2px 8px 6px; */
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 6px;
}
.eventsList__item .eventsList__item__task .data > :last-child {
	display: inline-flex;
	margin-bottom: 8px;
}
.eventsList__item .eventsList__item__label {
	--icon-size: 14px;
	height: 22px;
	padding: 0 2px;
	font: var(--font-ui-11-micro-reg);
	display: inline-flex;
	border-radius: 6px;
}
.eventsList__item .eventsList__item__label span {
	padding: 0 6px 0 6px;
}
.eventsList__item .eventsList__item__label-done span {
	padding: 0 2px 0 6px;
}
.eventsList__item .eventsList__item__label-undone {
	color: var(--base-txt-btn-w);
	--icon-color: var(--base-txt-btn-w);
	background: var(--base-hlt-w-selected);
}
.eventsList__item .eventsList__item__label-done {
	box-shadow:0 0 0 1px var(--base-txt-primary) inset;
	--icon-color: var(--base-txt-primary);
}
.eventsList__item .eventsList__item__label-create {
	color: var(--base-txt-link-major);
	--icon-color: var(--base-txt-link-major);
}
.eventsList__item .eventsList__item__label-edit {
	color: var(--base-txt-btn-flip);
	--icon-color: var(--base-txt-btn-flip);
	background: var(--base-txt-new-major);
}
.eventsList__item .eventsList__item__label-remove,
.eventsList__item .eventsList__item__label-delete {
	color: var(--base-txt-alert-major);
	--icon-color: var(--base-txt-alert-major);
	background: var(--base-hlt-w-selected);
}
.eventsList__item .eventsList__item__label-mention {
	background: var(--base-hlt-w-hover);
	color: var(--base-txt-alert-major);
	--icon-color: var(--base-txt-alert-major);
}
.eventsList__item .eventsList__item__label-invite {
	background: var(--colorize-lbl-blue-bg);
	color: var(--base-txt-link-major);
	--icon-color: var(--base-txt-link-major);
}
.eventsList__item .eventsList__item__label-emotion {
	background: var(--lbl-date);
}
.eventsList__item .eventsList__item__label-alarm {
	--icon-color: var(
	--base-txt-btn-b);
	padding: 0 5px;
}
.eventsList__item .eventsList__item__label-alarm ws-icon {
	width: 16px;
	height: 16px;
}
.eventsList__item .eventsList__item__paramCosts .in {
	font: var(--font-ui-13-small-reg);
}
.eventsList__item .eventsList__item__paramCosts .in .value + strike {
	margin-left: 2px;
}
.eventsList__item .eventsList__item__paramCosts .in .label {
	color: var(--base-txt-tertiary);
}
.eventsList__item .eventsList__item__paramCosts__time .in {
	color: var(--costs-time-text);
}
.eventsList__item .eventsList__item__paramCosts__money .in {
	color: var(--costs-money-text);
}
.eventsList__item .eventsList__item__paramMini {
	padding: 0 2px;
	display: inline-flex;
	font: var(--font-ui-12-mini-reg);
	background: var(--base-hlt-g-hover);
	border-radius: 4px;
	height: 24px;
	color: inherit;
}
.eventsList__item .eventsList__item__paramMini-costs {
	background: unset;
}
.eventsList__item .eventsList__item__paramMini-costs-label .badge-costs {
	margin: 0;
	padding: 0 4px;
	pointer-events: none; /* just to prevent hover styles */
}
.eventsList__item .eventsList__item__paramMini-users {
	flex-wrap: wrap;
	gap: 4px;
	height: auto;
	background: none;
}
.eventsList__item .eventsList__item__paramMini .in {
	gap: 4px;
}
.eventsList__item .eventsList__item__paramMini-users .in {
	height: 20px;
	border-radius: 10px;
	background: var(--base-cont-low);
}
.eventsList__item .eventsList__item__paramMini span {
	font: inherit;
}
.eventsList__item .eventsList__item__paramMini > span,
.eventsList__item .eventsList__item__paramMini > strike span {
	padding: 0 6px 0 2px;
}
.eventsList__item .eventsList__item__paramMini .av_sm {
	scale: 0.8333;
	margin: 0 0 0 -4px;
	padding: 0;
}
.eventsList__item .eventsList__item__param {
	display: inline-flex;
	gap: 6px;
	flex-shrink: 1;
	align-items: center;
	min-width: 0; /* some tricks for text-overflow: ellipsis; */
}
.eventsList__item .eventsList__item__param-desc {
	display: block;
}
.eventsList__item .eventsList__item__param:has(.tags_wrapper) {
	align-items: flex-start;
}
.eventsList__item .eventsList__item__param i {
	font: var(--font-ui-12-mini-reg);
	font-variant: all-small-caps;
	margin-right: 0;
	color: var(--base-txt-btn-c);
	padding: 0 8px;
	border-radius: 12px;
	background: var(--colorize-lbl-aqua-bg);
}
.eventsList__item .eventsList__item__param-desc i {
	display: inline-block;
}
.eventsList__item-type14 .eventsList__item__param i {
	background: var(--base-hlt-w-selected);
	color: var(--base-txt-alert-major);
	--icon-color: var(--base-txt-alert-major);
}
.eventsList__item .eventsList__item__param-tags i {
	 align-self: flex-start;
}
.eventsList__item .eventsList__item__param > .in,
.eventsList__item .eventsList__item__param strike .in {
	font: var(--font-ui-12-mini-reg);
	gap: 4px;
	height: 24px;
	/* border-radius: 12px; */ /* дивно виглядає обрізання коли нема рамки */
	/* display: inline-flex; */ /* нам це НЕ треба на всіх пропсах, щоб норм працювало text-overflow */
	align-items: center;
}
.eventsList__item .eventsList__item__param > .in,
.eventsList__item .eventsList__item__param strike,
.eventsList__item .eventsList__item__param strike .in {
	flex-shrink: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.eventsList__item .eventsList__item__paramMini .in:empty {
	display: none;
}
.eventsList__item .eventsList__item__param strike {
	text-decoration: none;
	position:relative;
	max-height: 24px;
	opacity: 50%;
}
.eventsList__item .eventsList__item__paramMini-costs-label {
	font: var(--font-ui-10-nano-reg);
}
.eventsList__item .eventsList__item__paramMini-costs strike {
	text-decoration: none;
	position: relative;
	opacity: 50%;
}
.eventsList__item .eventsList__item__paramMini-costs .in + .in {
	margin-left: 4px;
}
.eventsList__item .eventsList__item__paramMini-users strike {
	text-decoration: none;
	position: relative;
	max-height: 20px;
}
.eventsList__item .eventsList__item__param .tags_wrapper strike {
	flex-shrink: 0;
}
.eventsList__item .eventsList__item__param strike:after,
.eventsList__item .eventsList__item__paramMini-users strike:after,
.eventsList__item .eventsList__item__paramMini-costs strike:after {
	content: '';
	position:absolute;
	left: 0;
	right: 0;
	top: 50%;
	border: 1px solid var(--base-txt-secondary);
}
.eventsList__item .eventsList__item__param .tags_wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 1;
	gap: 4px 12px;
}
.eventsList__item .eventsList__item__param .tags {
	display: inline-flex;
	flex-wrap: wrap;
	row-gap: 2px;
}
.eventsList__item .eventsList__item__task .tags {
	flex-shrink: 1;
}
.eventsList__item .eventsList__item__param .tags span.tag,
.eventsList__item .eventsList__item__task .tags span.tag {
	margin: 0;
	padding: 0 8px 0 5px;
	font: var(--font-ui-12-mini-reg);
}
.eventsList__item .eventsList__item__param .tags span.tag:not(.tag-stage),
.eventsList__item .eventsList__item__task .tags span.tag:not(.tag-stage) {
	margin: 0 -6px 0 0;
	&:last-child {
		margin-right: 0;
	}
}
.eventsList__item .eventsList__item__param .tags span.tag:not(.tag-stage,.tagDel):before,
.eventsList__item .eventsList__item__task .tags span.tag:not(.tag-stage,.tagDel):before {
	display: block;
	margin-left: 0;
}
.eventsList__item .eventsList__item__param .tags em,
.eventsList__item .eventsList__item__task .tags em {
	margin: 0 8px 0 0;
}

.eventsList__item .eventsList__item__param .tags span.tag.tag-stage,
.eventsList__item .eventsList__item__task .tags span.tag.tag-stage {
	margin: 0;
	padding: 0;
	font: var(--font-ui-11-micro-reg);
	box-shadow: none;
	background: none;
}
.eventsList__item .eventsList__item__param .tags span.tag-stage ws-icon {
	margin: 0 2px 0 0;
	--icon-size: 20px;
}
.eventsList__item .ico_pre ws-icon {
	--icon-color: var(--base-txt-primary);
}
.eventsList__item-unseen .ico_pre ws-icon[name*=comment] {
	--icon-color: var(--base-txt-new-minor);
}
.eventsList__item-unseen .ico_pre ws-icon[name*=comment] use:first-child {
	display:none;
}
.eventsList__item:not(.eventsList__item-unseen) .ico_pre ws-icon[name*=comment] use:last-child {
	display:none;
}
.eventsList__item .ico_pre ws-icon[name=edit_prop] {
	--icon-color: var(--base-txt-link-major);
}
.eventsList__item.eventsList__item-reply_me .ico_pre ws-icon,
.eventsList__item.eventsList__item-reply .ico_pre ws-icon {
	transform: rotate(180deg);
}
.eventsList__item.eventsList__item-reply_me .ico_pre ws-icon,
.eventsList__item .ico_pre ws-icon[name=at_sign] {
	--icon-color: var(--base-txt-alert-major);
}
.eventsList__item .ico_pre ws-icon[name="arrows/moved"] {
	--icon-color: var(--base-txt-btn-c);
}
.eventsList__item .ico_pre ws-icon[name=calendar_waiting],
.eventsList__item .ico_pre ws-icon[name=trash_can] {
	--icon-color: var(--base-txt-btn-w);
}
.eventsList__item.eventsList__item-comment.eventsList__item-type12 .ico_pre ws-icon,
.eventsList__item .ico_pre ws-icon[name=edit],
.eventsList__item .ico_pre ws-icon[name=merge] {
	--icon-color: var(--base-txt-new-major);
}
.eventsList__item.eventsList__item-type14 .ico_pre-relate ws-icon {
	opacity: 50%;
}
.eventsList__item .ico_bg_pre ws-icon {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	margin: 2px;
}
.eventsList__item ws-icon[name=alarm_clock],
.eventsList__item ws-icon[name=notifications_alt-solid]{
	--icon-color: var(--base-txt-notice-major);
	background: var(--lbl-today-minor);
}
.eventsList__item ws-icon[name=reaction-party]{
	background: var(--colorize-lbl-lightpink-bg);
}
.eventsList__item ws-icon[name=notifications_alt]{
	--icon-color: var(--base-txt-tertiary);
	background: var(--lbl-date);
}
.eventsList__item ws-icon[name=attach-horiz] {
	--icon-color: var(--base-txt-link-major);
}
.eventsList__item ws-icon[name=lock_sm] {
	--icon-color: var(--base-txt-alert-major);
}
.eventsList__item ws-icon[name=lock_sm_open] {
	--icon-color: var(--base-txt-new-major);
}
.eventsList__item ws-icon[name*=guest] {
	--icon-color: var(--base-txt-new-major);
}
.eventsList__item ws-icon[name=time] {
	--icon-color: var(--costs-time-major);
}
.eventsList__item ws-icon[name=money] {
	--icon-color: var(--costs-money-major);
}

.sidePanel__list__item.eventsList__item-unseen:before, .sidePanel__list__item.eventsList__item-type53:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	border-right: 4px solid var(--base-txt-new-minor);
	border-radius: 0 4px 4px 0;
}
.sidePanel__list__item.eventsList__item-type53:before {
	border-right: 4px solid var(--colorize-lbl-pink);
}
.eventsList__item-type68 .ico_bg_pre ws-icon {
	background: var(--base-hlt-b-active);
	--icon-color: var(--base-txt-btn-b);
}

.eventsList__item-noNotify {
	/* background: var(--base-cont-mid); */
}
.eventsList__item-my {
}
.eventsList__item-click {
	cursor: pointer
}
.eventsList__item-new div.time {
}
.eventsList__item-new.log_alarm div.time {
	/*background: var(--colors-amber-500)*/
}
.eventsList__item-new.log_mention div.time {
	/*background: var(--base-btn-alert-primary-minor)*/
}

.eventsList__item span.same {
	color: var(--base-txt-tertiary)
}
.eventsList__item span.add {
	color: var(--base-txt-accent)
}
.eventsList__item span.del {
	text-decoration: line-through;
	text-decoration-color: var(--base-btn-alert-primary-major);
}
.eventsList__item .eventsList__item__birthday {
	background: var(--colorize-lbl-lightpink-bg);
	width: 240px;
	height: 52px;
	border-radius: 26px;
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	&:hover {
		box-shadow: var(--shadow-cont-major-lineonly-outside);
	}
}
.eventsList__item .eventsList__item__birthday .img {
	background: var(--base-cont-top);
	width:40px;
	height:40px;
	padding:2px;
	border-radius:24px;
	margin: 4px;
}
.eventsList__item .eventsList__item__birthday .img .av_nm {
	margin: -4px;
	transform: scale(0.85);
}
.eventsList__item .eventsList__item__birthday .name {
	font: var(--font-ui-12-mini-reg);
	color: var(--colorize-lbl-txt-primary);
	overflow: hidden;
	padding: 0 4px;
}
.eventsList__item .eventsList__item__birthday .name b {
	font: var(--font-ui-15-large-semi);
	color: var(--colorize-lbl-txt-primary);
}
.eventsList__item .eventsList__item__birthday .name > b,
.eventsList__item .eventsList__item__birthday .name > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eventsList__item .eventsList__item__birthday > ws-icon {
	--icon-size: 24px;
	width: 44px;
	height: 44px
}

.eventsList__item .eventsList__item__project {
	border-radius: 12px;
	box-shadow: var(--shadow-brd-enable);
	display: flex;
	padding: 0 0 0 6px;
	background: none;
	box-sizing:border-box;
	height: 52px;
}

.eventsList__item .eventsList__item__project:hover {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	background: var(--base-cont-top-elevated);
}
.eventsList__item .eventsList__item__project .logo {
	padding: 4px 8px 4px 0;
}

.eventsList__item .eventsList__item__project .logo .proj_color {
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	/*box-shadow: 0 0 0 20px var(--white-tertiary) inset;*/
}

.eventsList__item .eventsList__item__project .logo svg, .eventsList__item .eventsList__item__project .logo ws-icon {
	width: 32px;
	height: 32px;
}
.eventsList__item .eventsList__item__project .img {
	background: none;
	width:48px;
	height:48px;
	padding:2px;
	border-radius:24px;
	transform: scale(0.66);
}
.eventsList__item .eventsList__item__project .img .av_nm {
}
.eventsList__item .eventsList__item__project .name .in {
	font: var(--font-ui-15-large-semi);
	padding: 0;
}
.eventsList__item .eventsList__item__project .users {
	margin: 0 8px 0 0;
	padding-left: 2px;
}
.eventsList__item .eventsList__item__project .users .av_sm {
	margin: -4px;
	transform: scale(0.66);
}
.eventsList__item .eventsList__item__project .users .more {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 16px;
	padding: 0 4px 0 2px;
}
.eventsList__item .eventsList__item__project .users i {
	height: 16px;
	margin: 0 2px 0 4px;
}
.eventsList__item .eventsList__item__project .info {margin: 0 0 0 8px;}
.eventsList__item .eventsList__item__project .info ws-icon {
	width: 16px;
	height: 16px;
	--icon-size: 16px;
}
.eventsList__item .eventsList__item__project .info .in {
	padding: 0 4px;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary)
}
.eventsList-full {
	padding: 24px 0;
}
.eventsList__group__content {
	margin: 0 0 24px 0;
}
.eventsList__group__subset {
}
.eventsList__group__content {
	background: var(--base-cont-top);
	border-radius: 16px;
}
.eventsList__group__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 0 32px 8px;
	font: var(--font-ui-18-title-2-semi);
}
.eventsList-full > .eventsList__group:first-child .eventsList__group__title {
	display: none;
}
.eventsList__group__title a.moredots {
	margin: 2px 0 0 10px;
	display: inline-block;
	color: var(--white-accent);
	vertical-align: top;
}
.eventsList-full .eventsList__item {
	padding: 8px 24px 8px 32px;
}
.eventsList-full .eventsList__item:hover, .eventsList-full .eventsList__item.selected {
	background: var(--base-cont-mid);
	box-shadow: 0 1px var(--base-line-tertiary) inset, 0 -1px var(--base-line-tertiary) inset;
}

.eventsList__form:not(.eventsList__form-collapsed) .eventsList__filter-btn use:first-child {
	display: none;
}
.eventsList__form.eventsList__form-collapsed .eventsList__filter-btn use:last-child {
	display: none;
}
.eventsList__form-collapsed .eventsList__filter {
	display: none;
}
.eventsList__filter {
	height: 42px;
	gap: 8px;
}
.eventsList__filter > .cnt {
	min-width: 24px;
	font: var(--font-ui-14-regular-semi);
}
.eventsList__filter button {
	max-width:200px;
}
.rightPanel .eventsList__filter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 48px;
	padding: 0 18px;
	border-bottom: none;
	box-shadow: 0 var(--screen-minus-px) var(--base-line-tertiary) inset;
	background: linear-gradient(180deg, var(--base-cont-top), var(--base-cont-top-opac));
	backdrop-filter: blur(4px);
}
.eventsList__filter ws-btn.range button, .filt_r ws-btn.range button {
	font: var(--font-ui-15-large-semi);
}
.eventsList__item .fileItem {
	width: 210px;
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
}

.eventsList__item .part_right .eventsList__item__paramMini,
.eventsList__item .part_right .eventsList__item__param > .in,
.eventsList__item .part_right .eventsList__item__param strike .in {
	height: 20px;
}

.eventsList__item .part_right .eventsList__item__param .in .av_sm {
	scale: 0.83333;
}

.eventsList__item-birthday .part_right > .head {
	height: unset;
	min-height: 32px;
	align-items: flex-start;
	.auto {
		display: flex;
		gap: 0 8px;
		flex-wrap: wrap;
		flex-shrink: 1;
		align-items: center;
		line-height: 32px;
	}
	& > .eventsList__item__label {
		height: 32px;
	}
	& > ws-icon[name=star-solid] {
		margin-top: 6px;
	}
	& > .dot {
		margin-top: 12px;
	}
	& > .time {
		line-height: 32px;
	}
	.auto__user {
		display: inline-flex;
		align-items: center;
		padding: 0 4px;
		margin: 0 -4px;
		&:hover {
			box-shadow: var(--shadow-cont-major-lineonly-inside);
			border-radius: 16px;
		}
	}
	/* .auto__user-ava {} */
	.auto__user-name {
		padding: 0 4px;
	}
}
.eventsList__item-birthday-today .part_right > .data {
	row-gap: 5px; /* exact size to prevent box-shadow overlap */
	.eventsList__item__birthday:has( + .eventsList__item__birthday) {
		margin-right: -65px;
	}
	.eventsList__item__birthday + .eventsList__item__birthday {
		box-shadow: var(--shadow-cont-minor-lineonly-inside), 0 0 0 4px var(--current-background-color);
		background: var(--current-background-color) linear-gradient(var(--colorize-lbl-lightpink-bg), var(--colorize-lbl-lightpink-bg));
		&:hover {
			box-shadow: var(--shadow-cont-major-lineonly-outside), 0 0 0 4px var(--current-background-color);
		}
	}
}

.eventsList__item-reply_me .part_left .ava_pre .av_sm,
.eventsList__item-mention .part_left .ava_pre .av_sm {
	box-shadow: 0 0 0 1px var(--base-cont-top), 0 0 0 2px var(--base-txt-btn-w);
}

.eventsList__item-mention .part_right .text .me {
	background: var(--base-hlt-w-selected);
	border-radius: 4px;
	padding-block: 2px;
}

.eventsList__item-type40 .part_right .text {
	font: var(--font-ui-13-large-reg);
	font-style: italic;
	color: var(--base-txt-tertiary);
}

.eventsList__item-type9 .eventsList__item__task > .in .head > .in {
	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);
}

.eventsList__item-type21 .eventsList__item__task > .in .head > .in {
	color: var(--base-txt-tertiary);
	text-decoration: line-through;
	text-decoration-color: var(--base-btn-alert-primary-major);
}
.eventsList__item-type1 .ico_pre ws-icon {
	--icon-color: var(--base-txt-link-major);
}
.eventsList__item-type10 .ico_pre ws-icon {
	--icon-color: var(--base-txt-alert-major);
}
.eventsList__item__taskSmall .left-icon {
	margin-right: 4px;
}
.eventsList__item-type22 .part_right .text,
.eventsList__item-type12 .part_right .text,
.eventsList__item-type2 .part_right .text {
	padding-top: 4px;
	font: var(--font-txt-13-small-reg);
}
.eventsList__item .part_right .eventsList__item__param-desc .text {
	display: inline;
}
.sidePanel__list__item .eventsList__item__taskSmall-deleted .in,
.sidePanel__list__item .eventsList__item__taskSmall-done .in {
	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);
}

.eventsList__item .reply_to_item {
	border-radius: 6px;
	background: var(--base-hlt-hover);
	display: flex;
	align-items: center;
	box-shadow: inset 0 0 0 var(--screen-px) var(--base-line-primary);
	margin-bottom: 2px;
}
.eventsList__item .reply_to_item .in {
	padding: 0 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
	flex-shrink: 1;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-accent);
}
.eventsList__item .reply_to_item .av_sm {
	border-radius: 6px 0 0 6px;
	flex-shrink: 0;
}


.eventsList-full .eventsList__item.eventsList__item-type33 .eventsList__item__paramMini-users {
	height: unset;
}

/* relationIcon */
.eventsList__item .ico_pre .relationIcon,
.eventsList__item .ico_pre .relationIcon-info,
.eventsList__item .ico_pre .relationIcon-info_by {
	--icon-color: var(--base-txt-btn-c);
}
.eventsList__item .ico_pre .relationIcon-block_by,
.eventsList__item .ico_pre .relationIcon-start,
.eventsList__item .ico_pre .relationIcon-end {
	--icon-color: var(--base-txt-btn-w);
}
.eventsList__item .ico_pre .relationIcon-block,
.eventsList__item .ico_pre .relationIcon-after_end,
.eventsList__item .ico_pre .relationIcon-after_start {
	--icon-color: var(--base-txt-btn-b);
}
/* /relationIcon */

@media screen and (max-width: 480px) {
	.eventsList-full .eventsList__item {
		padding: 8px 12px 8px 20px;
	}
}