.flow-field-layer {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background-color: #121212;
}

.flow-field-layer--embedded {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.flow-field-blur {
    position: absolute;
    top: calc(-1 * var(--flow-blur-padding, 6.18px));
    right: calc(-1 * var(--flow-blur-padding, 6.18px));
    bottom: calc(-1 * var(--flow-blur-padding, 6.18px));
    left: calc(-1 * var(--flow-blur-padding, 6.18px));
    filter: blur(var(--flow-blur-amount, 3.09px));
}

.flow-field-canvas {
    display: block;
    margin-left: calc(-1 * var(--flow-blur-padding, 6.18px));
    margin-top: calc(-1 * var(--flow-blur-padding, 6.18px));
}
