/* overwrite padding helper classes */
/* all sides */
.forceMargin-0px { margin: 0 !important;}
.forcePadding-0px { padding: 0 !important;}
.forcePadding-2px { padding: 2px !important; }
.forcePadding-4px { padding: 4px !important; }
.forcePadding-6px { padding: 6px !important; }
.forcePadding-8px { padding: 8px !important; }
.forcePadding-12px { padding: 12px !important; }
.forcePadding-16px { padding: 16px !important; }
.forcePadding-20px { padding: 20px !important; }
.forcePadding-24px { padding: 24px !important; }
.forcePadding-28px { padding: 28px !important; }
.forcePadding-32px { padding: 32px !important; }
.forcePadding-36px { padding: 36px !important; }
.forcePadding-40px { padding: 40px !important; }
.forcePadding-44px { padding: 44px !important; }
.forcePadding-48px { padding: 48px !important; }

/* top side */
.forcePaddingTop-0px { padding-top: 0 !important;}
.forcePaddingTop-2px { padding-top: 2px !important; }
.forcePaddingTop-4px { padding-top: 4px !important; }
.forceMarginTop-4px { margin-top: 4px !important; }
.forcePaddingTop-6px { padding-top: 6px !important; }
.forcePaddingTop-8px { padding-top: 8px !important; }
.forcePaddingTop-12px { padding-top: 12px !important; }
.forcePaddingTop-16px { padding-top: 16px !important; }
.forcePaddingTop-20px { padding-top: 20px !important; }
.forcePaddingTop-24px { padding-top: 24px !important; }
.forcePaddingTop-28px { padding-top: 28px !important; }
.forcePaddingTop-32px { padding-top: 32px !important; }
.forcePaddingTop-36px { padding-top: 36px !important; }
.forcePaddingTop-40px { padding-top: 40px !important; }
.forcePaddingTop-44px { padding-top: 44px !important; }
.forcePaddingTop-48px { padding-top: 48px !important; }

/* bottom side */
.forcePaddingBottom-0px { padding-bottom: 0 !important;}
.forcePaddingBottom-2px { padding-bottom: 2px !important; }
.forcePaddingBottom-4px { padding-bottom: 4px !important; }
.forcePaddingBottom-6px { padding-bottom: 6px !important; }
.forcePaddingBottom-8px { padding-bottom: 8px !important; }
.forcePaddingBottom-12px { padding-bottom: 12px !important; }
.forcePaddingBottom-16px { padding-bottom: 16px !important; }
.forcePaddingBottom-20px { padding-bottom: 20px !important; }
.forcePaddingBottom-24px { padding-bottom: 24px !important; }
.forcePaddingBottom-28px { padding-bottom: 28px !important; }
.forcePaddingBottom-32px { padding-bottom: 32px !important; }
.forcePaddingBottom-36px { padding-bottom: 36px !important; }
.forcePaddingBottom-40px { padding-bottom: 40px !important; }
.forcePaddingBottom-44px { padding-bottom: 44px !important; }
.forcePaddingBottom-48px { padding-bottom: 48px !important; }

/* left side */
.forceMarginLeft-auto { margin-left: auto !important;}
.forceMarginLeft-4px { margin-left: 4px !important;}

.forcePaddingLeft-0px { padding-left: 0 !important;}
.forcePaddingLeft-2px { padding-left: 2px !important; }
.forcePaddingLeft-4px { padding-left: 4px !important; }
.forcePaddingLeft-6px { padding-left: 6px !important; }
.forcePaddingLeft-8px { padding-left: 8px !important; }
.forcePaddingLeft-12px { padding-left: 12px !important; }
.forcePaddingLeft-16px { padding-left: 16px !important; }
.forcePaddingLeft-20px { padding-left: 20px !important; }
.forcePaddingLeft-24px { padding-left: 24px !important; }
.forcePaddingLeft-28px { padding-left: 28px !important; }
.forcePaddingLeft-32px { padding-left: 32px !important; }
.forcePaddingLeft-36px { padding-left: 36px !important; }
.forcePaddingLeft-40px { padding-left: 40px !important; }
.forcePaddingLeft-44px { padding-left: 44px !important; }
.forcePaddingLeft-48px { padding-left: 48px !important; }

/* right side */
.forceMarginRight-auto { margin-right: auto !important;}
.forceMarginRight-4px { margin-right: 4px !important;}

.forcePaddingRight-0px { padding-right: 0 !important;}
.forcePaddingRight-2px { padding-right: 2px !important; }
.forcePaddingRight-4px { padding-right: 4px !important; }
.forcePaddingRight-6px { padding-right: 6px !important; }
.forcePaddingRight-8px { padding-right: 8px !important; }
.forcePaddingRight-12px { padding-right: 12px !important; }
.forcePaddingRight-16px { padding-right: 16px !important; }
.forcePaddingRight-20px { padding-right: 20px !important; }
.forcePaddingRight-24px { padding-right: 24px !important; }
.forcePaddingRight-28px { padding-right: 28px !important; }
.forcePaddingRight-32px { padding-right: 32px !important; }
.forcePaddingRight-36px { padding-right: 36px !important; }
.forcePaddingRight-40px { padding-right: 40px !important; }
.forcePaddingRight-44px { padding-right: 44px !important; }
.forcePaddingRight-48px { padding-right: 48px !important; }

.flexGap-0px { gap: 0 !important; }
.flexGap-2px { gap: 2px !important; }
.flexGap-4px { gap: 4px !important; }
.flexGap-6px { gap: 6px !important; }
.flexGap-8px { gap: 8px !important; }
.flexGap-12px { gap: 12px !important; }
.flexGap-16px { gap: 16px !important; }
.flexGap-20px { gap: 20px !important; }
.flexGap-24px { gap: 24px !important; }
.flexGap-28px { gap: 28px !important; }
.flexGap-32px { gap: 32px !important; }
.flexGap-36px { gap: 36px !important; }
.flexGap-40px { gap: 40px !important; }
.flexGap-44px { gap: 44px !important; }
.flexGap-48px { gap: 48px !important; }

.spacerH-2px { width: 100%; height: 2px; }
.spacerH-4px { width: 100%; height: 4px; }
.spacerH-6px { width: 100%; height: 6px; }
.spacerH-8px { width: 100%; height: 8px; }
.spacerH-12px { width: 100%; height: 12px; }
.spacerH-16px { width: 100%; height: 16px; }
.spacerH-20px { width: 100%; height: 20px; }
.spacerH-24px { width: 100%; height: 24px; }
.spacerH-28px { width: 100%; height: 28px; }
.spacerH-32px { width: 100%; height: 32px; }
.spacerH-36px { width: 100%; height: 36px; }
.spacerH-40px { width: 100%; height: 40px; }
.spacerH-44px { width: 100%; height: 44px; }
.spacerH-48px { width: 100%; height: 48px; }

.flexJustifyCenter { justify-content: center;}
.textCapitalize, .textCapitalize > * { text-transform: capitalize }
.textEllipsis, .textEllipsis > span, .textEllipsis > p, .textEllipsis > div { overflow: hidden; text-overflow: ellipsis }

.text-danger {
	color: var(--base-txt-alert-major);
	--icon-color: var(--base-txt-alert-major);
	font: var(--font-ui-13-small-reg)
}

.setupBlock__warning {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	background: var(--base-cont-mod-top);
	padding-bottom: 0 !important;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.setupBlock__warning .setupBlock__warning-title {
	border-top: 2px solid var(--colors-red-750);
	font: var(--font-ui-18-title-2-semi);
	padding: 20px 0 20px 28px;
}

.setupBlock__warning .setupBlock__warning-text {
	font: var(--font-ui-15-large-med);
	padding: 0 28px;
}

.setupBlock__warning .setupBlock__warning-buttons {
	display: flex;
	gap: 16px;
	padding: 12px 28px 28px 28px;
	justify-content: flex-end;
}

.setupBlock__info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
	border: 1px solid var(--base-line-ghost);
	border-radius: 12px;
}

.setupBlock__info-extended {
	display: block;
}

.setupBlock__info-extended .setupBlock__info__row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.setupBlock__info-extended .setupBlock__info__row > ws-icon,
.setupBlock__info > ws-icon {
	padding: 8px;
}

.setupBlock__info .setupBlock__info-text {
	display: flex;
	flex-direction: column;
	padding: 8px 6px;
	gap: 4px;
	flex-grow: 1;
	min-width: 0;
}

.setupBlock__info .setupBlock__info-text .setupBlock__title {
	font: var(--font-ui-16-title-3-semi);
	padding: 0;
	height: auto;
	text-wrap-style: balance;
}

.setupBlock__info .setupBlock__info-text .setupBlock__text {
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-accent);
	padding: 0;
}

.setupBlock__info .setupBlock__info-content {
	margin-left: -36px;
}

.setupBlock__info .setupBlock__line, .setupBlock__line-full {
	margin: 8px 0 !important;
}

/* red */
.setupBlock__info-warning {
	background: var(--base-hlt-w-hover);
}

.setupBlock__info-warning .setupBlock__title {
	color: var(--base-txt-alert-major);
}
.setupBlock__info-warning .setupBlock__title a.inline:hover {
	color: var(--base-txt-primary);
}

.setupBlock__info-warning > ws-icon {
	--icon-color: var(--base-txt-alert-major);
}

/* yellow (Lush) */
.setupBlock__info-notice {
	background: var(--base-hlt-alt-notice);
}

.setupBlock__info-notice .setupBlock__title {
	color: var(--base-txt-notice-major);
}

.setupBlock__info-notice ws-icon {
	--icon-color: var(--base-txt-notice-major);
}

/* green (Lush) */
.setupBlock__info-new {
	background: var(--base-hlt-alt-fresh);
}

.setupBlock__info-new .setupBlock__title {
	color: var(--base-txt-new-major);
}

.setupBlock__info-new ws-icon {
	--icon-color: var(--base-txt-new-major);
}

/* blue (Lush) */
.setupBlock__info-a {
	background: var(--base-hlt-easy);
}

