.hero-animated{display:block;min-width:0}
.hero-motion-scene{display:block;width:100%;height:100%;overflow:hidden;background:#f5f3ff}
.hero-wing,.hero-pet{animation-play-state:paused!important}
.hero-wing-left{animation:hero-wing-left 2.8s ease-in-out infinite}
.hero-wing-right{animation:hero-wing-right 2.8s ease-in-out infinite}
.hero-pet{animation:hero-pet 3.8s ease-in-out infinite;transform-origin:50% 90%!important}
.hero-motion-visible :is(.hero-wing,.hero-pet){animation-play-state:running!important}
.hero-motion-hidden [data-hero-animation] .hero-motion-scene :is(.hero-wing,.hero-pet){animation-play-state:paused!important}
@keyframes hero-wing-left{0%,100%{transform:rotate(0) scaleX(1)}50%{transform:rotate(-3deg) scaleX(.94)}}
@keyframes hero-wing-right{0%,100%{transform:rotate(0) scaleX(1)}50%{transform:rotate(3deg) scaleX(.94)}}
@keyframes hero-pet{0%,35%,65%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-9px) rotate(-1.5deg)}55%{transform:translateY(-4px) rotate(1deg)}}