#app {

    &:not(.modular-fs) {
        .app-drawer {
            position            : relative;
            bottom              : 0;
            right               : 0;
            border-radius       : 0;
            top                 : unset !important;
            box-shadow          : none;
            height              : -webkit-fill-available !important;
            backdrop-filter     : var(--glassFilter3);
            margin-right        : 0px;
            padding-top         : var(--chromeHeight1);
        }

        .drawertransition-enter-active,
        .drawertransition-leave-active {
            transition              : margin .25s var(--appleEase), opacity .25s var(--appleEase);
            background              : var(--baseColorMix);
            backdrop-filter         : var(--glassFilter3);
        }

        .drawertransition-enter,
        .drawertransition-leave-to {
            margin-right            : -320px;
            background              : var(--baseColorMix);
            backdrop-filter         : var(--glassFilter3);
        }
    }
}

#app-main {
    &:not(.modular-fs) {
        .app-drawer {
            bottom: 0 !important;
            
            .lyric-footer {
                height: calc( 50px + var(--bottom));
                padding-bottom: 16px;
            }
        }
    }
}

#app.twopanel {
    &:not(.modular-fs) {
        top                 : 0px !important;
        height              : -webkit-fill-available !important;

        .app-drawer {
            padding-bottom          : var(--padding-bottom);
            bottom                  : unset !important;

            .lyric-body {
                //padding-bottom      : var(--padding-bottom);
            }

            .lyric-footer {
                margin-bottom       : var(--padding-bottom);
                border-radius       : var(--borderadius);
            }

            .queue-panel {
                height: calc(100% + var(--chromeHeight2))
            }
        }
    }

    .modular-fs {
        .app-drawer {
            .lyric-footer {
                margin-bottom       : unset !important;
            }
        }
    }
}