@globalRadius: 0.4em;
@globalBgColor: rgba(252, 252, 252, 1);
@globalBgLoadingColor: rgba(252, 252, 252, 1);
@contentBgColor: rgba(252, 252, 252, 0.5);
@headerBgColor: rgba(255, 255, 255, 0.65);
@footerBgColor: transparent;
@globalBoxShadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
@backdropFilter: saturate(120%) blur(20px);
@globalTransition: opacity 250ms linear, background-color 250ms linear;
@headerBlurDepth: 10px;

.has-bgimg {
    .isekai-bgimg {
        position: fixed;
        opacity: 0;
        transition: @globalTransition;

        z-index: -2;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }

    #mw-mf-page-center {
        background-color: transparent;
        position: relative;
    }

    .header-container.header-chrome {
        background-color: @headerBgColor;
        position: relative;
    }

    .minerva-footer {
        background-color: @footerBgColor;
        position: relative;
    }

    #content {
        background-color: @contentBgColor;
    }
}