#modSidebar {
	max-width: 240px;
	min-width: 240px;
	overflow: hidden;
	background: var(--base-cont-mod-low);
}

#modProfile {
	background: var(--base-cont-mod-top);
	box-shadow: var(--shadow-cont-minor-outline);
	padding: 0;
	min-width: 0;
}

.modal[data-group=profile] .ps__rail-y {
	margin: 0;
}

#modProfile .modal__header {
	gap: 0;
}

#modProfile .modal__header .buttons {
	height: 46px;
	padding: 0 4px;
	margin: 0 8px;
	display: flex;
	align-items: center;
}

#modProfile .modal__header.modal__header-big {
	padding-right: 16px;
}

#modProfile .buttons .button {
	margin: 0;
}


#modProfile span.invited {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-12-mini-reg);
	padding: 12px 16px 0 8px;
}

#modProfile .not_in_profile {
	display: none;
}

#modProfile .modal__header > .in {
	margin: 0 8px;
	padding: 0 4px;
	display: flex;
	gap: 16px;
}

#modProfile .modal__header > .in .button {
	margin: 0;
}

#modProfile .modal__header > .in .r {
	margin: 0;
	align-items: center;
	gap: 12px;
}

#modProfile .modal__header > .in .picker_year {
	font: var(--font-ui-22-title-1-bold);
	font-variant-numeric: tabular-nums;
}

#modProfile .modal__header .mobile-head .picker_year {
	color: var(--base-txt-primary);
	font: var(--font-ui-18-title-2-bold);
	font-variant-numeric: tabular-nums;
}

#modProfile .modal__header > .in {
	line-height: 40px;
	padding: 8px 0 8px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 40px;
}

#modProfile .user_workday .workday_head .info {
	margin: 0;
	padding: 4px 0 0 12px;
}

#modProfile .user_workday .workday_head .sw_pre {
	margin-top: -12px;
}

#modProfile .user_workday .workday_head img {
	display: none;
}

#modProfile .user_workday .workday_foot {
	padding: 24px 24px 0;
	height: 40px;
	border: none;
	bottom: 0;
}

#modProfile .ui-datepicker-header {
	margin-left: 4px !important;
}

#modProfile .ui-datepicker-multi div.ui-datepicker-one-month {
	/* margin-left: 24px; */
}

#modProfile .ui-datepicker-new-row {
	/* margin-left: 10px; */
}

#modProfileContent .space ws-icon ws-emoji {
	width: 16px;
	height: 16px;
}

.profile__block__loader {
	display: none;
	position: absolute !important;
	background: var(--base-cont-mod-top);
	border-radius: 0 0 16px 16px;
	height: 0;
	width: 100%;
	z-index: 999;
}
.profile__block__loader ws-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	--icon-size: 74px;
	--icon-color: var(--base-line-tertiary);
	opacity: 1;
	pointer-events: none;
}
.profile__block__loader .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	border: 4px solid var(--base-line-tertiary);
	border-left-color: var(--trans);
	width: 72px;
	height: 72px;
	opacity: 1;
	pointer-events: none;
}

.user_workday .workday_head .workday_controls {
}

.user_workday .workday_head .workday_controls span {
	margin-left: auto;
}

.user_workday .workday_head .workday_controls span a {
	color: var(--base-txt-btn-a);
	font: var(--font-txt-13-small-med);
	line-height: 20px;
}

.user_workday .workday_head .workday_controls span a svg {
	fill:  var(--base-txt-btn-a);
}
.user_workday .workday_head .workday_controls ws-btn {
	margin-left: auto;
}

.user_workday .profileCalendar.viewonly {
	table td a { pointer-events: none; }
}

.flex-text-r .button {
	margin: 0 0 0 10px;
}

#modProfile .modal__header-disabled {
	opacity: 1;
}

#modProfile .editBlock {
	padding: 0;
}

#modProfileContent > * {
	max-width: 640px;
}

#modProfileContent .setupBlock:not([class*='setupBlock__']) {
	background: var(--base-cont-mod-top);
}

