/* Start:/bitrix/components/bitrix/main.interface.buttons/templates/.default/style.css?175812242733530*/
.main-buttons__scope {
	--mib-height: 60px;
	--mib-background: #fff;
	--mib-item-spacing: 50px;
	--mib-padding-left: 25px;
	--mib-padding-right: 50px;
	--mib-padding-top: 0;
	--mib-padding-bottom: 0;
	--mib-margin-bottom: 8px;

	--mib-menu-underline-size: 0;
	--mib-menu-underline-color: transparent;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 15px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-color: #545c6a;
	--mib-item-active-color: #1058d0;
	--mib-item-hover-color: var(--mib-item-active-color);
	--mib-item-passive-opacity: 0.6;
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: 0;
	--mib-item-hover-underline-color: transparent;
	--mib-item-link-transition: none;

	--mib-item-super-title-font-size: 8px;
	--mib-item-super-title-color: #2fc6f6;
	--mib-item-super-title-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-super-title-font-weight: var(--ui-font-weight-semi-bold, 600);

	--mib-item-edit-button-opacity: 1;
	--mib-item-drag-button-opacity: 1;


	--mib-item-edit-button-image: var(--ui-icon-set__path_settings-4);
	--mib-item-edit-button-image-size: 16px;
	--mib-item-edit-button-image-opacity: 1;
	--mib-item-edit-button-image-color: #babec2;
	--mib-item-edit-button-right: -17px;
	--mib-item-edit-button-top: 3px;

	--mib-item-drag-button-image: var(--ui-icon-set__path_more-points);
	--mib-item-drag-button-image-size: 22px;
	--mib-item-drag-button-image-opacity: 1;
	--mib-item-drag-button-image-color: #babec2;

	--mib-item-menu-arrow-width: 10px;
	--mib-item-menu-arrow-height: 8px;
	--mib-item-menu-arrow-margin-left: 8px;
	--mib-item-menu-arrow-image-size: 16px;
	--mib-item-menu-arrow-image: var(--ui-icon-set__path_chevron-down);
	--mib-item-menu-arrow-image-color: #545c6a;
	--mib-item-menu-arrow-edit-visibility: 0;

	--mib-item-lock-icon-width: 20px;
	--mib-item-lock-icon-height: 20px;
	--mib-item-lock-icon-margin-right: 0;
	--mib-item-lock-icon-image-size: 20px;
	--mib-item-lock-icon-image: var(--ui-icon-set__path_lock);
	--mib-item-lock-icon-image-color: #28bae9;

	--mib-item-sublink-size: 14px;
	--mib-item-sublink-mask-image: var(--ui-icon-set__path_plus-50);
	--mib-item-sublink-bg-color: #1058D0;
	--mib-item-sublink-fore-color: #fff;
	--mib-item-sublink-bg-color-hover: #2FC7F7;
	--mib-item-sublink-fore-color-hover: #fff;

	--mib-item-pin-icon-image-size: 20px;
	--mib-item-pin-icon-image: var(--ui-icon-set__path_arrow-top);
	--mib-item-pin-icon-image-color: #979da5;

	--mib-item-submenu-setting-image-color: #28bae9;
	--mib-item-submenu-setting-image: var(--ui-icon-set__path_settings-4);

	--mib-menu-item-selected: #0063c6;
}

.main-buttons__scope.--flat,
.main-buttons__scope.--flat-adaptive {
	--mib-height: 37px;
	--mib-padding-left: 18px;
	--mib-padding-right: 18px;
	--mib-padding-top: 10px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;

	--mib-item-spacing: 36px;
	--mib-item-font-size: 14px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: var(--mib-item-underline-size);
	--mib-item-hover-underline-color: var(--mib-item-underline-color);

	--mib-item-color: #525c68;
	--mib-item-active-color: #1058d0;
}