.setupBlock__info-a .setupBlock__title {
	color: var(--base-txt-btn-a);
}

.setupBlock__info-a ws-icon {
	--icon-color: var(--base-txt-btn-a);
}

.setupBlock__info-a a {
	text-decoration: underline;
	color: var(--base-txt-btn-a);
}

/* violet (Lush) */
.setupBlock__info-b {
	background: var(--base-hlt-b-hover);
}

.setupBlock__info-b .setupBlock__title {
	color: var(--base-txt-btn-b);
}

.setupBlock__info-b ws-icon {
	--icon-color: var(--base-txt-btn-b);
}

/* stone */
.setupBlock__info-g {
	background: var(--post-contact-bg);
}

.setupBlock__info-g .setupBlock__title {
	color: var(--colorize-lbl-txt-accent);
}

.setupBlock__info-g ws-icon {
	--icon-color: var(--colorize-lbl-txt-accent);
}

.setupBlock__info-g .setupBlock__text {
	color: var(--colorize-lbl-txt-primary);
}

.setupBlock__info-g .setupBlock__text-highlight {
	color: var(--colorize-lbl-txt-accent);
}

.setupBlock__info-pay {
	background: var(--base-hlt-alt-notice);
}

.setupBlock__info-pay .setupBlock__title {
	color: var(--base-txt-notice-minor);
}

.setupBlock__info-pay ws-icon {
	--icon-color: var(--base-txt-notice-minor);
}

.setupBlock__info-pay-success {
	background: var(--base-hlt-alt-fresh);
}

.setupBlock__info-pay-success .setupBlock__title {
	color: var(--base-txt-alt-fresh);
}

.setupBlock__info-pay-success ws-icon {
	--icon-color: var(--base-txt-alt-fresh);
}

.setupBlock__info-pay-error {
	background: var(--base-hlt-w-selected);
}

.setupBlock__info-pay-error .setupBlock__title {
	color: var(--base-txt-alert-minor);
}

.setupBlock__info-pay-error ws-icon {
	--icon-color: var(--base-txt-alert-minor);
}


.blockDivider-16 {
	width: 100%;
	height: var(--sp_fix_16);
}

.btn.withLoader:before, .btn.withLoader-white:before {
	content: '';
	display:inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border:2px solid var(--base-btn-primary-minor);
	border-left-color:transparent;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:loader 1.1s infinite linear;
	animation:loader 1.1s infinite linear;
}

.btn.withLoader-white:before {
	border:2px solid var(--white-accent);
	border-left-color:transparent;
}

.setupPage:not(.setupPage__wide) {
	max-width: 636px;
	margin: 0 auto;
}

.setupPage__wide {
	max-width: 1020px;
	margin: 0 auto;
}

.setupPage .setup {
	display: flex;
	flex-direction: column;
	gap: 24px
}

.setupPage .setupBlock {
	padding: 24px;
	margin: 0;
	position: relative;
}

.paymentPage .setupBlock {
	padding: 22px 28px;
}


.setupPage .setupBlock__title {
	padding: 12px 12px 0 12px;
}

.planPage .setupBlock__title {
	padding: 0;
}

.setupPage.setupPage .setupBlock__title > ws-icon, .setupPage.setupPage .setupBlock__title > .space {
	padding: 0 4px;
	width: 28px;
	height: 28px;
}

.planPage .setupBlock__title > ws-icon {
	align-self: flex-start;
}

.setupPage .setupBlock__title > ws-icon svg, .setupPage .setupBlock__title > .space svg {
	width: 28px;
	height: 28px;
}

.planPage .setupBlock__title ws-icon {
	width: 36px;
	height: 36px;
}

.planPage .setupBlock__title ws-icon svg {
	width: 20px;
	height: 20px;
}

.setupPage .setupBlock__title .in {
	display: flex;
	flex-direction: row;
	gap: 12px;
	height: fit-content;
	padding: 6px 8px;
	font: var(--font-ui-18-title-2-semi);
	align-items: center;
}

.planPage .setupBlock__title .in {
	flex-shrink: 1;
	padding: 8px 6px;
	font: var(--font-ui-16-title-3-semi);
}

.planPage .setupBlock__info ws-btn {
	margin: 4px 6px 0 24px;
}

.setupPage .setupBlock .setupBlock__explain {
	padding: 0 20px 8px 20px;
}

.setupPage .setupBlock .setupBlock__indent.setupBlock__explain {
	padding: 0 20px 8px 24px;
}

.setupPage .setupBlock .setupBlock__explain .in {
	padding: 0 8px;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-primary);
}

.setupPage .setupBlock__content .setupBlock__line:not(.setupBlock__line-full) {
	border-top: 0.5px solid var(--base-txt-ghost);
	margin: 8px 24px 8px 24px;
}

.setupPage .setupBlock__line {
	margin: 8px 24px 8px 24px;
}

.setupPage .setupBlock__content, .setupPage .setupBlock__content:first-child {
	padding: 0;
}

.setupPage .setupBlock__indent {
	padding: 0 20px 0 28px;
}

.planPage .setupBlock__indent {
	max-width: 666px;
	padding: 4px 0 8px 42px;
}

.setupPage .inputBlock__wrapper {
	padding: 0;
}

.setupPage .inputBlock {
	padding: 0;
}

.setupPage .setupBlock > .setupBlock__title {
	/*padding: 0 0 12px 0;*/
	padding: 0;
	margin: -10px -8px -8px -12px;
}

.setupPage .setupBlock > .setupBlock__title + div {
	padding-top: 16px !important;
}

#setup_ftp_storage #ftp_form .setupBlock__explain {
	padding-top: 16px;
}

.setupPage .inputBlock__wrapper .setupBlock__label {
	font: var(--font-sp-caption-11-micro-upper-med);
	text-transform: uppercase;
}

.setupPage .inputBlock__wrapper .inputBlock {
	padding: 0;
}

.paymentPage .inputBlock__wrapper .inputBlock {
	padding: 0;
}

.setupPage .inputBlock__wrapper .inputBlock label:not(.inputBlock__label) {
	padding: 10px;
}

.setupPage .inputBlock__wrapper .inputBlock .inputBlock__content {
	height: auto;
}

.setupPage .inputBlock__wrapper .inputBlock label a ws-icon[name="content_copy"] svg {
	fill: var(--base-txt-btn-a);
}

.setupBlock input.input.tmp-setup-input:not([type="password"]):not(.input_error),
.setupPage input.input.tmp-setup-input:not([type="password"]):not(.input_error) {
	background-color: var(--base-hlt-g-hover);
	border: none;
}

.setupPage input.tmp-setup-input {
	height: 36px;
	padding: 8px 10px;
	box-sizing: border-box;
}

.setupPage input.tmp-setup-input-h32 {
	height: 32px;
	padding: 6px 8px;
	box-sizing: border-box;
}

.setupPage .input.tmp-setup-input-digit,
.setupPage .input.tmp-setup-input-2fa {
	background: var(--base-hlt-g-hover);
	border: none;
	text-align: left;
}

.setupPage .input.tmp-setup-input-h32.tmp-setup-input-digit {
	width: 24px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.setupPage input.tmp-setup-input[name="currency"],
.setupPage input.tmp-setup-input[name="rate"],
.setupPage input.tmp-setup-input[name="ftp_size"],
.setupPage input.tmp-setup-input[name="ftp_ext"] {
	height: 28px;
	padding: 4px 8px;
	border-radius: 6px;
}

.setupPage .inputBlock__content:has(input.tmp-setup-input[name="backup_port"]):before,
.setupPage .inputBlock__content:has(input.tmp-setup-input[name="ftp_port"]):before {
	content: ':';
	margin-left: -12px;
}

.setupBlock {
	background: var(--base-cont-top);
	box-shadow: var(--shadow-cont-minor-outline);
	border-radius: 12px;
	margin: 12px 0;
	font: var(--font-ui-14-regular-reg);
	box-sizing: border-box;
}

.setupBlock[data-collapsed="true"] .setupBlock__content {
	display: none;
}

.setupBlock-highlight {
	box-shadow: var(--shadow-brd-hover-b);
}

.modal__content .setupBlock {
	background: var(--base-cont-mod-top);
}

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

.setupBlock__muted .setupBlock__title ws-icon {
	--icon-color: var(--base-txt-tertiary);
}

.setupBlock__muted .setupBlock__title ws-icon[name*="social"] {
	filter: saturate(25%);
	opacity: 0.6;
}

#emergency_off .setupBlock__muted .setupBlock__title ws-icon[name=hint] svg {
	fill: var(--base-txt-btn-a);
}

.setupBlock__muted .setupBlock__title .in {
	color: var(--base-txt-tertiary);
}

.setupPage .setupBlock.setupBlock__muted .setupBlock__explain .in {
	color: var(--base-txt-tertiary);
}

.setupBlock__muted .ws-btn-reset, .setupBlock__disabled .ws-btn-reset {
	display: none !important;
}

.setupBlock__disabled {
	background: var(--base-cont-mid);
	color: var(--base-txt-muted);
}

.setupBlock__disabled .setupBlock__title ws-icon {
	--icon-color: var(--base-txt-muted);
}

.setupBlock__disabled .setupBlock__title ws-icon[name*="social"] {
	filter: saturate(25%);
	opacity: 0.25;
}

.setupBlock__disabled .inputCheckbox input:disabled ~ span svg,
.setupBlock__item__disabled .inputCheckbox input:disabled ~ span svg {
	fill: var(--base-txt-muted);
}

.setupBlock.setupBlock__disabled .setupBlock__explain .in {
	color: var(--base-txt-muted);
}

.setupBlock__item__disabled .in {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--base-txt-muted);
}

.setupBlock__disabled .setupBlock__item .inputCheckbox,
.setupBlock__disabled .setupBlock__item .in,
.setupBlock .setupBlock__item__disabled .inputCheckbox,
.setupBlock .setupBlock__item__disabled .in label {
	cursor: default;
}

