/*
 * Autohide panels (while making it possible to use scrollbar still)
 */
:root {
    --panel-transition: max-width .2s ease-out, opacity .2s ease-out;
    --panel-peek-width: 12px;
    --panel-peek-height: 12px;
}

/* Base hidden state for panels */
#panels-container {
    position: absolute !important;
    z-index: 1;
    opacity: 0;
    max-height: var(--panel-peek-height);
    max-width: var(--panel-peek-width);
    transition: var(--panel-transition) !important;
}

#panels-container.right {
    right: 0;
}

/* Show panels on hover */
#panels-container:hover {
    max-height: 100%;
    max-width: 41px;
    opacity: 1;
}