.main-buttons__scope.--compact {
	--mib-height: 47px;
	--mib-padding-left: 25px;
	--mib-padding-right: 25px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 14px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons__scope.--small {
	--mib-height: 28px;
	--mib-padding-left: 0;
	--mib-padding-right: 0;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 13px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons__scope.--air {
	--mib-height: 58px;
	--mib-padding-left: 10px;
	--mib-padding-right: 18px;
	--mib-margin-bottom: 8px;
	--mib-radius: 0;
	--mib-background: transparent;

	--mib-item-spacing: 24px;
	--mib-item-font-size: 15px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-system));
	--mib-item-font-weight: var(--ui-font-weight-normal);

	--mib-item-underline-size: 0;
	--mib-item-underline-color: transparent;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: 0;

	--mib-item-color: var(--ui-color-design-plain-na-content);
	--mib-item-active-color: var(--ui-color-design-selection-content);
	--mib-item-hover-color: var(--ui-color-design-plain-na-focused-content);
	--mib-item-super-title-color: var(--ui-color-design-plain-na-content);

	--mib-item-edit-button-opacity: 1;
	--mib-item-drag-button-opacity: 1;

	--mib-item-drag-button-image-opacity: 0;
	--mib-item-drag-button-image: var(--o-ui-icon-set__path_drag-s);
	--mib-item-drag-button-image-size: 20px;
	--mib-item-drag-button-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-edit-button-image: var(--ui-icon-set__path_settings-4);
	--mib-item-edit-button-image-size: 12px;
	--mib-item-edit-button-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-lock-icon-width: 10px;
	--mib-item-lock-icon-height: 16px;
	--mib-item-lock-icon-image-size: 16px;
	--mib-item-lock-icon-margin-right: 4px;
	--mib-item-lock-icon-image: var(--o-ui-icon-set__path_lock-l);
	--mib-item-lock-icon-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-menu-arrow-width: 10px;
	--mib-item-menu-arrow-height: 10px;
	--mib-item-menu-arrow-margin-left: 4px;
	--mib-item-menu-arrow-image-size: 20px;
	--mib-item-menu-arrow-image: var(--o-ui-icon-set__path_chevron-down-s);
	--mib-item-menu-arrow-image-color: var(--ui-color-design-plain-na-content-icon);
	--mib-item-menu-arrow-edit-visibility: 1;

	--mib-item-sublink-mask-image: var(--o-ui-icon-set__path_plus-m);
	--mib-item-sublink-bg-color: var(--ui-color-design-selection-bg);
	--mib-item-sublink-fore-color: var(--ui-color-design-plain-na-focused-content);
	--mib-item-sublink-bg-color-hover: color-mix(in srgb, var(--ui-color-design-selection-bg) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));;
	--mib-item-sublink-fore-color-hover: var(--ui-color-design-plain-na-focused-content);

	--mib-item-pin-icon-image-size: 24px;
	--mib-item-pin-icon-image: var(--o-ui-icon-set__path_arrow-top-s);
	--mib-item-pin-icon-image-color: var(--ui-color-base-5);

	--mib-item-submenu-setting-image-color: var(--ui-color-accent-main-primary);
}

.main-buttons-default-menu-popup.--air {
	--mib-menu-item-selected: #0075FF;
}

.main-buttons.--air .main-buttons-item::before {
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	right: -10px;
	top: 13px;
	bottom: 13px;
	border-radius: 8px;
	opacity: 0;
	transition: background-color 200ms, opacity 200ms;
	z-index: -1;
}

.main-buttons.--air .main-buttons-item.--over::before,
.main-buttons.--air .main-buttons-item.--has-menu.--menu-shown::before {
	opacity: 1;
	background-color: var(--ui-color-design-plain-na-focused-bg);
	border: 1px solid var(--ui-color-design-plain-na-focused-stroke);
}

.main-buttons.--air .main-buttons-item-active::before {
	opacity: 1;
	background-color: var(--ui-color-design-selection-bg);
	border: 1px solid var(--ui-color-design-selection-stroke);
}

.main-buttons.--air .main-buttons-item.--has-menu.--menu-shown {
	--mib-item-color: var(--mib-item-hover-color);
}

.main-buttons.--air .main-buttons-item-edit-button {
	right: -10px;
	top: 20px;
}

.main-buttons.--air .main-buttons-item.--has-menu .main-buttons-item-edit-button {
	right: -10px;
}

.main-buttons.--air .main-buttons-edit .main-buttons-item-counter {
	display: none;
}

