.flux-wind{display:block;pointer-events:none;overflow:visible}
.flux-wind__tower{fill:#b1dfdf;stroke:#dffff3;stroke-width:.6}
.flux-wind__shade{fill:#448d9d;opacity:.65}
.flux-wind__base{stroke:#78d5ce;stroke-width:2;stroke-linecap:round;opacity:.5}
.flux-wind__rotor{fill:#d4f7f0;stroke:#87dace;stroke-width:.7;transform-origin:0 0;transform-box:view-box;animation:flux-wind-spin 12s linear infinite}
.flux-wind__hub{fill:#9ed6dc;stroke:#e4fff6;stroke-width:1.2}
.flux-wind__glint{fill:#eafff7}
.flux-wind__turbine--far{opacity:.58}
.flux-wind__turbine--middle{opacity:.78}
.flux-wind__turbine--far .flux-wind__rotor{animation-duration:16s;animation-delay:-7s}
.flux-wind__turbine--middle .flux-wind__rotor{animation-duration:14s;animation-delay:-3s}
.fx-balance>.flux-wind{position:absolute;z-index:-1;inset-inline-end:-32px;top:4px;width:76%;max-width:440px;height:100%;opacity:.28;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%)}
[dir=ltr] .fx-balance>.flux-wind{mask-image:linear-gradient(270deg,#000 0%,#000 66%,transparent 100%)}
.fx-balance .flux-wind__rotor{animation-duration:22s}
.fx-balance .flux-wind__turbine--far .flux-wind__rotor{animation-duration:28s}
.fx-balance .flux-wind__turbine--middle .flux-wind__rotor{animation-duration:25s}
.flux-drive__scene>.flux-wind{position:absolute;z-index:0;left:-5%;top:-10%;width:94%;height:100%;opacity:.65}
@keyframes flux-wind-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.flux-wind__rotor{animation:none!important}}
