/* The outer plant retains its original position, depth and lean. All ink inside bends as one. */
#garden .garden-breeze,#garden .garden-gust,#garden .garden-emerge{display:block;width:100%;height:100%;transform-origin:50% 94%}
#garden .garden-breeze{animation:garden-breeze-a var(--wind-duration,12s) var(--wind-phase,-3s) cubic-bezier(.44,0,.48,1) infinite;will-change:auto}
#garden .garden-plant[data-wind-variant="1"] .garden-breeze{animation-name:garden-breeze-b}
#garden .garden-plant[data-wind-variant="2"] .garden-breeze{animation-name:garden-breeze-c}
#garden .garden-emerge .garden-art{animation:none!important}
#garden[data-wind-active="false"] .garden-breeze{animation-play-state:paused}
#garden[data-wind-economy="true"]{--wind-strength:.55}
@keyframes garden-breeze-a{0%,100%{transform:rotate(var(--wind-mid)) skewX(0deg)}22%{transform:rotate(calc(var(--wind-right)*var(--wind-strength,1))) skewX(-.3deg)}49%{transform:rotate(calc(var(--wind-left)*var(--wind-strength,1))) skewX(.28deg)}71%{transform:rotate(calc(var(--wind-mid)*.5)) skewX(.1deg)}87%{transform:rotate(calc(var(--wind-right)*.48*var(--wind-strength,1))) skewX(-.12deg)}}
@keyframes garden-breeze-b{0%,100%{transform:rotate(calc(var(--wind-left)*.3)) skewX(.1deg)}18%{transform:rotate(calc(var(--wind-left)*var(--wind-strength,1))) skewX(.24deg)}46%{transform:rotate(calc(var(--wind-right)*var(--wind-strength,1))) skewX(-.32deg)}73%{transform:rotate(var(--wind-mid)) skewX(0deg)}89%{transform:rotate(calc(var(--wind-left)*.4*var(--wind-strength,1))) skewX(.12deg)}}
@keyframes garden-breeze-c{0%,100%{transform:rotate(calc(var(--wind-right)*.32)) skewX(-.12deg)}27%{transform:rotate(calc(var(--wind-left)*var(--wind-strength,1))) skewX(.28deg)}52%{transform:rotate(calc(var(--wind-right)*.65*var(--wind-strength,1))) skewX(-.18deg)}66%{transform:rotate(var(--wind-mid)) skewX(.05deg)}84%{transform:rotate(calc(var(--wind-right)*var(--wind-strength,1))) skewX(-.32deg)}}
html.motion-off #garden .garden-breeze,html.motion-off #garden .garden-gust,html.motion-off #garden .garden-emerge{animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){#garden .garden-breeze,#garden .garden-gust,#garden .garden-emerge{animation:none!important;transform:none!important;opacity:1!important}}
#garden .wind-awaiting-bloom .garden-emerge{opacity:0}
html.motion-off #garden .wind-awaiting-bloom .garden-emerge{opacity:1}
@media(prefers-reduced-motion:reduce){#garden .wind-awaiting-bloom .garden-emerge{opacity:1}}