#modProfileContent .setupBlock__muted {
	background: var(--base-cont-mod-mid);
}

#modProfileContent ~ .setupBlock:last-child {
	margin-bottom: 1px;
}

#modProfile .setupBlock__title .in {
	display: flex;
	align-items: center;
	font: var(--font-ui-18-title-2-semi);
	gap: 6px;
	padding: 4px 8px;
}

#modProfileContent .setupBlock__item .in {
	display: flex;
	align-items: center;
	gap: 6px;
	width: min-content;
}

#modProfileContent .setupBlock__muted .setupBlock__title-sub {
	display: none !important;
}

#modProfileContent .setupBlock__title-sub .in {
	font: var(--font-ui-14-regular-reg);
}
#modProfileContent .setupBlock__title-sub .action {
	padding: 0 8px;
	display: block;
}

@media (max-width: 480px) {
	#profile_hacks_main .setupBlock__item:has(ws-slider) {
		flex-wrap: wrap;
		ws-slider {
			margin-left: 34px;
		}
	}
}

#modProfile .cnt {
	background: var(--base-hlt-b-hover);
	padding: 0 8px;
	float: left;
}

#modProfile .cnt .ico {
	display: none;
}

#modProfile .cnt b {
	font-weight: 400;
}

#modProfile .cnt, #modProfile .cnt i {
	border-radius: 8px;
	color: var(--base-txt-btn-b);
	font: 18px/32px var(--font-base);
}

#profile_main, #profile_notify_main, #profile_hacks_main, #profile_privacy_main, #profile_sidebar_settings, #profile_apps {
	padding: 0 24px !important;
	overflow-y: scroll;
}

#profile_main label[for=work_hrs]:not(:focus-within):has(input:placeholder-shown) .sw_pre:not(.sw_act),
#profile_main label[for=work_hrs]:has(input:placeholder-shown) .sw_pre:not(.sw_act) {
	display: none;
}

#modProfileContent .workday_head {
	padding: 5px 24px 20px 24px !important;
}

#modProfileContent .setupBlock .setupBlock__content {
	padding: 20px;
}

#modProfileContent .setupBlock .setupBlock__content + .setupBlock__content,
#modProfileContent .setupBlock .setupBlock__title + .setupBlock__content
{
	padding: 0 20px 20px;
}

#profile_notify_main, #profile_hacks_main, #profile_privacy_main, #profile_sidebar_settings, #profile_apps {
	padding-bottom: 24px;
}

#profile_sidebar_settings .setupBlock__item__disabled ws-icon[name^=award] {
	width: 28px;
	height: 28px;
	--icon-color: var(--base-btn-notice-major);
}

#profile_sidebar_settings .setupBlock__item .in ws-icon use {
	fill: var(--base-txt-secondary);
}

#profile_sidebar_settings .setupBlock__item__disabled .in ws-icon use {
	fill: var(--base-txt-muted);
}

#profile_sidebar_settings .setupBlock__item .in ws-icon use:last-child,
#profile_sidebar_settings .setupBlock__item.pre_act .in ws-icon use:first-child {
	display: none;
}

#profile_sidebar_settings .setupBlock__item.pre_act .in ws-icon[name="eye-close:none"] {
	display: none;
}

#profile_sidebar_settings .setupBlock__item.pre_act .in ws-icon use:last-child {
	fill: var(--base-txt-alt-light);
	display: inline-block;
}

#profile_sidebar_settings .setupBlock__item.pre_act .in ws-icon:not([name="eye-close:none"]):not([name="award-fill"]) {
	background: var(--base-txt-act-minor);
	border-radius: 8px;
}

#profile_sidebar_settings .setupBlock__item.pre_act .in label.disabled ws-icon:not([name="eye-close:none"]):not([name="award-fill"]) {
	background: var(--base-txt-muted);
}

#profile_sidebar_settings .inputCheckbox.inputCheckbox-alwaysOn span svg {
	fill: var(--base-txt-muted);
}

