#sidebarHiddenTrigger {
    height: 0.1px;
    width: 0.1px;
    margin-top: 100vh;
}

.w-1px {
    width: 1px;
}

@media (min-width: 768px) {

    /* Class to visually hide the sidebar */
    .hidden-by-scroll {
        opacity: 0;
        display: none;
        pointer-events: none;
        /* Make it unclickable */
        /* If you want it to slide out, e.g., to the right */
        transform: translateX(100%);
        /* Set display: none; if you want it to take no space, but this will break transitions */
        /* If you set display: none, make sure col-8's transition handles the instantaneous change */
    }
}