.mainContainer {
    order: 1;
    flex: 1 1 auto;
    align-self: auto;
    background-color: var(--primary-bg-color);
    margin-left: 0;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: margin-left 200ms linear, width 200ms linear;
    color: var(--primary-fg-color);
    container-type: size;
    container-name: ft-main;
    z-index: 3;
}


.mainContainer.sidebarOpen {
    width: calc(100% - 54px);
    margin-left: 54px;
}

.frametrail-body.inFullscreen .mainContainer:not(.editActive) {
    width: 100%;
    top: 0px;
}

.mainContainer.editActive {
    border-top: 1px solid rgba(73, 76, 81, .6);
    color: var(--primary-bg-color);
}