#profile_sidebar_settings .setupBlock__item .in ws-icon[name="eye-close:none"] use {
	fill: var(--base-txt-tertiary);
}

#profile_sidebar_settings .setupBlock__item .in .hotKey {
	display: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

#profile_sidebar_settings .setupBlock__item:hover .in .hotKey,
#profile_sidebar_settings .setupBlock__item.pre_act .in .hotKey {
	opacity: 1;
}

#profile_sidebar_settings .setupBlock__item.pre_act .in .hotKey {
	display: flex;
}

#profile_sidebar_settings .setupBlock__item .in {
	padding: 0 0 0 6px;
}

#profile_sidebar_settings .setupBlock__item .in ws-icon {
	margin-left: 8px;
	padding: 4px;
}

#profile_sidebar_settings .setupBlock__item .in span.flex_content {
	padding-left: 6px;
	flex-grow: 1;
}

#profile_sidebar_settings .setupBlock__line:last-child {
	display: none;
}

#profile_sidebar_settings .setupBlock__group__title {
	padding: 0;
	color: var(--base-txt-secondary);
	font-weight: 400;
}

#profile_sidebar_settings .setupBlock__item {
	padding: 0 6px;
	border-radius: 10px;
}

#profile_sidebar_settings .setupBlock__item:hover {
	background: var(--base-hlt-g-easy);
}

#profile_sidebar_settings .setupBlock__item .in label {
	color: var(--base-txt-tertiary);
	display: flex;
	align-items: center;
	padding:  6px 0;
	flex-grow: 1;
}

#profile_sidebar_settings .setupBlock__item__disabled .in label {
	color: var(--base-txt-muted);
}

#profile_sidebar_settings .setupBlock__item.pre_act .in label {
	color: var(--base-txt-primary);
}

#profile_sidebar_settings .setupBlock__item .in label.disabled {
	cursor: auto;
}

#profile_sidebar_settings .setupBlock__item .badge {
	margin-left: 8px;
}

.scrollPointer {
	width: 100%;
	height: 24px;
	text-align: center;
	flex-shrink: 0;
}

.scrollPointer * {
	display: none;
}

.scrollPointer ws-icon svg {
	fill: var(--base-txt-tertiary);
}

.scrollPointer:hover ws-icon svg {
	fill: var(--base-txt-secondary);
}

.scrollPointer-on {
	cursor: s-resize;
}

.scrollPointer-on * {
	display: initial;
}

.user_workday .workday_controls ws-slider,
#modProfileContent ws-slider {
	background: var(--base-cont-mod-low);
}

#modProfileContent #userpic {
	position: initial;
}

body.mobile #modProfileContent {
	.blank {
		padding-left: 24px;
		padding-right: 24px;
		width: calc(100% - 48px);
	}

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

.avatars h4 {
	margin:0 0 10px 0;
}

.ava_controls, .ava_controls > * {
	gap: 8px;
}

.ava_controls .flex_row:last-child {
	height: 24px;
}

.ava_controls a.ava_prev {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 4px;
}
.ava_controls a.ava_prev.act {
	box-shadow: var(--shadow-brd-focus-b);
}

.ava_controls a.ava_prev:not(.act):hover {
	box-shadow: var(--shadow-brd-hover-b);
}

.ava_controls .flex_row ws-btn {
	margin-left: 0;
}

.dropavatar {
	border: none;
	border-radius: 8px;
}

.avatars a {
	display: inline-flex;
	width:48px;
	height:48px;
	padding: 0;
	box-shadow: 0 0 0 1px var(--menu-cont-brd) inset;
	border-radius: 8px;
	background:var(--white-tertiary) url(/assets/img/pro_avatars.svg);
	opacity: 0.5;
}
.avatars a:hover { opacity: 1; box-shadow: none; }
.avatars a.act, #avatars a.act:hover { opacity: 1; box-shadow: none; }

.avatars_top {padding:10px; margin:0}
.avatars_top a {opacity:1}

.avatars_set {display: flex;}
.avatars_set div { display: flex; gap: 8px; flex-wrap: wrap; }

