#maincontent-loader {
    display: none;
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 100;
    background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.7) 100%);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    transition: background 0.5s;
}
#maincontent-loader .loader-content {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#main-content { position: relative; }