.ui-nav-panel__scope{--color_background:rgba(82,92,105,.08);--color_text:rgba(82,92,105,.8);--color_text-hover:#525c69;--color_border-bottom:rgba(82,92,105,.4);--color_chevron:var(--color_text);--color_chevron-hover:var(--color_text-hover);--color_chevron-active:var(--color_text-hover)}.ui-nav-panel__scope.--collapsed{--color_text:var(--color_text-hover)}.bitrix24-light-theme .ui-nav-panel__scope{--color_background:hsla(0,0%,100%,.15);--color_text:hsla(0,0%,100%,.8);--color_border-bottom:hsla(0,0%,100%,.5)}.bitrix24-light-theme .ui-nav-panel__scope.--collapsed{--color_text:var(--color_text-hover)}.bitrix24-dark-theme .ui-nav-panel__scope,.bitrix24-default-theme .ui-nav-panel__scope,.ui-page-slider-wrapper-default-theme .ui-nav-panel__scope{--color_text-hover:#525c69}.bitrix24-dark-theme .ui-nav-panel__scope.--air,.bitrix24-default-theme .ui-nav-panel__scope.--air,.bitrix24-light-theme .ui-nav-panel__scope.--air,.ui-nav-panel__scope.--air,.ui-page-slider-wrapper-default-theme .ui-nav-panel__scope{--color_background:var(--ui-color-design-outline-na-bg);--color_background-hover:color-mix(in srgb,var(--ui-color-design-outline-na-bg) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--color_background-active:var(--ui-color-design-selection-bg);--color_text:var(--ui-color-design-outline-na-content);--color_text-hover:color-mix(in srgb,var(--ui-color-design-outline-content) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--color_text-active:var(--ui-color-design-selection-content);--color_border-bottom:transparent}.bitrix24-dark-theme .ui-nav-panel__scope.--air.--collapsed,.bitrix24-default-theme .ui-nav-panel__scope.--air.--collapsed,.bitrix24-light-theme .ui-nav-panel__scope.--air.--collapsed{--color_background:var(--ui-color-design-outline-bg);--color_background-hover:color-mix(in srgb,var(--ui-color-design-outline-bg) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--color_background-menu-open:color-mix(in srgb,var(--ui-color-design-outline-bg) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--color_background-active:var(--ui-color-design-selection-bg);--color_text:var(--ui-color-design-outline-content);--color_text-hover:color-mix(in srgb,var(--ui-color-design-outline-content) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--color_text-menu-open:color-mix(in srgb,var(--ui-color-design-outline-content) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--color_text-active:var(--ui-color-design-selection-content);--color_chevron:var(--ui-color-design-outline-content-chevron);--color_chevron-hover:color-mix(in srgb,var(--ui-color-design-outline-content-chevron) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--color_chevron-menu-open:color-mix(in srgb,var(--ui-color-design-outline-content-chevron) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--color_chevron-active:var(--color_chevron-menu-open);--color_border-bottom:transparent}.ui-nav-panel{display:inline-flex;overflow:hidden;margin-right:10px;border-radius:16px;background-color:var(--color_background);font:14px/1.14 var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.ui-nav-panel.--air{margin-right:0;border-radius:var(--ui-border-radius-sm);font:var(--ui-font-size-sm)/var(--ui-font-line-height-2xs) var(--ui-font-family-primary);-webkit-backdrop-filter:var(--ui-nav-panel-custom-backdrop-filter,var(--ui-bg-blur-content));backdrop-filter:var(--ui-nav-panel-custom-backdrop-filter,var(--ui-bg-blur-content));background:var(--ui-nav-panel-custom-background,transparent)}.ui-nav-panel__item{display:inline-flex;align-items:center;position:relative;margin:0 13px;min-height:33px;color:var(--color_text);white-space:nowrap;transition:.3s;cursor:pointer}.ui-nav-panel.--air .ui-nav-panel__item{min-height:28px;padding:0 10px;margin:0;background-color:var(--color_background)}.ui-nav-panel__item:hover{color:var(--color_text-hover);transition:.1s}.ui-nav-panel.--air .ui-nav-panel__item:hover{color:var(--color_text-hover);background-color:var(--color_background-hover);transition:.1s}.ui-nav-panel__item.--active{color:var(--color_text-hover);pointer-events:none;cursor:default}.ui-nav-panel.--air .ui-nav-panel__item.--active{color:var(--color_text-active);background-color:var(--color_background-active);pointer-events:none;cursor:default}.ui-nav-panel__item.--active:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background-color:var(--color_border-bottom)}.ui-nav-panel.--air .ui-nav-panel__item.--active:after,.ui-nav-panel__item.--active.--dropdown:after{display:none}.ui-nav-panel.--air .ui-nav-panel__item.--dropdown.--active{background-color:var(--color_background-menu-open);color:var(--color_text-menu-open)}.ui-nav-panel__item.--locked{cursor:default;opacity:.5}.ui-nav-panel__item.--locked:before{display:inline-block;width:12px;height:16px;content:"";background:no-repeat 50% url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY5MiAxMS43MjZ2MS43NDZINS4zMDh2LTEuNzQ2YTEuMSAxLjEgMCAwIDEtLjQwOC0uODZjMC0uNjExLjQ5My0xLjEwNyAxLjEtMS4xMDdzMS4xLjQ5NSAxLjEgMS4xMDdjMCAuMzQ3LS4xNi42NTctLjQwOC44Nk0yLjk4OSA0LjYzQTMuMDIgMy4wMiAwIDAgMSA2IDEuNjAxYTMuMDIgMy4wMiAwIDAgMSAzLjAxMSAzLjAzdjIuNTYySDIuOTl6bTcuNjE0IDIuNTYxVjQuNjMxQzEwLjYwMyAyLjA3MyA4LjU0MiAwIDYgMFMxLjM5NyAyLjA3MyAxLjM5NyA0LjYzMXYyLjU2MUguNWEuNS41IDAgMCAwLS41LjV2Ny43N2EuNS41IDAgMCAwIC41LjVoMTFhLjUuNSAwIDAgMCAuNS0uNXYtNy43N2EuNS41IDAgMCAwLS41LS41eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);margin-right:11px}.ui-nav-panel__item-dropdown-icon{display:inline-flex;margin-left:2px;margin-right:-2px;--ui-icon-set__icon-color:var(--color_chevron)}.ui-nav-panel__item:hover .ui-nav-panel__item-dropdown-icon{--ui-icon-set__icon-color:var(--color_chevron-hover)}.ui-nav-panel__item.--active .ui-nav-panel__item-dropdown-icon{--ui-icon-set__icon-color:var(--color_chevron-active)}