body.mobile {
    .main-container {
        width: auto;
        margin: 0;
        /* padding-left: 1rem; */
        overflow-x: hidden;
    }

    .feed {
        width: calc(100% - 3rem) !important;
        padding: 3rem 1.5rem 0 1.5rem;
    }

    .header {
        height: auto;
    }

    .footer-column {
        margin: 1rem 3rem 1.5rem 2rem;
    }

    .mobile-wrap {
        display: block;
    }

    .mobile-vanish {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .sidebar {
        margin-right: -21rem;
        padding-right: 0;
        z-index: 0;
        transition: left 1s cubic-bezier(.2,.8,.2,1), top 1s cubic-bezier(.2,.8,.2,1), transform 1s cubic-bezier(.2,.8,.2,1), opacity 1s ease;
    }

    .sidebar.sidebar-open {
        background-image: unset;
    }

    .sidebar.sidebar-open::before {
        content: " ";
        /* background-color: darkgrey; */
        background-image: radial-gradient(farthest-corner at 0px 0px, #a8a8a8 0%, #1a1a1a 100%);
        width: calc(100vw + 1rem);
        height: 100vh;
        position: absolute;
        top: -3rem;
        left: -1rem;
        z-index: -1;
    }

    .sidebar.right.sidebar-open::before {
        left: -2rem;
    }
}

body.mobile.mobile-sidebar-open {
    position: fixed;
    overflow: hidden;
}