.av_colors_drop a.av1 { background: #ED6E83 !important; }
.av_colors_drop a.av2 { background: #FFA600 !important; }
.av_colors_drop a.av3 { background: #FFCA00 !important; }
.av_colors_drop a.av4 { background: #C8BA00 !important; }
.av_colors_drop a.av5 { background: #96AD0D !important; }
.av_colors_drop a.av6 { background: #79BBB6 !important; }
.av_colors_drop a.av7 { background: #51B4E6 !important; }
.av_colors_drop a.av8 { background: #BE9DC8 !important; }
.av_colors_drop a.av9 { background: #F9A0C3 !important; }
.av_colors_drop a.av10 { background: #B2B2B2 !important; }

#drop_choose_avamenu {
	width: 296px;
	padding: 0 0 12px 0;
}

#drop_choose_avamenu .line {
	margin: 8px 0;
	background: var(--base-line-tertiary);
}

.avarats_set > a  {
	background: none !important;
}

.av_colors_drop {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.av_colors_drop a, .av_colors_drop a.selected, .av_colors_drop a.wshover  {
	width: 48px; height: 20px;
	border-radius: 20px !important;
	display: inline-flex;
	justify-content: center;
	padding: 0;
}

.av_colors_drop a ws-icon {
	display: none;
}

.av_colors_drop a ws-icon svg {
	fill: var(--base-txt-max);
}

.av_colors_drop a[class*="act"]:not(:hover) ws-icon[name="check_alt"] {
	display: inline-flex;
}

.av_colors_drop a:hover ws-icon[name="input-circle-solid-blank"] svg {
	transform: scale(0.4);
	opacity: 0.5;
}

.av_colors_drop a:hover ws-icon[name="input-circle-solid-blank"] {
	display: inline-flex;
}

.no_hover {
	pointer-events: none;
}

.modalConfirm {
	padding: 12px 0 28px 0;
}

.modalConfirm.modalConfirm-alert {
	border-top: 2px solid var(--base-btn-alert-primary-minor);
}

.modalConfirm-text {
	display: flex;
	gap: 12px;
	font: 15px/18px var(--font-base);
	padding: 12px 28px;
}
.modalConfirm-w {
	--icon-color: var(--base-txt-btn-w);
	color: var(--base-txt-btn-w);
}
.modalConfirm-buttons {
	padding: 20px 28px 0;
	display: flex;
	justify-content: flex-end;
	gap: 16px;
}

.modalConfirm-buttons ws-btn {
	margin: 0;
}

#modProfileContent #admrole_descr {
	height: auto;

	.setupBlock__item {
		flex-wrap: wrap;

		.setupBlock__explain {
			padding-left: 38px;
		}

		> .in label {
			cursor: default;
		}

		.inputCheckbox {
			align-self: flex-start;
			padding-top: 4px;
			cursor: default;
			&:has(input:not(:disabled)) {
				cursor: pointer;
				&+.in label {
					cursor: pointer;
				}
			}
		}
	}
}

.menu-birthday {
	padding: 0;
}

.menu-birthday > .flex_row {
	align-items: flex-start;
}

.menu-birthday .menu__group {
	border: none !important;
	box-shadow: none !important;
	padding: 12px;
}

.menu-birthday .chech_links .chech_links_row a.fix.menu__item-active {
	background: none !important;
	box-shadow: 0 0 0 1px var(--base-txt-primary) inset;
}

.menu-birthday-right-col {
	border-left: 0.5px solid var(--base-line-primary);
}
.menu-birthday-last-col {
	border-top: 0.5px solid var(--base-line-primary);
}

@media (max-width: 480px) {
	.menu-birthday {
		.chech_links_row {
			--gap: 4px;
			gap: var(--gap);
			.menu__item {
				/* width: calc((100% - var(--gap) * 5) / 6) !important;
				height: auto !important;
				aspect-ratio: 1; */
				width: 40px !important;
				height: 40px !important;
				padding: 0 !important;
				.in {
					padding: 0;
				}
			}
		}
		.scrollZone {
			flex-shrink: 1;
		}
		.menu-birthday-right-col {
			border: unset;
			&> .flex_row {
				gap: 8px;
				& > .menu__group {
					flex-grow: 1;
					margin-top: 0 !important;
				}
			}
		}
	}
}

#sidebar_profile a.sidebar__menu__item-active {
	pointer-events: none;
}

#modProfile .profile-highlight {
	box-shadow: var(--shadow-brd-focus-alt);
}

@media (max-height: 586px) {
	#sidebar_profile .ava { display: none; }
}


#modProfile .apiBlock {
	background: var(--base-cont-top);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 12px;
}
#modProfile .apiBlock .apiBlock__title {
	color: var(--base-txt-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
#modProfile .apiBlock .apiBlock__body__text {
	color: var(--base-txt-secondary);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
#modProfile .apiBlock__body__apps {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 20px 0 0;
	max-height: 400px;
}
#modProfile .apiBlock__body__apps__item {
	display: flex;
	align-items: center;
	border-radius: 4px;
	padding: 10px 14px;
	cursor: pointer;
	background: var(--base-cont-mid);
}
#modProfile .apiBlock__app__button {
	margin-left: 10px;
}
#modProfile .apiBlock__app__button ws-btn {
	font-size: 11px;
	padding: 0 10px;
}
#modProfile .apiBlock__app__body {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
	width: 60%;
}
#modProfile .apiBlock__app__body > div {
	display: flex;
	align-items: center;
	width: 100%;
}
#modProfile .apiBlock__app__body > div:nth-child(2) {
	gap: 10px;
}
#modProfile .apiBlock__app__body div span:not(.apiBlock__app__label) {
	font-size: 11px;
	color: var(--base-txt-secondary);
}
#modProfile .apiBlock__app__date {
	color: var(--base-txt-tertiary);
	font: 12px/20px var(--font-base);
	font-weight: 400;
	margin-left: auto;
}
#modProfile .apiBlock__app__name {
	color: var(--base-txt-accent);
	font: 14px/20px var(--font-base);
	font-weight: 510;
	flex: 1;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#modProfile .apiBlock__app__label {
	font-size: 11px;
	border-radius: 4px;
	padding: 0 4px;
	color: var(--base-txt-alt-light);
}
#modProfile .apiBlock__app__label.public {
	background: var(--base-txt-alt-fresh);
}
#modProfile .apiBlock__app__label.private {
	background: var(--base-surf-sidebar);
}
#modProfile .apiBlock__app__name div {
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#modProfile .apiBlock__app__logo {
	margin: 0 10px 0 0;
}
#modProfile .apiBlock__app__logo img {
	border-radius: 8px;
}
#modProfile .apiBlock__body__apps__item:hover {
	background: var(--base-hlt-hover);
}

