.inner-page-ambient-canvas {
    --ambient-color-a: 56, 189, 248;
    --ambient-color-b: 99, 102, 241;
    --ambient-color-c: 255, 255, 255;
    position: absolute;
    inset: 0;
    z-index: 0;
    display: none;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none !important;
    user-select: none;
    opacity: .74;
    contain: strict;
    background:
        radial-gradient(circle at 14% 24%, rgba(var(--ambient-color-a), .13), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(var(--ambient-color-b), .11), transparent 38%);
}

.inner-page-ambient-canvas.is-mounted {
    display: block;
}

.inner-page-ambient-canvas canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none !important;
}

.has-inner-ambient-canvas {
    position: relative;
    isolation: isolate;
}

.has-inner-ambient-canvas > .inner-ambient-content-layer {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .inner-page-ambient-canvas {
        opacity: .64;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inner-page-ambient-canvas {
        opacity: .42;
    }
}