.main-buttons.--air .main-buttons-item .main-buttons-item-counter {
	transform: translateX(10px);
}

.main-buttons.--air .main-buttons-item-super-title {
	top: 30px;
}

.--ui-context-edge-dark .main-buttons__scope,
.--ui-context-content-dark .main-buttons__scope {
	--mib-item-super-title-shadow-color: rgba(0, 0, 0, 0.5);
}

.--ui-context-edge-light .main-buttons__scope,
.--ui-context-content-light .main-buttons__scope {
	--mib-item-super-title-shadow-color: rgba(255, 255, 255, 0.5);
}

.main-buttons.--air .main-buttons-item.--over .main-buttons-item-super-title,
.main-buttons.--air .main-buttons-item-active .main-buttons-item-super-title,
.main-buttons.--air .main-buttons-item.--menu-shown .main-buttons-item-super-title {
	text-shadow: 0 1px 3px var(--mib-item-super-title-shadow-color);
}

.main-buttons.--air .main-buttons-item-child {
	display: none;
}

.main-buttons {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.main-buttons-box {
	display: flex;
	background: var(--mib-background);
	border-radius: var(--mib-radius);
	height: var(--mib-height);
	padding: var(--mib-padding-top) var(--mib-padding-right) var(--mib-padding-bottom) var(--mib-padding-left);
	margin-bottom: var(--mib-margin-bottom);
}

.main-buttons-box:after {
	display: block;
	content: '';
	position: absolute;
	height: var(--mib-menu-underline-size);
	left: 0;
	right: 0;
	bottom: var(--mib-menu-underline-bottom);
	background: var(--mib-menu-underline-color);
	z-index: 1;
}

.main-buttons-inner-container {
	display: inline-flex;
	flex-wrap: wrap;
	position: relative;
	margin-left: calc(var(--mib-item-spacing) * -1);
	z-index: 2;
}

.main-buttons-item {
	position: relative;
	display: inline-flex;
	margin-left: var(--mib-item-spacing);
	height: var(--mib-height);
	margin-bottom: var(--mib-height);
	box-sizing: border-box;
	text-decoration: none;

}
.main-buttons-item-insert-animation {
	transition: width 300ms, opacity 300ms, margin 300ms;
	overflow: hidden;
	width: 0;
	opacity: 0;
}

/* Hide position: absolute elements */
.main-buttons-item-insert-animation .main-buttons-item-drag-button,
.main-buttons-item-insert-animation .main-buttons-item-edit-button,
.main-buttons-item-insert-animation .main-buttons-item-counter {
	display: none;
}

.main-buttons-item-text-title {
	position: relative;
}

.main-buttons-item-text-title:after {
	display: block;
	content: '';
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: var(--mib-item-underline-top);
	bottom: var(--mib-item-underline-bottom);
	background: transparent;
	opacity: var(--mib-item-underline-opacity);
	z-index: 2;
	cursor: pointer;
	transition: background .3s ease;
}

.main-buttons-item.--has-menu .main-buttons-item-text-title:after {
	right: calc(var(--mib-item-menu-arrow-width) + var(--mib-item-menu-arrow-margin-left));
}

.main-buttons-menu-item .main-buttons-item-text-title:after {
	display: none;
}

.main-buttons-item-text-box {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-buttons-item .main-buttons-item-text-box {
	top: 50%;
	transform: translateY(-50%);
}

.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after,
.main-buttons-item.--over.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after {
	background: var(--mib-item-underline-color);
	height: var(--mib-item-underline-size);
}

.main-buttons-item.--over .main-buttons-item-text-title:after {
	height: var(--mib-item-hover-underline-size);
	background: var(--mib-item-hover-underline-color);
}

.main-buttons.--default .main-buttons-item.--has-menu:before {
	display: block;
	content: '';
	position: absolute;
	left: -25px;
	top: 6px;
	right: -25px;
	bottom: 0;
	background: #fff;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	border-radius: 10px 10px 0 0;
	opacity: 0;
	transition: opacity 100ms;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:before {
	opacity: 1;
	bottom: -8px;
}

.main-buttons.--default .main-buttons-drag .main-buttons-item.--has-menu:before {
	display: none;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:after {
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	transition: none;
	background: rgba(82, 92, 105, 0.08);
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown {
	--mib-item-underline-opacity: 0;
}

.main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	display: inline-block;
	position: relative;
	width: var(--mib-item-menu-arrow-width);
	height: var(--mib-item-menu-arrow-height);
	margin-left: var(--mib-item-menu-arrow-margin-left);
	align-self: center;

	-webkit-mask-image: var(--mib-item-menu-arrow-image);
	mask-image: var(--mib-item-menu-arrow-image);
	-webkit-mask-size: var(--mib-item-menu-arrow-image-size);
	mask-size: var(--mib-item-menu-arrow-image-size);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--mib-item-menu-arrow-image-color);
}

.main-buttons-edit .main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	opacity: var(--mib-item-menu-arrow-edit-visibility);
}

/* region default popup menu */
.main-buttons-menu-popup {
	border-radius: 0 10px 10px 10px;
	box-shadow: 0px 15px 21px rgb(83 92 105 / 15%);
	clip-path: inset(0 -24px -28px -24px round 10px);
}

.main-buttons-menu-popup .popup-window-content {
	border-radius: 0 10px 10px 10px;
}

.main-buttons-menu-popup.--left-handed {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--left-handed .popup-window-content {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--sub-menu {
	border-radius: 10px;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	clip-path: none;
}

.main-buttons-menu-popup.--sub-menu .popup-window-content {
	border-radius: 10px;
}

.main-buttons-menu-popup .menu-popup-item-text {
	color: #525c69;
	font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	line-height: 47px;
	padding: 0 25px;
}

.main-buttons-menu-popup .menu-popup-item-submenu .menu-popup-item-text {
	padding-right: 35px;
}

.main-buttons-menu-popup .menu-popup-item-submenu:after {
	right: 15px;
}

.main-buttons-more-menu-popup:not(.--sub-menu) .menu-popup-item-text {
	padding-left: 0;
}

.main-buttons-menu-popup .menu-popup .menu-popup-item {
	height: 47px;
	transition: none;
}

.main-buttons-menu-popup .menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text span {
	top: -25px !important;
}

/* endregion */

.main-buttons-item.--has-menu .main-buttons-item-sublink {
	display: none !important;
}

.main-buttons-item[data-disabled="true"] {
	display: none;
}

.main-buttons-item[data-disbanded="true"] {
	display: none;
}

.main-buttons-item.--hidden {
	display: none;
}

.main-buttons-item-link {
	position: relative;
	display: flex;
	font-family: var(--mib-item-font-family);
	font-size: var(--mib-item-font-size);
	font-weight: var(--mib-item-font-weight);
	color: var(--mib-item-color);
	outline: none;
	transition: var(--mib-item-link-transition);
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	-khtml-user-drag: none;
	-webkit-user-drag: none;
	text-transform: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	white-space: nowrap;
	align-items: stretch;
}

.main-buttons-edit .main-buttons-item-link {
	cursor: move;
}

.main-buttons-item:focus,
.main-buttons-item:focus .main-buttons-item-link,
.main-buttons-item-link:focus {
	outline: none;
}

.main-buttons-item.--over .main-buttons-item-link,
.main-buttons-item:hover .main-buttons-item-link {
	color: var(--mib-item-hover-color);
}

.main-buttons-item-active .main-buttons-item-link {
	color: var(--mib-item-active-color);
}

.main-buttons-item.--passive {
	pointer-events: none;
}
.main-buttons-item.--passive .main-buttons-item-link {
	opacity: var(--mib-item-passive-opacity);
}

.main-buttons-edit .main-buttons-item .main-buttons-item-icon {
	opacity: calc(1 - var(--mib-item-drag-button-image-opacity));
}

.main-buttons-item.--locked .main-buttons-item-icon,
.main-buttons-menu-item.--locked .main-buttons-item-icon,
.main-buttons-submenu-item.--locked .main-buttons-item-icon {
	display: inline-flex;
	width: var(--mib-item-lock-icon-width);
	height: var(--mib-item-lock-icon-height);
	margin-right: var(--mib-item-lock-icon-margin-right);

	-webkit-mask-image: var(--mib-item-lock-icon-image);
	mask-image: var(--mib-item-lock-icon-image);
	-webkit-mask-size: var(--mib-item-lock-icon-image-size);
	mask-size: var(--mib-item-lock-icon-image-size);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--mib-item-lock-icon-image-color);
	align-self: center;
}

.main-buttons-item.main-buttons-item-more {
	margin-left: var(--mib-item-spacing);
}

.main-buttons-item .main-buttons-item-text {
	position: relative;
	display: flex;
	align-items: stretch;
}

.main-buttons-item .main-buttons-item-counter {
	display: block;
	position: absolute;
	right: 0;
	transform: translateX(70%);
	top: calc(var(--mib-height) / 2 - var(--mib-item-font-size) / 2 - 14px);
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f2473d;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.main-buttons-menu-popup-item {
	display: flex;
}

.main-buttons-edit .main-buttons-menu-popup-item {
	margin-right: 20px;
}

.main-buttons-item .main-buttons-item-counter:empty,
.menu-popup-item-text .main-buttons-item-counter:empty {
	display: none;
}

.menu-popup-item-text .main-buttons-item-text {
	margin: 0 2px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-popup-item-text .main-buttons-item-counter {
	display: inline-block;
	align-self: center;
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f54819;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.menu-popup-item-text .main-buttons-item-pin {
	display: block;
	position: absolute;
	align-self: center;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-image: var(--mib-item-pin-icon-image);
	mask-image: var(--mib-item-pin-icon-image);
	-webkit-mask-size: var(--mib-item-pin-icon-image-size);
	mask-size: var(--mib-item-pin-icon-image-size);
	background-color: var(--mib-item-pin-icon-image-color);

	z-index: 1;
}

.main-buttons-pin-hint-popup {
	white-space: nowrap;
	pointer-events: none;
}

.menu-popup-item-text .main-buttons-item-pin:hover {
	background-color: color-mix(in srgb, var(--mib-item-pin-icon-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-item-sublink {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -8px;
	display: none;
	height: 15px;
	width: 40px;
	cursor: pointer;
	z-index: 3;
}

.main-buttons-item-sublink:before,
.main-buttons-item-sublink:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 50%;
	height: var(--mib-item-sublink-size);
	width: var(--mib-item-sublink-size);
	margin-left: -8px;
}

.main-buttons-item-sublink:before {
	z-index: 1;
	-webkit-mask-image: var(--mib-item-sublink-mask-image);
	mask-image: var(--mib-item-sublink-mask-image);
	-webkit-mask-size: var(--mib-item-sublink-size);
	mask-size: var(--mib-item-sublink-size);
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--mib-item-sublink-fore-color);
}

.main-buttons-item-sublink:after {
	background-color: var(--mib-item-sublink-bg-color);
	border-radius: 50%;
	transition: background-color .3s;
}

.main-buttons-item-sublink:hover:before {
	background-color: var(--mib-item-sublink-fore-color-hover);
}

.main-buttons-item-sublink:hover:after {
	background-color: var(--mib-item-sublink-bg-color-hover);
}

.main-buttons-item:hover .main-buttons-item-sublink {
	display: block;
}

.main-buttons-item-super-title {
	position: absolute;
	top: 50%;
	margin-top: calc(var(--mib-item-font-size) * -1.35);
	font-family: var(--mib-item-super-title-font-family);
	font-size: var(--mib-item-super-title-font-size);
	line-height: var(--mib-item-super-title-font-size);
	font-weight: var(--mib-item-super-title-font-weight);
	color: var(--mib-item-super-title-color);
	text-transform: uppercase;
	margin-left: 1px;
}

.main-buttons-menu-item .main-buttons-item-super-title {
	margin-top: calc(var(--mib-item-font-size) * -1);
}

/**
 * Submenu styles
 */
.main-buttons-submenu-item {
	min-width: 195px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	text-transform: none;
}

.menu-popup-items .menu-popup-item.main-buttons-submenu-item.secret {
	display: none !important;
}

.main-buttons-submenu-item.main-buttons-disabled {
	opacity: .8;
}

.main-buttons-submenu-item .menu-popup-item-icon {
	display: inline;
	width: 0;
}

.main-buttons-submenu-item.noicon .menu-popup-item-icon {
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item .main-buttons-item-menu-arrow{
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item.menu-popup-item-submenu:after {
	display: none;
}

/**
 * Dropzone styles
 */
.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::after {
	position: absolute;
	content: '';
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px rgba(0, 0, 0, .2) dashed;
	border-radius: 2px;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone.--over::after {
	border: 2px rgba(0, 0, 0, .2) dashed;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-icon {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-text {
	height: auto;
	line-height: 45px;
}

.main-buttons-drag .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	background: #f0f5f5;
	position: relative;
	display: block !important;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	box-shadow: none;
	border: none;
	height: 48px;
	min-width: 140px;
}

.main-buttons-item-edit-button,
.main-buttons-item-drag-button {
	position: absolute;
	display: flex;
	width: 16px;
	height: 18px;
	right: var(--mib-item-edit-button-right);
	/*top: var(--mib-item-edit-button-top);*/
	top: 50%;
	transform: translateY(-50%);
	margin-top: 1px;
	pointer-events: none;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
}

.main-buttons-item.--has-menu .main-buttons-item-edit-button {
	right: 1px;
}

.main-buttons-item-edit-button {
	z-index: 2;
}

.main-buttons-item-drag-button {
	z-index: 1;
	left: -15px;
	right: auto;
	cursor: move;
}

.main-buttons-edit .main-buttons-item-edit-button,
.main-buttons-edit .main-buttons-item-drag-button {
	pointer-events: all;
}

.main-buttons-edit .main-buttons-item-edit-button {
	opacity: var(--mib-item-edit-button-opacity);
}

.main-buttons-edit .main-buttons-item-drag-button {
	opacity: var(--mib-item-drag-button-opacity);
}

.main-buttons-edit .main-buttons-item-edit-button:hover::after {
	background-color: color-mix(in srgb, var(--mib-item-edit-button-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-edit .main-buttons-item-drag-button:hover::after {
	background-color: color-mix(in srgb, var(--mib-item-drag-button-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-item-edit-button::after,
.main-buttons-item-drag-button::after {
	display: inline-block;
	content: '';
	width: 16px;
	height: 18px;
}

.main-buttons-item-edit-button::after {
	-webkit-mask-image: var(--mib-item-edit-button-image);
	mask-image: var(--mib-item-edit-button-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--mib-item-edit-button-image-size);
	mask-size: var(--mib-item-edit-button-image-size);
	background-color: var(--mib-item-edit-button-image-color);
	opacity: var(--mib-item-edit-button-image-opacity);
}

.main-buttons-item-drag-button::after {
	-webkit-mask-image: var(--mib-item-drag-button-image);
	mask-image: var(--mib-item-drag-button-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--mib-item-drag-button-image-size);
	mask-size: var(--mib-item-drag-button-image-size);
	background-color: var(--mib-item-drag-button-image-color);
}

.main-buttons-item .main-buttons-item-drag-button::after {
	opacity: var(--mib-item-drag-button-image-opacity);
}

.main-buttons-menu-item .main-buttons-item-edit-button,
.main-buttons-menu-item .main-buttons-item-drag-button {
	display: none;
}

.main-buttons-submenu-item .main-buttons-item-edit-button,
.main-buttons-submenu-item .main-buttons-item-drag-button {
	height: auto;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-buttons-submenu-item .main-buttons-item-edit-button {
	right: 0;
	width: 35px;
}

.main-buttons-submenu-item .main-buttons-item-drag-button {
	right: auto;
	left: 0;
}

.main-buttons-submenu-setting {
	position: relative;
}

.main-buttons-submenu-setting .menu-popup-item-text::before {
	content: '';
	position: relative;
	top: 4px;
	right: 1px;
	display: inline-block;
	height: 18px;
	width: 20px;
	-webkit-mask-image: var(--mib-item-submenu-setting-image);
	mask-image: var(--mib-item-submenu-setting-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: left center;
	mask-position: left center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-color: var(--mib-item-submenu-setting-image-color);
	transition: opacity .3s;
}

.main-buttons-submenu-settings-apply .menu-popup-item-text {
	overflow: visible;
}

.main-buttons-submenu-settings-apply .ui-btn-icon-main-buttons-apply {
	--ui-btn-icon: url("data:image/svg+xml,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.862 9.411a.3.3 0 0 1-.418 0L.446 5.515a.4.4 0 0 1 0-.573l1.002-.977a.4.4 0 0 1 .558 0l2.647 2.58 6.34-6.18a.4.4 0 0 1 .559 0l1.002.977a.4.4 0 0 1 0 .573L4.862 9.41Z' fill='%238AB700'/%3E%3C/svg%3E");
	padding-left: 30px;
	margin-left: -11px;
	margin-top: -3px;
}

.main-buttons-submenu-settings-apply,
.main-buttons-submenu-settings-reset,
.main-buttons-submenu-setting,
.main-buttons-hidden-label {
	-webkit-user-drag: none;
	user-drag: none;
}

.main-buttons-more-menu-popup:not(.main-buttons-edit) .menu-popup-item.main-buttons-submenu-settings-apply {
	display: none;
}

.main-buttons-more-menu-popup.main-buttons-edit .menu-popup-item.main-buttons-submenu-setting {
	display: none;
}

.main-buttons-submenu-item-no-hidden {
	text-align: center;
	padding: 12px 5px;
	opacity: .6;
	cursor: default !important;
}

.main-buttons-submenu-item-no-hidden:hover {
	background: #fff;
}

.main-buttons-submenu-item-no-hidden.--over {
	opacity: 1;
}

.main-buttons-submenu-item-no-hidden .menu-popup-item-text {
	white-space: normal;
	line-height: normal;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active {
	border-bottom: none !important;
	height: auto !important;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active .main-buttons-item-text-title {
	color: var(--mib-menu-item-selected);
}

.main-buttons-menu-item-active .menu-popup-item-text {
	color: var(--mib-menu-item-selected) !important;
}

/* region  child button */
.main-buttons-item[data-parent-item-id] .main-buttons-item-edit-button,
.main-buttons-item[data-has-child] .main-buttons-item-edit-button,
.main-buttons-item[data-parent-item-id] .main-buttons-item-drag-button,
.main-buttons-item[data-has-child] .main-buttons-item-drag-button {
	display: none !important;
}

.main-buttons-item-child {
	display: inline-flex;
	position: relative;
}

.main-buttons-item-child[data-is-opened="true"]:not(.main-buttons-item-child-button-cloned) {
}

.main-buttons-item-child-list {
	flex-grow: 1;
	overflow: hidden;
	max-width: 0;
	opacity: 0;
	transition: 200ms max-width ease, 200ms opacity ease;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list {
	opacity: 1;
}

.main-buttons-item-child-list-inner {
	white-space: nowrap;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list-inner {
	margin-left: 0;
}

.main-buttons-item-child-button {
	position: absolute;
	width: 26px;
	height: 60px;
	border-right: 1px rgba(82, 92, 105, .35) solid;
	cursor: pointer;
	top: 0;
	right: -35px;
	transition: 200ms border ease;
}

.main-buttons-item-child-button::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23525C69'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	content: '';
	position: absolute;
	width: 6px;
	height: 10px;
	top: 53%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.main-buttons-item-child-button:hover {
	border-right: 1px rgba(82, 92, 105, .8) solid;
}

.main-buttons-item-child-button:hover::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23333333'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

[data-is-opened] .main-buttons-item-child-button::after {
	top: 54%;
	transform: translateY(-50%) translateX(-50%) scale(-1, -1);
}

[data-is-opened] .main-buttons-item-child-button {
	right: -30px;
}

.main-buttons-item-child-button-cloned {
	opacity: 0;
	transition: opacity 200ms ease;
	margin-left: -26px;
	width: 26px;
	transform: translateX(34px);
	z-index: 1;
}

.main-buttons-item-child-button-cloned .main-buttons-item-child-button {
	border-right: none;
	position: relative;
	left: 0;
}

.main-buttons-item-child-button-cloned:hover {
	opacity: .6;
}

/* endregion */

/* End */
/* /bitrix/components/bitrix/main.interface.buttons/templates/.default/style.css?175812242733530 */