#modProfile .default_button {
	padding-right: 12px;
}

/* @media (min-width: 901px) {
} */
#modProfileContent > form {
	padding-top: var(--screen-px); /* щоб не обрізало тінь скрол зони */
}

@media screen and (min-width: 901px) {
	.sidebar-profile .sidebar__head .bookmark {
		position: absolute;
		margin-top: -10px;
	}
}
@media (min-width: 901px) and (hover: hover) {
	#modProfile .modal__header .bookmark {
		display: none;
	}
	.sidebar-profile .sidebar__head .bookmark {
		opacity: 0;
		transition: opacity .2s ease-in-out;
	}
	.sidebar-profile:has(.bookmark-active) .sidebar__head .bookmark,
	.sidebar-profile:hover .sidebar__head .bookmark {
		opacity: 1;
	}
}
@media screen and (min-width: 481px) and (max-width: 900px) {
	#modSidebar {
		max-width: 80px;
		min-width: 80px;
		.sidebar__head {
			padding: 8px 0 0;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.sidebar-profile .sidebar__head .bookmark {
			display: none;
		}
		.sidebar-profile .ava {
			width: 56px;
			height: 56px;
		}
		.sidebar-profile .img_big {
			margin: 0;
			height: 100%;
			width: 100%;
		}
		.sidebar-profile .img_big img, .sidebar-profile .img_big span {
			transform: scale(1.16667);
		}
		.sidebar-profile .sidebar__head .name,
		.sidebar-profile .sidebar__head .email {
			display: none;
		}
		.sidebar__menu__item {
			padding: 0;
			justify-content: center;
		}
		.sidebar__menu__item  .in {
			display: none;
		}
	}
}

