.fluid-boxes{pointer-events:none;z-index:0;contain:layout paint;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.fluid-boxes__box{top:calc(-1 * var(--box-size));left:var(--box-left);width:var(--box-size);height:var(--box-size);box-sizing:border-box;border:1px solid rgba(255, 255, 255, calc(var(--box-opacity) * .25));background:rgba(255, 255, 255, calc(var(--box-opacity) * .08));animation:fluid-boxes__fall var(--box-speed) ease-in-out var(--box-delay) infinite;position:absolute}@keyframes fluid-boxes__fall{0%{opacity:0;transform:translateY(-20px)rotate(0)scale(.8)}15%{opacity:var(--box-opacity)}50%{transform:translate3d(var(--box-drift), 50vh, 0) rotate(var(--box-rotation)) scale(1);opacity:calc(var(--box-opacity) * .8)}80%{opacity:calc(var(--box-opacity) * .35)}to{transform:translate3d(calc(var(--box-drift) * -.7), 110vh, 0) rotate(calc(var(--box-rotation) * -1)) scale(1.15);opacity:0}}@media (prefers-reduced-motion:reduce){.fluid-boxes__box{opacity:calc(var(--box-opacity) * .5);animation:none}}