.setupBlock__item__disabled .in label .badge.badge-promo:first-child {
	margin-right: 4px;
	vertical-align: text-top;
}

.setupPage .setupBlock__item .inputCheckbox + .in,
.setupPage .setupBlock__item .inputRadio + .in,
.setupPage .in-semibold {
	font: var(--font-ui-14-regular-semi);
}

.paymentPage .inputCheckbox.act + .in {
	color: var(--base-txt-accent);
}

.setupPage .setupBlock__item .in-only {
	padding: 0 10px 0 0 !important;
}

.setupPage .setupBlock .setupBlock__item + .setupBlock__indent {
	padding: 0 20px 0 38px;
}

.setupPage .inputBlock__logo {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls {
	display: flex;
	flex-direction: column;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_buttons {
	display: flex;
	gap: 8px;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_buttons ws-btn + ws-btn {
	margin: 0 0 0 0;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_buttons ws-icon[name^=award] svg {
	fill: var(--base-btn-notice-major);
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_text {
	padding: 4px 4px 4px 0;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_text .in {
	font: var(--font-ui-12-mini-reg);
	padding:  0;
}

.setupPage .inputBlock__logo .inputBlock__logo-controls .logo_text .in span {
	font: var(--font-ui-14-regular-semi);
}

.setupPage .inputBlock__logo .inputBlock__imageWrapper {
	position: relative;
	#logo_reset {
		position: absolute;
		top: -6px;
		left: -6px;
		.btn {
			--icon-size: 20px;
			--icon-color: 20px;
			width: unset;
			height: unset;
			padding: unset;
			border-radius: 50%;
			background: var(--base-cont-top);
			svg {
				fill: var(--base-txt-primary);
			}
			&:hover svg {
				fill: var(--base-txt-max);
			}
		}
	}
}

.setupPage .inputBlock__logo .inputBlock__logo-dark,
.setupPage .inputBlock__logo .inputBlock__logo-light {
	width: 80px;
	height: 80px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 12px;
	cursor: pointer;
}

.setupPage .inputBlock__logo .inputBlock__logo-image {
	display: flex;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 6px;
	width: 64px;
	height: 64px;
	justify-content: center;
	align-items: center;
}

.setupPage .inputBlock__logo .inputBlock__logo-dark {
	background: var(--sidebar-cont-base);
}

.setupPage .inputBlock__logo .inputBlock__logo-light {
	background: var(--base-cont-mod-low);
}

.setupPage .inputBlock__logo .inputBlock__logo-dark:not(.logo_vis),
.setupPage .inputBlock__logo .inputBlock__logo-light:not(.logo_vis),
.setupPage .inputBlock__logo-controls .load_btn_light {
	display: none;
}

.setupPage .inputBlock__logo .inputBlock__logo-light .inputBlock__logo-image {
	background: #FFF;
}

.setupTime {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.setupTime .setupTime-input input {
	background: var(--base-hlt-g-hover);
	border-radius: 8px;
	height: 36px;
	border: none;
}

.setupBlock .setupBlock-button {
	padding: 6px 12px;
	border-radius: 6px;
	color: var(--base-txt-secondary);
	box-shadow: 0 0 0 1px var(--base-line-secondary);
	transition: all 0.3s ease;
	gap: 6px;
	cursor: pointer;
}
.projectView .setupBlock .setupBlock-button span {
	font: 600 13px/20px var(--font-base);
}
.setupBlock .setupBlock-button:hover {
	color: var(--base-txt-accent);
	box-shadow: 0 0 0 1px var(--base-line-accent);
}
/*.form_autoSave-changed .setupBlock {*/
/*	box-shadow: var(--shadow-cont-major-outline);*/
/*}*/

.setupBlock input[type=text], .setupBlock input[type=number], .setupBlock input[type=email], .setupBlock input[type=tel] {
	border: 1px solid var(--inp-hlt-brd);
	background: var(--inp-hlt-bg);
	font-size: 14px;
}

.setupBlock input[type=password],
.setupPage input.input_error {
	box-shadow: var(--shadow-brd-error);
	background: var(--base-hlt-w-easy);
}

.setupBlock input.input_gray {
	border: 1px solid var(--inp-cont-brd);
	background: var(--inp-cont-low);
}

.setupBlock input.input_gray:focus {
	border: 2px solid var(--inp-hlt-brd);
	background: var(--inp-cont-top);
	padding-left: 15px;
}

.setupBlock__title {
	padding: 12px;
}

.setupBlock__title .space {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.setupBlock__title .space .ico_l {
	margin: 0
}

.setupBlock__title > .in {
	font: 590 16px/40px var(--font-base);
	padding: 0 8px;
}

.setupBlock__title .r {
	padding: 0 4px;
}

.setupBlock__title .sw_pre {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.setupBlock__title .sw_pre .sw {
	float: none;
	margin: 0 4px;
}

.setupBlock__title .sw_pre .sw_txt {
	padding: 0 8px;
}

.setupBlock__title > ws-icon:not(.chip-left-icon),
.setupBlock__title .space > ws-icon:not(.chip-left-icon) {
	width: 40px;
}

.setupBlock__title .space svg, .setupBlock__title > ws-icon svg {
	width: 28px;
	height: 28px;
}

.setupBlock__title .buts {
	display: none;
}

.setupBlock__content {
	padding: 0 24px 16px 16px;
}

.profileBlock .setupBlock__content {
	padding: 24px;
}

.profileBlock .setupBlock__content + .setupBlock__content,
.profileBlock .setupBlock__title + .setupBlock__content
{
	padding: 0 24px 24px;
}

.setupPage .setupBlock__form.hidden .sw_pre {
	pointer-events:none
}
.setupPage .setupBlock__form .hidden {
	display:none
}

.setupBlock__content:first-child {
	padding-top: 16px;
}

.profileBlock .setupBlock__content:first-child {
	padding-top: 20px;
}

.setupBlock__slider {
	height: auto;
}

.setupBlock__explain {
	padding: 0 0 16px;
	display: flex;
	flex-direction: row;
	color: var(--base-txt-secondary);
}

.setupBlock__text {
	padding: 0 8px 16px;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-accent);
}

.setupBlock__info-notice .setupBlock__text {
	padding: 8px 16px;
}

.setupBlock__simple {
	padding: 12px;
}

.setupBlock__explain:last-child {
	padding-bottom: 0
}

.setupBlock__explain .in {
	padding: 0 8px;
}

.setupBlock__explain .email {
	color:  var(--base-txt-act-major);
}

.setupBlock__group__title {
	padding: 6px 0;
	font-weight: bold;
	display: flex;
	flex-direction: row;
}

.setupBlock__group__title .in {
	padding: 0 8px;
}

.setupBlock__slider__title {
	font-weight: bold;
}

.setupBlock__slider .eye_conf {
	float: none;
	padding: 0;
	height: 48px;
	margin: 0;
}

.setupBlock__item {
	min-height: 40px;
	display: flex;
	align-items: center;
}

.setupBlock__item-big {
	height: 40px;
}

.setupBlock:not(.profileBlock) .setupBlock__item > .in {
	padding: 0 10px;
}

.setupBlock__item > .in {
	flex-grow: 1;
}

.setupBlock__item > .in label {
	display: inline-block;
	/* width: 100%; */
	padding: 8px 0;
	cursor: pointer;
}

.setupBlock__item .space svg {
	width: 32px;
	height: 32px;
}

.setupBlock__item .input {
	text-align: center;
	height: 24px;
	border-radius: 8px;
	padding: 0;
}

.setupBlock hr {
	border: none;
	border-top: 0.5px solid var(--base-line-tertiary);
	margin: 4px 0;
}

.setupBlock__line {
	border: none;
	border-top: 0.5px solid var(--base-line-tertiary);
	margin: 8px 0;
}

.setupBlock .drop_select {
	margin: 0;
	float: none;
}

.setupBlock__content-privacy .drop_select[data-value="0"] {
	background: var(--colors-green-alpha-600-a10);
	box-shadow: 0 0 0 1px var(--colors-green-alpha-des500-easy-a60) inset;
}

.setupBlock-primary {
	box-shadow: none;
	border: 0;
}

.setupBlock__notice {
	border-radius: 12px;
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	padding: 8px;
}

.setupBlock__notice .noticeText {
	display: flex;
	flex-direction: column;
}

.setupBlock__notice-info {
	background: var(--base-hlt-easy);
	color: var(--base-txt-btn-a);
}

.setupBlock__notice .noticeIcon {
	padding: 8px 10px;
}

.setupBlock__notice .noticeIcon ws-icon {
	transform-origin: center;
	transform: scale(1.4);
}

.setupBlock__notice .noticeTitle {
	font: var(--font-ui-16-title-3-semi);
	padding: 8px 4px 4px 4px;
}

.setupBlock__notice .noticeDesciption {
	font: var(--font-ui-14-regular-reg);
	padding: 4px 8px 8px 4px;
	text-wrap-style: pretty;
}

.setupBlock__notice-info svg {
	fill: var(--base-txt-btn-a);
}

.setupBlock.setupBlock-alert .setupBlock__title svg {
	fill: var(--base-txt-alert-major);
}

.setupBlock.setupBlock-alert .setupBlock__content {
	background: var(--base-hlt-w-easy);
	border-radius: 0 0 12px 12px;
}

.setupBlock.setupBlock-alert .inputBlock__wrapper {
	padding-top: 18px;
}

.setupBlock__bg-notice {
	background: var(--base-hlt-alt-notice);
}

.setupBlock__bg-notice .icon-notice-fill svg {
	fill: var(--base-txt-notice-major);
}

.setupBlock__bg-alert {
	background: var(--base-hlt-w-hover);
}

.setupBlock__bg-alert .icon-notice-fill svg {
	fill: var(--base-txt-alert-major);
}

.inputCheckbox {
	width: 28px;
	min-height: 28px;
	background: none !important;
	padding: 0;
}

.paymentPage .inputCheckbox {
	width: 20px;
	height: 20px;
}

.inputCheckbox-h24 {
	width: 24px;
	height: 24px;
	min-height: 24px;
}

.inputCheckbox-h20 {
	width: 20px;
	height: 20px;
	min-height: 20px;
}

.inputCheckbox input {
	display: none;
}

.inputCheckbox span {
	display: block;
	width: 20px;
	height: 20px;
	padding: 4px;
	border-radius: 8px;
	background: var(--trans);
	transition: background .4s ease
}

.paymentPage .inputCheckbox span {
	padding: 0;
}

.inputCheckbox-h24 span, .inputCheckbox-h24 span ws-icon, .inputCheckbox-h24 span svg,
.inputCheckbox-h20 span, .inputCheckbox-h20 span ws-icon, .inputCheckbox-h20 span svg {
	width: 16px;
	height: 16px;
}

.inputCheckbox-h20 span {
	padding: 2px;
}

.inputCheckbox span svg {
	fill: var(--base-txt-tertiary);
}

.inputCheckbox:not(.inputCheckbox-alwaysOn) {
	cursor: pointer
}

.inputCheckbox.withLabel {
	width: max-content;
	display: flex;
	align-items: center;
	gap: 10px;
}

.inputCheckbox:not(.inputCheckbox-alwaysOn):active input:not(:disabled) ~ span, .inputCheckbox:not(.inputCheckbox-alwaysOn) input:checked:not(:disabled) ~ span {
	background: var(--base-hlt-notr-hover);
	transition: none;
}
.inputCheckbox:not(.act):hover input:not(:checked):not(:disabled) ~ span, .inputCheckbox:not(.act).hoverFake input:not(:checked):not(:disabled) ~ span {
	background: var(--base-hlt-g-hover);
}

.inputCheckbox input:checked ~ span svg, .inputCheckbox:active input[type=checkbox]:not(:disabled) ~ span svg {
	fill: var(--base-txt-link-minor)
}
.dataTable__item-active .inputCheckbox input:indeterminate ~ span  use:nth-child(5) {
	fill: var(--base-txt-link-minor)
}

.inputCheckbox-alwaysOn svg {
	fill: var(--base-btn-togg-ghost) !important;
}
.inputCheckbox use:nth-child(3), .inputCheckbox use:nth-child(4), .inputCheckbox use:nth-child(5) {
	display: none
}
.inputCheckbox input:checked ~ span use:nth-child(2),
.inputCheckbox input:indeterminate ~ span use:nth-child(2),
.inputCheckbox input:disabled ~ span use:nth-child(2) {
	display: none;
}
.inputCheckbox use:nth-child(2) {
	opacity: 0;
	transition: opacity .4s ease;
}
.inputCheckbox:not(.act):hover input:not(:checked) ~ span use:nth-child(2), .inputCheckbox:not(.act).hoverFake input:not(:checked) ~ span use:nth-child(2) {
	opacity: 1;
}

.inputCheckbox use:first-child {
	display: inline-block
}
.inputCheckbox input:checked ~ span use:first-child,
.inputCheckbox input[type=hidden] ~ span use:first-child:not(:last-child),
.inputCheckbox input[type=hidden] ~ span use:nth-child(2),
.inputCheckbox input:indeterminate ~ span use:first-child {
	display: none
}
.inputCheckbox input:checked ~ span use:nth-child(3),
.inputCheckbox input[type=hidden] ~ span use:nth-child(3) {
	display: inline-block
}
.inputCheckbox input:indeterminate ~ span use:nth-child(4) {
	display: inline-block
}
.dataTable__item-active .inputCheckbox input:indeterminate ~ span use:nth-child(4),
.dataTable__group-active .inputCheckbox input:indeterminate ~ span use:nth-child(4),
.dataTable__subgroup-active .inputCheckbox input:indeterminate ~ span use:nth-child(4) {
	display: none
}
.dataTable__item-active .inputCheckbox input:indeterminate ~ span use:nth-child(5),
.dataTable__group-active .inputCheckbox input:indeterminate ~ span use:nth-child(5),
.dataTable__subgroup-active .inputCheckbox input:indeterminate ~ span use:nth-child(5) {
	display: inline-block
}

.inputCheckbox input:disabled ~ span svg {
	fill: var(--base-txt-muted);
}

.inputRadio {
	width: 28px;
	height: 28px;
	background: none !important;
	padding: 0;
}
.paymentPage .inputRadio {
	width: 20px;
	height: 20px;
}

.inputRadio input {
	display: none;
}

.inputRadio span {
	display: block;
	width: 20px;
	height: 20px;
	padding: 4px;
	border-radius: 8px;
	background: var(--trans);
	transition: background .4s ease
}
.paymentPage .inputRadio span {
	padding: 0;
}
.inputRadio span svg {
	fill: var(--base-txt-tertiary);
}
.inputRadio:not(.inputRadio-alwaysOn) {
	cursor: pointer
}

.inputRadio:not(.inputRadio-alwaysOn):active input ~ span, .inputRadio:not(.inputRadio-alwaysOn) input:checked ~ span {
	background: var(--base-hlt-hover);
	transition: none;
}
.paymentPage .inputRadio:not(.inputRadio-alwaysOn):active input ~ span, .paymentPage .inputRadio:not(.inputRadio-alwaysOn) input:checked ~ span {
	background: none;
}
.inputRadio:not(.act):hover input:not(:checked) ~ span, .inputRadio:not(.act).hoverFake input:not(:checked) ~ span {
	background: var(--base-hlt-g-hover);
}
.paymentPage .inputRadio:not(.act):hover input:not(:checked) ~ span {
	background: none;
}

.inputRadio input:checked ~ span svg, .inputRadio:active input[type=radio] ~ span svg {
	fill: var(--base-txt-link-minor)
}

.inputRadio-alwaysOn svg {
	fill: var(--base-btn-togg-ghost);
}
.inputRadio use:last-child {
	display: none
}
.inputRadio input:checked ~ span use:nth-child(2) {
	display: none;
}
.inputRadio use:nth-child(2) {
	opacity: 0;
	transition: opacity .4s ease;
}
.inputRadio:not(.act):hover input:not(:checked) ~ span use:nth-child(2), .inputRadio:not(.act).hoverFake input:not(:checked) ~ span use:nth-child(2) {
	opacity: 1;
}

.inputRadio use:first-child {
	display: inline-block
}
.inputRadio input:checked ~ span use:first-child {
	display: none
}
.inputRadio input:checked ~ span use:last-child {
	display: inline-block
}

.setupBlock__button {
	color: inherit;
	display: inline-flex;
	padding: 0 8px;
	background: var(--inp-cont-low);
	height: 32px;
	align-items: center;
	flex-wrap: nowrap;
	border-radius: 6px;
	box-shadow: 0 0 0 1px var(--inp-cont-brd) inset;
	white-space: nowrap;
}

.setupBlock__button .in {
	padding: 0 8px;
}

.setupBlock__button:hover, .setupBlock__button-active {
	background: var(--inp-hlt-bg);
	box-shadow: 0 0 0 1px var(--inp-hlt-brd) inset;
	color: var(--inp-hlt-txt);
}

.setupBlock__button-delete, .setupBlock__button-delete:hover {
	background: var(--base-btn-alert-secondary-minor);
	color: var(--base-btn-alert-primary-major);
	box-shadow: 0 0 0 1px var(--base-btn-alert-primary-minor) inset;
}

.setupBlock__button-delete:hover {
}

.setupBlock__button-delete svg {
	fill: var(--base-btn-alert-primary-major);
}

.setupBlock__avatar {
	gap: 16px;
	padding: 0 8px 8px;
}
.setupBlock__avatar #userpic {
	transform: scale(1.34);
	margin-right: 8px;
}
.setupBlock__avatar .av_nm {
	border-radius: 8px;
}

.setupBlock__topicStatus{
	align-items: flex-end;
	gap: 8px;
}

.setupBlock__topicStatus .title{
	color: var(--base-txt-btn-a);
	font: var(--font-ui-13-small-semi);
	padding-right: 5px;
}

.setupBlock__topicStatus ws-icon[name^=award] {
	--icon-color: var(--base-btn-notice-major);
}

.setupBlock__topicStatus:has(user-topic-status:empty){
	display: none !important;
}

.setupBlock__modal {
	/*align-items: flex-start;*/
	display: flex;
	width: 100%;
}

.setupBlock__modal-wrapper {
	/* min-height: 554px; */
	flex: 1;
}

.modal:is([data-group=contact], [data-group=invite]) .modal__header > .in {
	/* font: 700 22px/28px var(--font-base); */
	/* letter-spacing: -0.012em; */
	/* color: var(--base-txt-accent); */
	/* padding: 20px 0 20px 28px; */
}

.modal:is([data-group=contact], [data-group=invite]) .blank {
	/* margin-top: 0; */
	margin: initial;
	width: initial;
	padding: 8px 28px 12px;
}

@media (max-width: 430px) {
	.modal:is([data-group=contact], [data-group=invite]) .blank {
		padding: 8px 24px;
	}
}

.modal:is([data-group=contact], [data-group=invite]) .head {
	width: 472px;
	margin: 0 -20px 0 -20px;
}

.modal:is([data-group=contact], [data-group=invite]) .head .button {
	margin: 24px 0 0 0 !important;
}

.button.with_icon_end {
	padding-right: 10px;
}

.button.with_icon_end ws-icon {
	padding-left: 8px;
}

.setupBlock__notify__title {
	display: flex;
	flex-direction: row;
	min-height: 28px;
	/* max-height: 40px; */
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-end;
	box-shadow: inset 0 -0.5px 0 var(--base-line-tertiary);
}

.setupBlock__notify__title span {
	display: flex;
	padding: 10px 8px 12px 8px;
	justify-content: center;
}

.setupBlock__notify__title span ws-icon {
	cursor: help;
}

.setupBlock__notify__title span svg {
	fill: var(--base-txt-primary);
}

.setupBlock__notify__title .chrome_n_push {
	max-width: 20%;
	white-space: break-spaces;
}

.setupBlock__notify__item {
	display: flex;
	flex-direction: row;
	height: 36px;
	border-top: 1px solid var(--base-line-tertiary);
	flex-wrap: nowrap;
	align-items: center;
}

.setupBlock__notify__item:hover {
	background: var(--base-hlt-g-easy);
}

.setupBlock__notify__item:nth-of-type(2) {
	border-top: none;
}

.setupBlock__notify__item .inputCheckbox {
	margin: 0 auto;
	display: block;
}

.setupBlock__notify__item .inputCheckbox-alwaysOff {
	display: none
}

.setupBlock__notify__item > *, .setupBlock__notify__title > * {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0 8px;
	min-width: 15%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.setupBlock__notify__item > .in, .setupBlock__notify__title > .in {
	flex-grow: 1;
	flex-shrink: 1;
	text-align: left;
}

.setupBlock__content.collapsed {
	height: 0;
	opacity: 0;
	padding: 0 !important;
	overflow: hidden;
}

.ws-btn-collapse span { display: none; }
.ws-btn-collapse span.act { display: block; }
.ws-btn-collapse span ws-icon { width: 20px; height: 20px}
.ws-btn-collapse .btn.btn-skeleton span ws-icon { --icon-size: 20px; --icon-color: var(--base-txt-secondary)}

.nopush.nomail .event_opts {
	padding-top: 0
}


.nopush.nomail .push_mail {
	display: none
}

.inputBlock__wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.inputBlock__wrapper.inputBlock-stages {
	gap: 8px;

	.inputBlock-45 { width: calc((100% / 2.2) - (((2.2 - 1) / 2) * 8px)) }
	.inputBlockSpacer { width: calc(100% - 2*(100% / 2.2) - 2*(((2.2 - 1) / 2)* 8px) - 4px); }

	.inputBlock-45:first-child .inputBlock__label > ws-icon {
		transform: translate3d(-2px, 7px, 0);
	}

	.inputBlock-subset {
		.inputBlock__label:not(:has(.label)) ws-icon {
			transform: none;
		}

		.inputBlock__label:not(:has(.label)) ws-icon.border_dashed {
			border-radius: 50%;
			--icon-color: var(--base-txt-secondary);
			--icon-size: 16px;
			border: 1.5px dotted var(--base-txt-tertiary); padding: 4px;
			transform: translate(-4px, -4px);
		}

		.inputBlock__label:not(:has(.label)) ws-icon + .drop_select .in {
			padding: 3px 0 0 34px;
		}

		.inputBlock__label ws-icon.border_dashed + .drop_select .in {
			color: var(--base-txt-tertiary);
		}
	}
}

#delayedPubMenu .inputBlock__wrapper {
	align-items: center;
	gap: 8px;
}

.paymentPage .inputBlock__wrapper {
	gap: 12px;
	padding-bottom: 20px;
}

.paymentPage .inputBlock__wrapper:has(+ .inputBlock__wrapper) {
	padding-bottom: 12px;
}

.paymentPage .inputBlock__wrapper.address_fact {
	display: none;
	margin-top: -8px;
}

.paymentPage .checkBtns:has(.checkBtns__item.pre_act:last-child) + .inputBlock__wrapper.address_fact {
	display: block;
}

.paymentPage .inputBlock__wrapper.name {
	flex-wrap: nowrap;
}

.inputBlock__wrapper .inputBlock__wrapper {
	flex-grow: 1;
}

.more_itms + .inputBlock__wrapper {
	padding-top: 16px;
}

.inputBlock {
	box-sizing: border-box;
	padding: 8px 0;
}
.profileBlock .inputBlock, .blank .inputBlock {
	padding: 0;
}
#delayedPubMenu .inputBlock {
	flex: 1 1 0;
	padding: 10px 0;
}

.inputBlock__info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
	border: 1px solid var(--base-line-ghost);
	border-radius: 12px;
}

.inputBlock__info > ws-icon {
	padding: 8px;
}

.inputBlock__info .inputBlock__info-group {
	display: flex;
	flex-direction: column;
	padding: 8px 6px;
	gap: 4px;
	flex-grow: 1;
}

.inputBlock__info .inputBlock__info-group .inputBlock__info-title {
	font: var(--font-ui-16-title-3-semi);
	padding: 0;
	height: auto;
}

.inputBlock__info .inputBlock__info-group .inputBlock__info-text {
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-accent);
	padding: 0;
}

.inputBlock__info .inputBlock__info-content {
	margin-left: -36px;
}

.inputBlock__info-warning {
	background: var(--base-hlt-w-hover);
}

.inputBlock__info-warning .inputBlock__info-title {
	color: var(--base-txt-alert-major);
}

.inputBlock__info-warning > ws-icon {
	--icon-color: var(--base-txt-alert-major);
}

.inputBlock-100 {
	width: 100%;
}

.inputBlock__wrapper .inputBlock-100 {
	padding: 0;
}

.inputBlock-50 {
	width: calc((100% / 2) - (((2 - 1) / 2) * 16px));
}

.paymentPage .inputBlock-50 {
	width: calc((100% / 2) - (((2 - 1) / 2) * 12px));
}

.inputBlock-45 {
	width: calc((100% / 2.2) - (((2.2 - 1) / 2) * 16px));
}
.inputBlockSpacer {
	--icon-color: var(--base-txt-secondary);
	justify-content: center;
	width: calc(100% - 2 * (100% / 2.2) - 2 * (((2.2 - 1) / 2) * 16px));
	padding: 0 3px;
}
.inputBlockSpacer + .inputBlock-45 {
	place-self: normal;
}

.inputBlock-33 {
	width: calc((100% / 3) - (((3 - 1) / 3) * 16px));
}

.inputBlock-30 {
	width: calc(30% - (((3 - 1) / 3) * 16px));
}

.inputBlock-40 {
	width: calc(40% - (((3 - 1) / 3) * 16px));
}

.inputBlock-25 {
	width: calc(25% - (((4 - 1) / 4) * 16px));
}

.inputBlock-auto {
	flex-grow: 1;
}

.inputBlock-autoWidth {
	flex: 1;
}

.inputBlock-min {
	display: inline-flex;
	gap: 8px;
}

.inputBlock__title {
	height: 20px;
	padding: 6px 0;
}

.inputBlock__content {
	height: 40px;
	position: relative;
}

.inputBlock-100 .inputBlock__content {
	height: auto;
}

.inputBlock *:not(.inputBlock__label) .input {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 16px;
	border-radius: 6px;
}

.inputBlock > textarea {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	margin: 0;
	padding: 12px;
	border-radius: 6px;
	font: 14px/20px var(--font-base);
}

.inputBlock > textarea:focus {
	box-shadow: var(--shadow-brd-focus);
}

.ava_place.ava_square .av_nm {
	border-radius: 12px;
	transform: scale(1.3333);
	transform-origin: top left;
}

.modal:is([data-group=contact], [data-group=invite]) .ava_place {
	display: inline-block;
	outline: none;
}
.modal:is([data-group=contact], [data-group=invite]) .ava_click:hover .av_nm,
.modal:is([data-group=contact], [data-group=invite]) .ava_click:focus .av_nm,
.modal:is([data-group=contact], [data-group=invite]) .ava_click:focus-within .av_nm {
	box-shadow: var(--shadow-brd-focus-alt);
}
.modal:is([data-group=contact], [data-group=invite]) .ava_place {
	width: 60px;
	aspect-ratio: 1 / 1;
}
.modal:is([data-group=contact], [data-group=invite]) .ava_place.ava_square .av_nm {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(1.25);
	border-radius: 9.6px; /* 9.6px * 1.25 = 12px */
	&.av_svg {
		--icon-color: var(--base-txt-secondary);
		transform: unset;
		border: unset;
		border-radius: 12px;
		width: 100%;
		height: 100%;
		background: var(--base-cont-mod-low);
		svg {
			width: 24px;
			height: 24px;
		}
	}
}
.modal:is([data-group=contact], [data-group=invite]) .ava_place.ava_square span.av_def5:before {
	margin: 0;
}

.inputBlock label:not(.inputBlock__label) {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
}

.inputBlock__label {
	position: relative;
	display: flex;
	margin: 0;
	height: 60px;
	border-radius: 12px;
	overflow: hidden;
	box-sizing: border-box;
	background: var(--base-cont-mod-trans-low);
	align-items: center;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.inputBlock.worksection__head-shake .inputBlock__label {
	background-color: var(--base-hlt-w-hover);
}

#delayedPubMenu .inputBlock__label {
	height: 40px;
	border-radius: 8px;
}

.inputBlock__label-compact {
	display: flex;
	margin: 0;
	border-radius: 12px;
	box-sizing: border-box;
	background: var(--base-hlt-g-hover);
	min-height: 48px;
	padding: 6px 8px;
	align-items: center;
}
.inputBlock__label-compact:hover {
	box-shadow: var(--shadow-brd-enable);
}

.inputBlock__label-compact .label {
	display: flex;
	padding: 8px;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-primary);
	align-items: center;
	flex-grow: 1;
}

.inputBlock__label-compact .sw_pre {
	display: flex;
	align-items: center;
	padding: 0 6px 0 8px;
}

.inputBlock__label-allowGrow {
	min-height: 60px;
	height:auto;
}

.inputBlock__label.inputBlock__label-allowGrow .drop_select {
	height: auto !important;
}
.inputBlock__label-allowGrow .drop_select .in {
	white-space: initial
}
/* .inputBlock__label-allowGrow .drop_select .in {
	display:flex;
	overflow: hidden;
	gap: 4px;
}
.inputBlock__label-allowGrow .drop_select .in span {
	flex-shrink: 1;
	overflow:hidden;
	text-overflow:ellipsis
}
 */

.inputBlock__label > ws-icon, .inputBlock__label > .av_sm, .inputBlock__label > .ico {
	position: absolute !important;
	top: 20px;
	left: 14px;
	transform-origin: 0 0;
	transform: translate3d(0, 0, 0);
	transition: all .2s ease;
	opacity: 1 !important;
}

.inputBlock__label > .ico {
	margin: 0;
}

.inputBlock__label .label {
	position: absolute;
	top: 20px;
	font: var(--font-ui-16-title-3-reg);
	left: 16px;
	color: var(--base-txt-tertiary);
	pointer-events: none;
	transform-origin: 0 0;
	transform: translate3d(0, 0, 0);
	transition: all .2s ease;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}

.inputBlock__label .label ws-icon[name=hint] {
	pointer-events: auto;
	margin-top: -4px;
}

.inputBlock__label textarea[name=contact_hidden] + .label ws-icon[name=hint] {
	scale: 1.33;
	margin-left: 2px;
}

.inputBlock__label .label > ws-icon:not([name=hint]) {
	--icon-color: var(--base-txt-secondary);
	transform: translateY(-2px);
}

.inputBlock__label .label > ws-icon:not([name=hint]) + .in {
	padding-left: 4px;
}

.inputBlock__label input:focus + .label {
	pointer-events: all;
}

.inputBlock__label .label .limit {
	opacity: 0;
	font: var(--font-ui-16-title-3-reg);
	color: var(--base-txt-muted);
	text-wrap: nowrap;
	transition: opacity 0s ease-in-out 0s;
}

.inputBlock__label input:focus + .label .limit {
	opacity: 1;
	transition: opacity .125s ease-in-out .2s;
}

.inputBlock__label .label-has-drop {
	display: inline-flex;
	position: absolute;
	top: 8px;
	left: 12px;
	align-items: flex-start;
	gap: 8px;
}

.inputBlock__label .label-has-drop i {
	font-size: 12px;
	line-height: 16px;
}

.inputBlock__label .label-has-drop a.drop_select {
	height: 16px;
	overflow: hidden;
	border-radius: 8px;
	background: var(--base-hlt-b-selected);
	color: var(--base-txt-btn-b);
	padding: 0 4px 0 8px;
}

.inputBlock__label .label-has-drop a.drop_select .in {
	font-size: 11px;
	line-height: 16px;
	color: var(--base-txt-btn-b);
	font-weight: 510;
	padding: 0;
}

.inputBlock__label .label-has-drop a.drop_select ws-icon {
	width: 16px;
	height: 16px;
	--icon-size:16px;
	--icon-color: var(--base-txt-btn-b);
}

.inputBlock__label input[type=text],
.inputBlock__label input[type=number],
.inputBlock__label input[type=email],
.inputBlock__label input[type=tel],
.inputBlock__label input[type=password] {
	width: 100%;
	border: 0;
	background: none;
	padding: 25.5px 12px 10.5px 14px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	/* height: 56px; */
	letter-spacing: -0.02em;
	border-radius: 12px;
	color: var(--base-txt-accent);
	transition: all .15s ease;
	font-family: var(--font-base);
	box-sizing: border-box;
	text-overflow: ellipsis;
}

.inputBlock__label:has(.inputBlock__icons) input[type=text],
.inputBlock__label:has(.inputBlock__icons) input[type=number],
.inputBlock__label:has(.inputBlock__icons) input[type=email],
.inputBlock__label:has(.inputBlock__icons) input[type=tel],
.inputBlock__label:has(.inputBlock__icons) input[type=password] {
	padding-right: 0;
}

#delayedPubMenu .inputBlock__label input[type=text] {
	padding: 0 0 0 16px;
	font: var(--font-ui-15-large-semi);
}

.inputBlock__label div.input {
	width: 100%;
	border: 0;
	background: none;
	padding: 26px 12px 0 14px;
	height: 60px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.02em;
	box-sizing: border-box;
	border-radius: 12px;
	color: var(--base-txt-accent);
	transition: all .15s ease;
	font-family: var(--font-base);
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.inputBlock__label.has-labels {
	height: auto;
	min-height: 60px;
}
.inputBlock__label.has-labels div.input {
	white-space: normal;
	height: auto;
	padding-bottom: 6px;
}

.inputBlock__label .input ws-icon {
	padding-right: 4px;
}

.inputBlock__label .input ws-icon {
	--icon-color: var(--base-txt-btn-a);
}

.inputBlock__label.has-textarea {
	padding: 26px 4px 2px 0;
	height: auto;
}

.inputBlock__label.has-textarea.no-label {
	padding: 2px 4px 2px 0;
	height: auto;
}

.inputBlock__label.has-textarea textarea {
	width: 100%;
	min-height: 70px;
	border: 0;
	background: none;
	padding: 0 8px 10px 16px;
	color: var(--base-txt-primary);
	font: var(--font-txt-13-small-reg);
	cursor: auto;
}

.inputBlock__label.has-textarea.no-label textarea {
	padding: 10px 8px 10px 16px;
}

.inputBlock__label.has-textarea.no-label textarea::placeholder {
	font: var(--font-txt-13-small-reg);
}

.inputBlock__label.has-textarea.big-size textarea {
	font: var(--font-txt-15-large-reg);
}

.inputBlock__label.has-textarea.no-label.big-size textarea::placeholder {
	font: var(--font-txt-15-large-reg);
}

.inputBlock__label.has-textarea textarea::-webkit-scrollbar {
	height: 6px;
	width: 6px;
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-track {
	background-color: transparent;
	border: 0
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-track:hover {
	background-color: transparent;
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-button {
	display: none;
	height: 0;
	width: 0
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-corner {
	background-color: transparent
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 3px;
	min-height: 20%;
}
.inputBlock__label.has-textarea textarea::-webkit-scrollbar-thumb:hover {
	background-color: var(--scroll-major) !important;
}
.inputBlock__label.has-textarea textarea:hover::-webkit-scrollbar-thumb {
	background-color: var(--scroll-minor);
}
.inputBlock__label.has-textarea textarea::-webkit-resizer {
	background: transparent;
	display: none;
	width: 0;
	height: 0;
}

.inputBlock__label > ws-icon + input {
	padding-left: 38px !important;
}

.inputBlock__label > ws-icon + input + .label {
	left: 40px;
}

.inputBlock__label input.input_bold,
.inputBlock__label div.input_bold {
	font-weight: 590;
}

.inputBlock__label:not(.inputBlock__label-disabled):has(input, textarea, div.input, a.drop_select):hover {
	box-shadow: var(--shadow-brd-enable), 0 0 0 0 transparent;
}

.inputBlock__label input:not(:placeholder-shown) {
	background: none;
	box-shadow: none;
}

.inputBlock__label input:not(:focus):not(.ignore_hide)::-webkit-input-placeholder { color: transparent; }
.inputBlock__label input:not(:focus)::-moz-placeholder { color: transparent; }

.inputBlock__label > ws-icon + input:not(:placeholder-shown) + .label {
	transform: translate3d(-24px, -12px, 0) scale(0.75);
}

label.inputBlock__label:not(.ignore_focus):focus-within {
	background: var(--base-cont-input);
	outline: none;
	box-shadow: 0 0 0 0 transparent inset, var(--shadow-brd-focus);
}
label.inputBlock__label:not(.ignore_focus):focus-within:has(button:focus) {
	box-shadow: var(--shadow-brd-enable);
}

.modal__content label.inputBlock__label:not(.ignore_focus):focus-within {
	background: var(--base-cont-mod-input);
}

.inputBlock__label:focus-within > ws-icon {
	transform: translate3d(0, 6px, 0);
}

.inputBlock__label-fake > ws-icon,
.inputBlock__label-fake > .av_sm,
.inputBlock__label:has(input:not(:placeholder-shown)) > ws-icon,
.inputBlock__label:has(input:focus) > ws-icon,
.inputBlock__label-fake > .ico {
	transform: translate3d(0, 6px, 0);
}

.inputBlock__label input:not(:placeholder-shown) + .label,
.inputBlock__label textarea + .label,
.inputBlock__label .pickerInput ~ .label,
.inputBlock__label .block_as_input ~ .label,
.inputBlock__label input:focus + .label,
.inputBlock__label > .drop_select ~ .label,
.inputBlock__label > ws-icon > .drop_select ~ .label,
.inputBlock__label div.input + .label,
.inputBlock__label input.ignore_hide + .label {
	transform: translate3d(0, -12px, 0) scale(0.75);
}

.paymentPage .inputBlock-50 .inputBlock__label input:focus + .label {
	max-width: none;
	width: 116%;
}

.paymentPage .inputBlock-100 .inputBlock__label input:focus + .label {
	max-width: none;
	width: 125%;
}

.inputBlock__label > ws-icon + input:focus + .label {
	transform: translate3d(-24px, -12px, 0) scale(0.75);
}

.inputBlock__label label.text-label {
	position: absolute;
	top: 28px;
	right: 16px;
	pointer-events: none;
	padding: 0;
	/* font: var(--font-ui-13-small-reg); */
	color: var(--base-txt-secondary);
}

.inputBlock__label:not(:focus-within) > input:placeholder-shown ~ label {
	display: none;
}

.inputBlock__label > ws-icon {
	--icon-color: var(--base-txt-btn-a);
}
.inputBlock__label ws-icon[name^=folder] {
	--icon-color: var(--folder-color);
}
.inputBlock__label > ws-icon[name=trash_can] {
	--icon-color: var(--base-txt-alert-major);
}

.inputBlock__label .label-icons-top {
	position: absolute;
	top: 5px;
	right: 15px;
}

.inputBlock__label .label-icons-top ws-icon {
	transform: scale(0.75);
}

.inputBlock__label .label-icons-top .sw_small {
	margin: 0;
}

.inputBlock__label .label-icons-top .sw_small .sw {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.inputBlock__label ws-icon.text-primary {
	--icon-color: var(--base-txt-primary);
}

.inputBlock__label ws-icon.violet {
	--icon-color: var(--base-hlt-b-invert);
}

.inputBlock__label ws-icon.blue {
	--icon-color: var(--base-txt-btn-a);
}

.inputBlock__label ws-icon.red {
	--icon-color: var(--base-txt-alert-major);
}

.inputBlock__label ws-icon.ico_alert_sm, .inputBlock__label ws-icon.ico_email_req {
	--icon-color: var(--base-txt-alert-major);
}

label.inputBlock__label .input_error, label.inputBlock__label input[type=password] {
	box-shadow: none !important;
}

label.inputBlock__label:not(:focus-within):has(.input_error) {
	box-shadow: var(--shadow-brd-error);
}

label.inputBlock__label:focus-within:has(.input_error) {
	box-shadow: var(--shadow-brd-error-focus);
}

label.inputBlock__label .inputBlock__label-counter {
	display: none;
}

label.inputBlock__label:has(.input_error) .inputBlock__label-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;
}

.sw_violet.sw_act .sw {
	background: var(--base-hlt-b-invert);
}
.sw_blue.sw_act .sw {
	background: var(--base-hlt-invert);
}

.inputBlock.req_error .inputBlock__label {
	box-shadow: var(--shadow-brd-error), 0 0 0 0 transparent;
	background: var(--base-hlt-w-easy);
}

.inputBlock.req_error .inputBlock__label:focus-within {
	box-shadow: 0 0 0 0 transparent inset, var(--shadow-brd-error-focus);
	background: var(--base-cont-mod-top);
}

.inputBlock__alert {
	font: 400 13px/20px var(--font-base);
	color: var(--base-txt-alert-major);
	padding: 7px 0 12px 0;
	display: none;
}

.inputBlock__alert svg {
	fill: var(--base-txt-alert-major);
}

.inputBlock .drop_select {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 8px;
	border-radius: 6px;
}

.inputBlock .drop_select.drop_select--auto-height {
	padding-right: 36px;
}

.inputBlock__label .drop_select .in span:has(+ .drop_gmt) {
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.inputBlock__label .drop_select .in:not(:has(*)) {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div#modalContainer {}

.inputBlock__label .drop_select {
	box-shadow: none;
	flex: 1;
	height: 100% !important;
	background: none;
	font-size: 16px;
	gap: 8px;
}

.inputBlock__label .drop_select .in {
	font-size: 16px;
	color: var(--base-txt-accent);
	font-weight: 400;
	padding: 22px 0 7px 8px;
	letter-spacing: -0.011em;
}
.inputBlock__label-disabled .drop_select .in {
	color: var(--base-txt-tertiary);
}

.inputBlock__label > ws-icon ~ .drop_select .in, .inputBlock__label .av_sm ~ .drop_select .in, .inputBlock__label .ico ~ .drop_select .in {
	padding: 15px 0 0 30px;
}

.inputBlock__label :not(.label-has-drop) .drop_select ws-icon {
	--icon-color: var(--base-txt-secondary);
	padding-right: 10px;
}

.inputBlock__label.drop_select_bold .drop_select .in {
	font-weight: 590;
}

.inputBlock__label.drop_select_bold .drop_select .drop {
	background-color: transparent;
}

.inputBlock__icons {
	display: flex;
	padding-right: 12px;
	/* padding-left: 14px; */
	align-items: center;
}

.inputBlock__label:focus-within .inputBlock__icons {
	padding-left: 4px;
}

#delayedPubMenu .inputBlock__icons ws-icon {
	width: 16px;
	height: 16px;
	--icon-color: var(--base-txt-secondary);
}

.inputBlock__icons ws-btn, .inputBlock__icons button {
	margin: 0;
}

.inputBlock__label input:placeholder-shown + span + .inputBlock__icons ws-btn:not(.alwaysOn),
.inputBlock__label input:placeholder-shown + .inputBlock__icons ws-btn:not(.alwaysOn) {
	display: none;
}

.inputBlock .setupBlock__button {
	height: 40px;
}

.setupBlock__label {
	width: 160px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

.flex-text-l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-text-r {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-text-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-gap-10 {
	gap: 10px;
}

.hiddenBlock, .button.hiddenBlock {
	display: none !important;
}

.button.button_circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	padding: 0;
}

.button.logo_reset {
	box-shadow: 0 0 0 1px var(--base-txt-muted) inset;
	color: var(--base-txt-tertiary);
	background: var(--white-primary);
	font-weight: 600;
}

.button.logo_reset:hover {
	box-shadow: 0 0 0 1px var(--base-txt-primary) inset;
	color: var(--base-txt-accent);
	background: var(--white-primary);
}

.inputBlock__content .block_as_input {
	height: 40px;
	box-shadow: 0 0 0 1px var(--inp-cont-brd);
	border-radius: 8px;
	padding: 0 8px;
	color: inherit;
}

.inputBlock__label .block_as_input {
	width: 100%;
	height: 100%;
}

.inputBlock__content .block_as_input:hover {
	box-shadow: var(--shadow-brd-focus);
}

.inputBlock__content .block_as_input ws-icon {
	width: 36px;
	height: 36px;
	--icon-size:24px;
}

.inputBlock__content .block_as_input input.hidden,
.inputBlock__label .block_as_input input.hidden {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	height: 40px;
	pointer-events: none !important;
	padding: 0;
}

.inputBlock__label .block_as_input input.hidden {
	width: 0;
	height: 0;
}

.inputBlock__content .block_as_input input.timepicker {
	border: none;
	padding: 0 4px;
	font: 14px/20px var(--font-base);
	height: 38px;
	background: none;
	color: inherit;
	width: 60px;
	flex-grow: 1;
}

.inputBlock__content .block_as_input .in {
	padding: 0 4px;
	flex-grow: 1;
	color: inherit
}

.inputBlock__label .block_as_input .in {
	position: absolute;
	top: 26px;
	left: 38px;
	font-size: 16px;
	color: var(--base-txt-accent);
	font-weight: 400;
	pointer-events: none;
	transform-origin: 0 0;
	transform: translate3d(0, 0, 0);
	transition: all .2s ease;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	padding: 0;
}

#delayedPubMenu .inputBlock__label .block_as_input .in {
	position: relative;
	top: auto;
	left: 16px;
	font: var(--font-ui-15-large-semi);
}

.pickerInput {
	background: var(--inp-cont-top);
	min-height: 35px;
	border: 1px solid var(--inp-cont-brd);
	padding: 4px 6px 0 6px;
	border-radius: 8px;
}

.pickerInput .in a {
	display: inline-block;
	font: 13px/20px var(--font-base);
	padding: 5px 30px 5px 10px;
	border-radius: 4px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
	max-width: 188px;
	box-sizing: border-box;
}

.pickerInput .in .input {
	vertical-align: top;
	display: inline-block;
	padding: 5px;
	font: 14px/20px var(--font-base);
	width: 300px;
	background: transparent;
	border: none;
	margin: 0 0 5px;
}

.pickerInput .in a:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(/assets/img/iconset.svg) 0 -420px;
	width: 20px;
	height: 20px;
}

.pickerInput .in a:hover:after {
	background-position: -80px -420px;
	opacity: 0.8;
}

.inputBlock__label .pickerInput {
	background: transparent;
	border: none;
	padding: 0 8px 0 16px;
}

.inputBlock__label .pickerInput .input {
	padding-left: 0;
}

.formSimple {
	display: inline-flex;
	padding: 0 2px;
	margin: 0 4px;
	height: 28px;
	border-radius: 6px;
	background: var(--base-hlt-g-hover);
}

.formSimple.h24 {
	height: 24px;
	border-radius: 5px;
}

.formSimple.h32 {
	height: 32px;
	border-radius: 7px;
}

.modal__content .formSimple {
	background: var(--base-cont-mod-trans-low);
}

.modal__content .daterow .formSimple {
	background: var(--base-cont-mod-top-elevated);
}

.modal__content .formSimple:focus-within {
	background: var(--base-cont-mod-input);
}

.formSimple label {
	display: inline-flex;
	padding: 0 !important;
}

.formSimple label input {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	width: 24px;
	height: 28px;
	padding: 0;
	color: var(--base-txt-primary);
	font: var(--font-txt-13-small-med);
	text-align: center;
}

.formSimple.h32 label input {
	height: 32px;
	font: var(--font-ui-14-regular-semi);
}

.formSimple.h24 label input {
	height: 24px;
	font: var(--font-ui-13-small-med);
}

.formSimple label input[size='2'] { width: 24px; }
.formSimple label input[size='3'] { width: 32px; }
.formSimple label input[size='4'] { width: 40px; }
.formSimple label input[size='5'] { width: 48px; }
.formSimple label input[size='6'] { width: 56px; }
.formSimple label input[size='7'] { width: 64px; }
.formSimple label input[size='8'] { width: 72px; }
.formSimple label input[size='9'] { width: 80px; }
.formSimple label input[size='10'] { width: 88px; }
.formSimple label input[size='11'] { width: 96px; }
.formSimple label input[size='12'] { width: 104px; }
.formSimple label input[size='13'] { width: 112px; }
.formSimple label input[size='14'] { width: 120px; }
.formSimple label input[size='15'] { width: 128px; }

.formSimple label span {
	color: var(--base-txt-tertiary);
	font: var(--font-ui-11-micro-med);
}

.formSimple label > span {
	padding: 8px 4px 0 4px;
}

.formSimple.h32 label span {
	font: var(--font-ui-11-micro-reg);
}

.formSimple.h32 label > span {
	padding: 10px 4px 0 4px;
}

.formSimple .formSimple__icon {
	color: var(--base-txt-tertiary);
	display: inline-flex;
	align-items: center;
	padding: 2px;
	height: 24px;
	border-radius: 4px;
}

.formSimple .formSimple__icon svg {
	fill: var(--base-txt-tertiary);
}

.formSimple:hover {
	box-shadow: var(--shadow-brd-enable-hover);
}

.formSimple:hover input, .formSimple input:hover {
	color: var(--base-txt-accent);
}

.formSimple:hover .formSimple__icon svg {
	fill: var(--base-txt-accent);
}

.formSimple:focus-within {
	box-shadow: var(--shadow-brd-focus);
	background: var(--base-cont-input);
}

.formSimple:focus-within .formSimple__icon {
	background: var(--base-hlt-easy);
}

.formSimple:focus-within .formSimple__icon svg {
	fill: var(--base-txt-btn-a);
}

.formSimple input.input_error {
	border: none;
	box-shadow: none;
}

.formSimple:has(.input_error), .formSimple-error {
	box-shadow: var(--shadow-brd-error) !important;
	background: var(--base-hlt-w-easy) !important;
}

.formSimple:has(.input_error) .formSimple__icon svg,
.formSimple-error .formSimple__icon svg {
	fill: var(--base-txt-alert-major);
}

.formSimple:has(.input_error):focus-within .formSimple__icon svg,
.formSimple-error:focus-within .formSimple__icon svg {
	fill: var(--base-txt-alert-major);
}

.formSimple:has(.input_error):focus-within,
.formSimple-error:focus-within {
	box-shadow: var(--shadow-brd-error-focus) !important;
	background: var(--base-cont-mod-top) !important;
}

.formSimple:has(.input_error):focus-within .formSimple__icon,
.formSimple-error:focus-within .formSimple__icon {
	background: transparent;
}

.formSimple:has(input:disabled) {
	background: var(--base-hlt-g-easy);
	box-shadow: none !important;
}

.formSimple input:disabled, .formSimple:has(input:disabled) span, .formSimple:has(input:disabled) .formSimple__icon svg {
	color: var(--base-txt-muted);
	fill:  var(--base-txt-muted);
}

@media (max-width: 640px) {
	.pickerInput .in a {
		max-width: calc(50% - 7px);
	}
}

@media (max-width: 400px) {
	.pickerInput .in a {
		max-width: 100%;
	}
}

.pickerInput .in .input::-webkit-input-placeholder {
	font: italic 14px/20px var(--font-base);
}

.pickerInput.focus {
	box-shadow: var(--shadow-brd-focus);
	border-color: transparent;
	border-radius: 4px;
}

.pickerInput-users .in a {
	border-radius: 16px;
	background: var(--base-hlt-hover);
	box-shadow: 0 0 0 1px var(--base-hlt-invert) inset;
	color: var(--base-txt-primary);
	display: inline-flex;
	padding: 4px;
}

.pickerInput-users .in a.special {
	background: var(--base-hlt-invert);
	color: var(--white-primary);
	box-shadow: none;
}

.pickerInput-users .in a.special svg {
	fill: var(--white-primary);
}

.pickerInput-users .in a .av_sm {
	margin: -2px;
	transform: scale(0.833)
}

.pickerInput-users .in a .in {
	padding: 0 4px;
	overflow: hidden;
	flex-shrink: 1;
	text-overflow: ellipsis;
}

.pickerInput-users .in a:after {
	display: none;
}

.pickerInput-users .in .input {
	width: 200px;
	height: 20px;
}

#taskReminder__users ws-icon.role {
	background: var(--menu-item-invert);
	border-radius: 14px;
	width: 24px;
	height: 24px;
}

#taskReminder__users ws-icon.role svg {
	fill: var(--white-accent) !important;
}

#taskReminder__users .menu__item.selected ws-icon.role, #taskReminder__users .menu__item:hover ws-icon.role, #taskReminder__users .menu__item.selected:hover ws-icon.role {
	background: none
}

#taskReminder__users .av_sm {
	margin: 0 0 0 8px;
}

#taskReminder__users .menu__item-checked {
	display: none !important;
}
.inputBlock__qr {

	background: var(--base-hlt-g-hover);

	padding: 10px;

	border-radius: 16px;
}
.inputBlock__qr img {
	border-radius: 16px;
}

.inputBlock__label .dots {
}
.inputBlock__label .dots i {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 1px solid var(--base-line-primary);
	vertical-align: 0;
	border-radius: 3px;
}
.inputBlock__label .dots i.act {
	background: var(--base-txt-link-major);
	border-color: var(--base-txt-link-major)
}
.inputBlock__label .dots i.i2.act, .inputBlock__label .dots i.i3.act {
	background: var(--base-btn-alert-primary-minor);
	border-color: var(--base-btn-alert-primary-minor);
}
.inputBlock__label .dots span {
	color: var(--base-txt-tertiary);
	margin: 0 2px;
}
#setup_api .setupBlock__explain:first-of-type {
	padding-top: 12px;
}

