:root {
    --sidebar-width: 256px;
}

.sidebar-nav {
    min-width: var(--sidebar-width);
    max-width: var(--sidebar-width);
}

.main-content {
    margin-left: 0px !important;
}

.sidebar-toggler {
    display: block !important;
}

@media (min-width: 1280px) {
    .main-content {
        margin-left: calc(var(--sidebar-width) - 1px) !important;
        /* move in the same way the offcanvas changes transition */
        transition: margin 0.3s ease-in-out;
    }

    .sidebar-nav {
        transform: none !important;
        visibility: visible !important;
    }

    .sidebar-toggler {
        display: none !important;
    }

    .sidebar-closed-element {
        visibility: hidden;
    }
}