@media screen and (max-width: 900px) and (hover: hover) {
	#modProfile .modal__header .bookmark {
		opacity: 0;
		transition: opacity .2s ease-in-out;
	}
	#modProfile .modal__header:has(.bookmark-active) .bookmark,
	#modProfile .modal__header:hover .bookmark {
		opacity: 1;
	}
}

@media (max-width: 900px) {
	#modProfileContent {
		.profileBlock .inputBlock-50 {
			width: 100%;
		}
		.profileBlock .inputBlock-25 {
			width: calc((100% / 2) - (((2 - 1) / 2) * 16px));
		}
		#userpic {
			align-self: flex-start;
			margin-top: 8px;
		}
	}
}

@media (max-width: 480px) {

	#modSidebar {
		display: none
	}
	#modProfile {
		width: 100%
	}

	#modProfile .modal__header .mobile-head {
		display: flex;
		box-shadow: unset;
	}
	#modProfile .modal__header,
	#modProfile .modal__header.modal__header-big {
		padding: 0;
	}
	#modProfile .modal__header > .in {
		display: none;
	}

	#modProfile .modal__header .mobile-head__btn .buttons,
	#modProfile .modal__header .mobile-head .default_button {
		margin: 0;
		padding: 0;
		height: unset;
		&> * {
			float: unset;
		}
	}
}

@media (max-width: 480px) {
	#modProfile .sidebar__search + .modal__content__block {
		padding-top: 0;
	}
}

@media (max-width: 480px) {
	.user_workday .workday_head .workday_controls ws-slider {
		/* width: 100%; */
	}
	.user_workday .workday_head .workday_controls {
		border-radius: 6px;
	}
	.user_workday .workday_head .workday_controls ws-slider a:not(.act) {
		overflow: hidden;
	}
	.user_workday .workday_head .workday_controls ws-slider a:not(.act) span {
		overflow: hidden;
		text-overflow: ellipsis;
		flex-shrink: 1;
	}
	.user_workday .workday_head .workday_controls ws-slider i.ani {
		transition: none !important;
	}

	#modProfile #modal__headerContent {
		margin-left: auto;
	}
	#modProfile .modal__header.withButtons .user_workday_adjustDate {
		display: none;
	}

	#modProfile .workday_footer_text .gray {
		display: none !important;
	}
}

#modProfile .modal__header.withButtons .dashboard_btn {
	display: none;
}

#profile_setup_2fa {
	&[data-collapsed="true"] {
		.setupBlock__content {
			display: none;
		}
	}
	&[data-collapsed="false"] {
		.setupBlock__title .r {
			display: none;
		}
	}
	.ws-code-input {
		gap: 8px;
		input {
			padding: 0;
			height: calc(36px * 1.5);
			width: 36px;
			font: var(--font-ui-22-title-1-semi);
		}
	}
	.setupBlock__list {
		margin-left: -20px;
		margin-right: -20px;
		padding-bottom: 20px;
	}
	.setupBlock__list__item > .setupBlock__title {
		padding-bottom: 0;
	}
	.setupBlock__content > .setupBlock__line:first-child {
		margin-top: 0 !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
}

#modProfile .hotKey .text {
	padding: 6px 8px 0px 4px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-muted);
	font-family: var(--font-mono);
}

#sidebarProfileMenu .account-switch ws-icon {
	transition: transform 0.2s ease;
}
#sidebarProfileMenu .account-switch.menu_open ws-icon {
	transform: rotate(90deg);
}
#profile_setup_2fa_adm .sw_pre:not(.sw_act) {
	pointer-events: none;
}