@media (max-width: 960px) {
	.planPage .setupBlock__info {
		flex-direction: column;
	}
	.planPage .setupBlock__info ws-btn {
		width: fit-content;
		margin: 12px 0 8px 42px;
	}
}

@media (max-width: 768px) {
	.setupBlock__content.only_time .in {
		flex-wrap: wrap;
	}
}

@media (max-width: 480px) {
	.planPage .setupBlock__info ws-btn {
		width: initial;
	}

	.setupPage .setupBlock__content .inputCheckbox {
		align-self: flex-start;
		padding: 6px 0;
	}

	.setupBlock__label {
		width: 100%;
		justify-content: flex-start;
	}

	.setupPage .setupBlock__indent, .setupPage .setupBlock .setupBlock__indent.setupBlock__explain {
		padding-right: 0;
	}

	.setupPage .setupBlock__form:nth-of-type(2) .inputBlock:last-child .inputBlock__label .label {
		max-width: 44%;
	}

	.setupPage .inputBlock__wrapper {
		gap: 10px 16px;
	}

	#setup_2fa .setupBlock__item {
		flex-wrap: wrap;
	}

	#setup_2fa .setupBlock__item div:first-child {
		margin: 0 auto;
	}

	#setup_2fa .setupBlock__item div:last-child {
		gap: 8px;
	}

	#setup_ip_filter .setupBlock__item {
		flex-wrap: wrap;
	}

	#setup_ip_filter .setupBlock__item .in {
		width: 70%;
	}

	.flex-text-l {
		text-wrap: nowrap;
		overflow: hidden;
	}
}

