(this.autohidesidebar = {
    events: ["dragenter", "drop", "dragexit", "MozLayerTreeReady"],
    init() {
        var sidebar = this.sidebar = document.querySelector("#sidebar-box");
            if(!sidebar)
                return;
            ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => {
                sidebar.addEventListener(type, this, false);
            });
            ucf_custom_script_win.unloadlisteners.push("autohidesidebar");
        },
        destructor: function() {
            var sidebar = this.sidebar;
            ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => {
                sidebar.removeEventListener(type, this, false);
            });
        },
        handleEvent: function(event) {
            this[event.type](event);
        },
        click: function(event) {
            var sidebar = this.sidebar;
            var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject;
            if (event.screenY < boxScrn.screenY || event.screenY  > boxScrn.screenY + boxObj.height || event.screenX < boxScrn.screenX  || event.screenX > boxScrn.screenX + boxObj.width) {
                window.removeEventListener("click", this, false);
                this.listener = false;
                if (sidebar.hasAttribute("sidebardrag"))
                sidebar.removeAttribute("sidebardrag");
            }
        },
        mouseenter: function() {
            var sidebar = this.sidebar;
            if (!sidebar.hasAttribute("sidebardrag") && !this.listener) {
                clearTimeout(this.timer);
                var delay = this.delay || (this.delay = +getComputedStyle(sidebar).getPropertyValue("transition-delay").replace(/[^0-9\.]/g, "") * 1000);
                this.timer = setTimeout(() => {
                    sidebar.setAttribute("sidebardrag", "true");
                    this.listener = true;
                    window.addEventListener("click", this, false);
                }, delay);
            }
        },
        mouseleave: function() {
            clearTimeout(this.timer);
        },
        dragenter: function() {
            if (!this.sidebar.hasAttribute("sidebardrag"))
            this.sidebar.setAttribute("sidebardrag", "true");
        },
        drop: function() {
            if (this.sidebar.hasAttribute("sidebardrag"))
            this.sidebar.removeAttribute("sidebardrag");
        },
        dragexit: function(event) {
            var sidebar = this.sidebar;
            var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject;
            if ((!event.relatedTarget || event.screenY <= (boxScrn.screenY + 5) || event.screenY  >= (boxScrn.screenY + boxObj.height - 5)
                || event.screenX <= (boxScrn.screenX + 5) || event.screenX >= (boxScrn.screenX + boxObj.width - 5))
                && sidebar.hasAttribute("sidebardrag"))
                sidebar.removeAttribute("sidebardrag");
    }
}).init(this);

#main-window:not(:-moz-lwtheme) {
    background-color: rgb(0,209,234) !important; /*цвет фона активного окна*/
}
   
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
    background-color: rgb(215,0,242) !important; /*цвет фона неактивного окна*/
}