@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

browser[blank],
browser[pendingpaint] {
    opacity: 1 !important;
}

#TabsToolbar {
    visibility: collapse !important;
}

/* Hide Firefox's default tab bar. */

#sidebar-header {
    display: none;
/

#sidebar-splitter {
    border-radius: 0px !important;
    background: #20152c;
    border-width: 0px !important;
    width: 5px !important;
    box-shadow: 3px 1px 3px -3px inset #a569d8;
}

#main-window #appcontent {
    margin-right: 39px
}

#main-window #sidebar-box {
    right: 0;
    position: fixed;
    display: block;
    min-width: 0px !important;
    max-width: none !important;
    width: 39px !important;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 8px 0 #00000064, 1px 0 0 0 #212121;
    transition: all 0.12s;
}

#main-window #sidebar {
    position: absolute;
    min-width: 0px !important;
    max-width: none !important;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 39px;
    height: 100%;
}

/* Completely (almost) hide in fullscreen */
#main-window[inFullscreen] #appcontent {
    margin-left: 1px
}

#main-window[inFullscreen] #sidebar-box,
#main-window[inFullscreen] #sidebar {
    width: 1px !important;
}

/* Show on hover */
#main-window #sidebar-box:hover,
#main-window[inFullscreen] #sidebar-box:hover,
#main-window #sidebar-box:hover #sidebar,
#main-window[inFullscreen] #sidebar-box:hover #sidebar {
    height: 100% !important;
    width: 225px !important;
}

#main-window #sidebar-box:hover #sidebar:before {
    transform: translateX(-100%);
}