#wrapper {
    position: inherit;
}

#burger-header {
    z-index: 2;
    height: var(--burger-header-height);
    border-radius: var(--radius-box);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*background: var(--color-base-100);*/
    overflow: hidden;

    .backdrop {
        position: absolute;
        inset: 0;
        height: 200%;
        z-index: -1;
        pointer-events: none;
        background: linear-gradient(
            to bottom,
            var(--color-base-100) 0%,
            transparent 50%
        );
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }

    > a {
        display: inline-flex;
        display: -webkit-inline-flex;
    }
}

@media only screen and (max-width: 1000px) {
    #app {
        padding-left: 0px;
        left: 0px;
    }

    #container {
        padding-top: calc(var(--burger-header-height) + 1rem);
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 4rem;
    }

    #update-app-banner {
        top: var(--burger-header-height);
    }
}

@media only screen and (min-width: 1000px) {
    #wrapper {
        padding-left: calc(var(--navbar-width));
    }

    #container {
        padding: 2rem 3rem 4rem 3rem;
    }

    #burger-header {
        display: none;
    }

    #update-app-banner {
        padding-left: var(--navbar-width);
    }
}