$fresk-fakeblocks-width: $drawer-right-width;
$fresk-fakeblocks-gap: 1.5rem;
$fresk-fakeblocks-offset: $navbar-height + $navbar-second-height + 16;

body.theme-fresk.fresk-fakeblocks-left {
    #region-main-box {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: $fresk-fakeblocks-gap;
    }

    #region-main-box > #region-main-settings-menu {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        float: none;
        width: auto;
    }

    #fresk-fakeblocks-left {
        flex: 0 0 $fresk-fakeblocks-width;
        width: $fresk-fakeblocks-width;
        max-width: 100%;
        position: sticky;
        top: $fresk-fakeblocks-offset;
        max-height: calc(100vh - #{$fresk-fakeblocks-offset} - 1rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }

    #fresk-fakeblocks-left .block-region {
        margin: 0;
    }

    #fresk-fakeblocks-left .block:last-child {
        margin-bottom: 0;
    }

    #region-main {
        flex: 1 1 auto;
        min-width: 0;
    }

    @include media-breakpoint-down(lg) {
        #region-main-box {
            flex-direction: column;
            gap: 1rem;
        }

        #fresk-fakeblocks-left {
            flex: 0 0 auto;
            width: 100%;
            position: static;
            max-height: none;
            overflow-y: visible;
        }

        #region-main {
            width: 100%;
        }
    }
}