@media (max-width: 414px) {
	#setup_owner .setupBlock__item {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	#setup_owner .setupBlock__item .in {
		padding-left: 0;
	}

	#setup_ip_filter .setupBlock__item ws-btn {
		flex-grow: 1;
	}
}

.inputBlock__label > .help {
	position: absolute;
	top: 6px;
	right: 10px;
}

/*.inputBlock__label .drop_select .in:has(+[value="-1"]) {
	color: var(--base-txt-tertiary);
	font-weight: 400;
	letter-spacing: -0.02em;
}*/

.inputBlock__label > .av_sm {
	--ava-scale: calc(20 / 24);
	scale: var(--ava-scale);
	transform-origin: center center;
}

.inputBlock__label > ws-icon.av_sm {
	--icon-color: var(--base-txt-secondary);
	border-style: dashed;
}

.inputBlock__label.inputBlock__label-upgrade {
	justify-content: end;
}

.inputBlock__label.inputBlock__label-upgrade .label {
	color: var(--base-txt-muted);
}

.inputBlock__label.inputBlock__label-upgrade div.input {
	color: var(--base-btn-notice-major);
}

.inputBlock__label.inputBlock__label-upgrade .inputBlock__icons {
	--icon-color: var(--base-btn-notice-major);
}
.inputBlock__parent .inputBlock__label {
	height: 32px;
	padding: 0 6px;
	gap: 0;
	border-radius: 6px;
}
.inputBlock__parent .drop_select {
	margin: auto;
	padding: 0;
	gap: 0;
}
.inputBlock__parent .inputBlock__label .label {
	display: none;
}
.inputBlock__parent .inputBlock__label .drop_select .in {
	padding: 0 6px;
	font: var(--font-ui-12-mini-med);
}
.inputBlock__parent .inputBlock__label.inputBlock__label ws-icon {
	position: static !important;
	inset: unset;
	transform: none;
	width: 32px;
	height: 32px;
	--icon-color: var(--base-txt-primary);
	flex-shrink: 0;
}
.inputBlock__parent .inputBlock__label.inputBlock__label-client {
	background: var(--base-hlt-b-easy);
}
.inputBlock__parent .inputBlock__label.inputBlock__label-client:hover {
	box-shadow: var(--shadow-brd-hover-b);
}
.inputBlock__parent .inputBlock__label.inputBlock__label-client .drop_select .in {
	color: var(--base-txt-btn-b);
}
.inputBlock__parent .inputBlock__label.inputBlock__label-client ws-icon {
	--icon-color: var(--base-txt-btn-b);
}

