.side-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.95); /* semi-transparence */
    color: white;
    padding: 20px;
    overflow-y: auto;
    z-index: 2000; /* plus élevé que tout le reste */
}


:root[usr-theme="brght"] .side-menu {

    background-color: var(--cmd-slides-bgclr); /* semi-transparence */
    color: var(--character-primary-text);
}

:root[usr-theme="brght"] input[id^="toggle_"]:checked ~ .toggle_option_slider {
    background: rgb(0, 0, 0);
}





:root[mb-agt="True"] .side-menu {

    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

:root[mb-agt="True"] .side-menu.active {
    transform: translateX(0);
}


.icon {
    width: 4em;
    height: 4em;
    vertical-align: -0.15em;
    margin-left:20px;
    fill: var(--usr-color);
    overflow: hidden;
}