#sidebar-toggle.hidden {
    display: none;
    }

#sidebar-pin {
    display: inline;
    padding: 0 5px;
    }

#sidebar-pin.hidden {
    display: none;
    }

#sidebar-close {
    display: inline;
    padding: 0 5px;
    }

#sidebar-close.hidden {
    display: none;
    }

#sidebar {
    display: none;
    background-color: var(--light);
    max-height: 100vh;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    }

#sidebar::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
    }

#sidebar.open {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 999;
    }

#sidebar.locked {
    position: sticky;
    top: 0;
    }