[data-endo-liquid-background] {
    position: relative;
    isolation: isolate;
}

.endo-liquid-background-canvas {
    position: fixed;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

[data-endo-liquid-background] > :not(.endo-liquid-background-canvas) {
    position: relative;
    z-index: 1;
}

[data-endo-liquid-background].endo-liquid-background-fallback {
    background:
        radial-gradient(
            ellipse at 50% 8%,
            rgba(228, 45, 150, 0.22) 0%,
            rgba(228, 45, 150, 0.09) 32%,
            transparent 62%
        ),
        radial-gradient(
            ellipse at 48% 92%,
            rgba(0, 61, 196, 0.18) 0%,
            rgba(0, 61, 196, 0.07) 34%,
            transparent 64%
        ),
        var(--bg);
}