:root {
    --sidepanel-width: 350px;
}

.containerWithOpenedSidePanel_4Aw1U {
}

.sidePanel_8ugtc {
    border-left: 1px solid var(--sp-color-border-base);
    width: var(--sidepanel-width);
}

.sidePanelPhaseMount_-i4Bt {
    margin-right: 0px;
    animation-duration: var(--sp-duration-short-4);
    animation-name: slideSidePanelIn_ZmxYm;
}

.sidePanelPhaseUnmount_DYB3O {
    margin-right: calc(0px - var(--sidepanel-width));
    animation-duration: var(--sp-duration-short-4);
    animation-name: slideSidePanelOut_zQfY7;
}

.sidePanelSection_Kksk- {
    border-bottom: 1px solid var(--color-background-standout);
}

@media (max-width: 700px) {
    .containerWithOpenedSidePanel_4Aw1U {
        display: none;
    }

    .sidePanel_8ugtc {
        margin: 0px;
        width: auto;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
}

@keyframes slideSidePanelIn_ZmxYm {
    from {
        margin-right: calc(0px - var(--sidepanel-width));
    }

    to {
        margin-right: 0px;
    }
}

@keyframes slideSidePanelOut_zQfY7 {
    from {
        margin-right: 0px;
    }

    to {
        margin-right: calc(0px - var(--sidepanel-width));
    }
}