.site-floating-lines {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.site-floating-lines .floating-lines-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity 0.35s ease;
    will-change: transform;
    mix-blend-mode: screen;
    opacity: 1;
}

.site-floating-lines canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    image-rendering: auto;
}

body.site-page[data-floating-lines="true"] .site-gridfield,
body.admin-app[data-floating-lines="true"] .site-gridfield {
    opacity: 0.16;
}

body.site-page[data-floating-lines="true"] .site-noise,
body.admin-app[data-floating-lines="true"] .site-noise {
    opacity: 0.028;
}