.fu15lr-bta {
	font: var(--font-ui-15-large-reg);
	color: var(--base-txt-accent);
}

.inputBlock__label.inputBlock__label-h36 {
	height: 36px;
	border-radius: 8px;
}
.inputBlock__label.inputBlock__label-h36 .label {
	top: 8px;
	left: 12px;
	font: var(--font-ui-13-small-reg);
}
.inputBlock__label.inputBlock__label-h36 input[type=text] {
	padding: 2px 12px;
	font: var(--font-ui-15-large-med);
}
.inputBlock__label.inputBlock__label-h36 input:not(:placeholder-shown) + .label,
.inputBlock__label.inputBlock__label-h36 textarea + .label,
.inputBlock__label.inputBlock__label-h36 input:focus + .label {
	transform: translate3d(0, 0, 0) scale(0.75);
	opacity: 0;
}
.setupBlock-inline {
	box-shadow: unset;
	margin: 0;
	padding: 0;
}
.setupBlock-inline .setupBlock__content {
	padding: 0;
}
.form-label {
	display: block;
	padding: 0;
	color: var(--base-txt-primary);
	font: var(--font-ui-15-large-semi);
}
.form-input {
	margin: 8px 0;
}

.inputBlock__label > .loader_sm {
	position: absolute;
	top: 4px;
	right: 4px;
}

.setupBlock__list__item .setupBlock__text {
	padding: 0 0 0 calc(40px + 12px + 8px);
}

.s2fa-step__text {
	padding: 6px 0; /* 20px(line-height) + 2*6px = 32px(to imitate text with btn-32 size) */
}

.s2fa-step__row {
	column-gap: 8px;
	row-gap: 2px; /* 6px(padding-bottom) + 2px = 8px(to imitate general row gap) */
}

.s2fa-step__row > .flex_row {
	gap: 8px;
}