#main-window {
    --toolbox-offset: 30px;
}

#main-window[sizemode="maximized"] {
    --toolbox-offset: 38px;
}

#navigator-toolbox {
    opacity: 0;
    margin-top: calc(-1 * var(--toolbox-offset));
    
    z-index: 6 !important;

    position: relative;
    top: 0px;
    
    transition: all 0.25s ease, background-color var(--inactive-window-transition) !important;

    & * {
        opacity: 0;
        transition: opacity 0.25s !important;
    }
}

#navigator-toolbox:hover, #navigator-toolbox:active, #navigator-toolbox:focus, #navigator-toolbox:focus-within {
    opacity: 1;
    top: var(--toolbox-offset);

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);

    & * {
        opacity: 1;
    }
}

body {
   background: var(--toolbox-bgcolor);

   &:-moz-window-inactive {
      background: var(--toolbox-bgcolor-inactive);
   }
}