/* _content/Schmogus/Web/Layout/MainLayout.razor.rz.scp.css */
.schmogus-bg[b-jj91mg3xim] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: -1;
}

.schmogus-bg-overlay-dark[b-jj91mg3xim] {
    background-color: var(--mud-palette-dark);
    opacity: 0.9;
}

.schmogus-bg-overlay-light[b-jj91mg3xim] {
    background-color: white;
    opacity: 0.1;
}

.schmogus-bg-animation[b-jj91mg3xim] {
    --hue: 192;
    background-color: black;
    background-image: radial-gradient(at 53% 52%, hsla(var(--hue), 87%, 25%, 1) 0px, transparent 50%),
    radial-gradient(at 19% 85%, hsla(var(--hue), 88%, 16%, 1) 0px, transparent 50%),
    radial-gradient(at 32% 6%, hsla(var(--hue), 87%, 33%, 1) 0px, transparent 50%),
    radial-gradient(at 79% 6%, hsla(var(--hue), 87%, 25%, 1) 0px, transparent 50%),
    radial-gradient(at 12% 31%, hsla(var(--hue), 87%, 40%, 1) 0px, transparent 50%),
    radial-gradient(at 83% 77%, hsla(var(--hue), 87%, 40%, 1) 0px, transparent 50%);
    background-size: 200% 200%;
    animation: schmogusBackgroundAnimation-b-jj91mg3xim 20s linear infinite;
}

@keyframes schmogusBackgroundAnimation-b-jj91mg3xim {
    0% {
        background-position: 100% 50%;
    }
    5% {
        background-position: 97.6% 65.5%;
    }
    10% {
        background-position: 90.5% 79.4%;
    }
    15% {
        background-position: 79.4% 90.5%;
    }
    20% {
        background-position: 65.5% 97.6%;
    }
    25% {
        background-position: 50% 100%;
    }
    30% {
        background-position: 34.6% 97.6%;
    }
    35% {
        background-position: 20.6% 90.5%;
    }
    40% {
        background-position: 9.6% 79.4%;
    }
    45% {
        background-position: 2.4% 65.5%;
    }
    50% {
        background-position: 0 50%;
    }
    55% {
        background-position: 2.4% 34.5%;
    }
    60% {
        background-position: 9.6% 20.6%;
    }
    65% {
        background-position: 20.6% 9.6%;
    }
    70% {
        background-position: 34.6% 2.4%;
    }
    75% {
        background-position: 50% 0;
    }
    80% {
        background-position: 65.5% 2.4%;
    }
    85% {
        background-position: 79.4% 9.6%;
    }
    90% {
        background-position: 90.5% 20.6%;
    }
    95% {
        background-position: 97.6% 34.5%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes hueRotation-b-jj91mg3xim {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(360deg);
    }
}