.flag-wave{position:relative}.flag-strip{height:100%;animation:flag-wave var(--beat) ease-in-out infinite alternate;animation-delay:calc(var(--i) * var(--lag) - 8s);position:absolute;top:0;overflow:hidden}.flag-shade-mask{height:100%;position:absolute;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0003,#000 70%);mask-image:linear-gradient(90deg,#0003,#000 70%)}.flag-shade{height:100%;width:calc(100% + var(--wavelength));background:repeating-linear-gradient(90deg, #10241b00 0, #10241b29 calc(var(--wavelength) * .25), #10241b00 calc(var(--wavelength) * .5), #ffffff24 calc(var(--wavelength) * .75), #10241b00 var(--wavelength));animation:flag-shade-roll calc(var(--beat) * 2) linear infinite}@keyframes flag-wave{0%{transform:translateY(calc(var(--amp) * -1))}to{transform:translateY(var(--amp))}}@keyframes flag-shade-roll{0%{transform:translateX(calc(var(--wavelength) * -1))}to{transform:translate(0)}}.flag-rig{transition:transform 1.2s cubic-bezier(.3,0,.2,1),filter .6s,opacity .6s}.flag-rig[data-position=half]{transition-duration:3.2s,.6s,.6s;transition-timing-function:cubic-bezier(.45,0,.25,1)}@media (prefers-reduced-motion:reduce){.flag-strip,.flag-shade{animation:none}.flag-rig{transition:none}}