.moth-svg{color:var(--moth-color,#0b0b0c);--moth-speed:1;perspective:1400px;overflow:visible}.moth-svg[data-paused=true] *,.moth-svg[data-paused=true]{animation-play-state:paused!important}.moth-svg[data-hover-only=true]:not(:hover) *{animation:none!important}.moth-svg .moth-wing,.moth-svg .moth-antenna,.moth-svg .moth-eye{transform-box:fill-box}.moth-svg .moth-wing-left{transform-origin:100%}.moth-svg .moth-wing-right{transform-origin:0%}.moth-svg .moth-antenna-left{transform-origin:100% 100%}.moth-svg .moth-antenna-right{transform-origin:0 100%}.moth-svg .moth-eye{transform-origin:50%}.moth-svg .moth{transform-box:view-box;transform-origin:256px 256px}@keyframes moth-flap-left{0%,to{transform:scaleX(1)rotate(0)}50%{transform:scaleX(.35)rotate(-26deg)}}@keyframes moth-flap-right{0%,to{transform:scaleX(1)rotate(0)}50%{transform:scaleX(.35)rotate(26deg)}}@keyframes moth-antenna-sway{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}.moth-svg[data-preset=flap] .moth-wing-left{animation:moth-flap-left calc(.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=flap] .moth-wing-right{animation:moth-flap-right calc(.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=flap] .moth-antenna-left{animation:moth-antenna-sway calc(1.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=flap] .moth-antenna-right{animation:moth-antenna-sway calc(1.6s / var(--moth-speed)) ease-in-out infinite reverse}@keyframes moth-fold-left{0%,to{transform:rotateY(0)rotate(0)}50%{transform:rotateY(82deg)rotate(-12deg)}}@keyframes moth-fold-right{0%,to{transform:rotateY(0)rotate(0)}50%{transform:rotateY(-82deg)rotate(12deg)}}.moth-svg[data-preset=fold] .moth-wing-left{animation:moth-fold-left calc(.9s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=fold] .moth-wing-right{animation:moth-fold-right calc(.9s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=fold] .moth-antenna-left{animation:moth-antenna-sway calc(2s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=fold] .moth-antenna-right{animation:moth-antenna-sway calc(2s / var(--moth-speed)) ease-in-out infinite reverse}@keyframes moth-hover-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes moth-hover-flap-left{0%,to{transform:scaleX(1)rotate(6deg)}50%{transform:scaleX(.55)rotate(-14deg)}}@keyframes moth-hover-flap-right{0%,to{transform:scaleX(1)rotate(-6deg)}50%{transform:scaleX(.55)rotate(14deg)}}.moth-svg[data-preset=hover] .moth{animation:moth-hover-bob calc(2.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=hover] .moth-wing-left{animation:moth-hover-flap-left calc(1.3s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=hover] .moth-wing-right{animation:moth-hover-flap-right calc(1.3s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=hover] .moth-antenna-left{animation:moth-antenna-sway calc(2.4s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=hover] .moth-antenna-right{animation:moth-antenna-sway calc(2.4s / var(--moth-speed)) ease-in-out infinite reverse}@keyframes moth-wake-grow{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(1.06)}50%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes moth-wake-flap-left{0%,30%,to{transform:scaleX(1)rotate(0)}42%{transform:scaleX(.25)rotate(50deg)}55%{transform:scaleX(1)rotate(-20deg)}68%{transform:scaleX(.45)rotate(30deg)}82%{transform:scaleX(1)rotate(-8deg)}92%{transform:scaleX(.85)rotate(10deg)}}@keyframes moth-wake-flap-right{0%,30%,to{transform:scaleX(1)rotate(0)}42%{transform:scaleX(.25)rotate(-50deg)}55%{transform:scaleX(1)rotate(20deg)}68%{transform:scaleX(.45)rotate(-30deg)}82%{transform:scaleX(1)rotate(8deg)}92%{transform:scaleX(.85)rotate(-10deg)}}@keyframes moth-wake-eyes{0%,20%{transform:scaleY(0)}32%{transform:scaleY(1.3)}44%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes moth-wake-antenna-l{0%,35%{transform:rotate(0)}45%{transform:rotate(22deg)}55%{transform:rotate(-14deg)}68%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes moth-wake-antenna-r{0%,35%{transform:rotate(0)}45%{transform:rotate(-22deg)}55%{transform:rotate(14deg)}68%{transform:rotate(-10deg)}to{transform:rotate(0)}}.moth-svg[data-preset=wake] .moth{animation:moth-wake-grow calc(2.6s / var(--moth-speed)) ease-out infinite}.moth-svg[data-preset=wake] .moth-wing-left{animation:moth-wake-flap-left calc(2.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=wake] .moth-wing-right{animation:moth-wake-flap-right calc(2.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=wake] .moth-eye{animation:moth-wake-eyes calc(2.6s / var(--moth-speed)) ease-out infinite}.moth-svg[data-preset=wake] .moth-antenna-left{animation:moth-wake-antenna-l calc(2.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=wake] .moth-antenna-right{animation:moth-wake-antenna-r calc(2.6s / var(--moth-speed)) ease-in-out infinite}@keyframes moth-curious-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}50%{transform:rotate(0)}75%{transform:rotate(9deg)}}@keyframes moth-curious-antenna-l{0%,to{transform:rotate(0)}30%{transform:rotate(18deg)}60%{transform:rotate(-10deg)}}@keyframes moth-curious-antenna-r{0%,to{transform:rotate(0)}30%{transform:rotate(-18deg)}60%{transform:rotate(10deg)}}@keyframes moth-curious-breath-l{0%,to{transform:scaleX(1)rotate(0)}50%{transform:scaleX(.82)rotate(6deg)}}@keyframes moth-curious-breath-r{0%,to{transform:scaleX(1)rotate(0)}50%{transform:scaleX(.82)rotate(-6deg)}}.moth-svg[data-preset=curious] .moth{animation:moth-curious-tilt calc(4s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=curious] .moth-antenna-left{animation:moth-curious-antenna-l calc(2.4s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=curious] .moth-antenna-right{animation:moth-curious-antenna-r calc(2.4s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=curious] .moth-wing-left{animation:moth-curious-breath-l calc(3s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=curious] .moth-wing-right{animation:moth-curious-breath-r calc(3s / var(--moth-speed)) ease-in-out infinite}@keyframes moth-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-34px,-10px)rotate(-5deg)}50%{transform:translateY(6px)rotate(0)}75%{transform:translate(34px,-10px)rotate(5deg)}}@keyframes moth-drift-flap-left{0%,to{transform:scaleX(1)rotate(10deg)}50%{transform:scaleX(.5)rotate(-12deg)}}@keyframes moth-drift-flap-right{0%,to{transform:scaleX(1)rotate(-10deg)}50%{transform:scaleX(.5)rotate(12deg)}}.moth-svg[data-preset=drift] .moth{animation:moth-drift calc(7s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=drift] .moth-wing-left{animation:moth-drift-flap-left calc(2.2s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=drift] .moth-wing-right{animation:moth-drift-flap-right calc(2.2s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=drift] .moth-antenna-left{animation:moth-antenna-sway calc(3.4s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=drift] .moth-antenna-right{animation:moth-antenna-sway calc(3.4s / var(--moth-speed)) ease-in-out infinite reverse}@keyframes moth-skittish-jitter{0%,to{transform:translate(0)}20%{transform:translate(-4px,-3px)}40%{transform:translate(3px,2px)}60%{transform:translate(-2px,4px)}80%{transform:translate(4px,-2px)}}@keyframes moth-skittish-flap-left{0%,to{transform:scaleX(1)rotate(-4deg)}50%{transform:scaleX(.22)rotate(40deg)}}@keyframes moth-skittish-flap-right{0%,to{transform:scaleX(1)rotate(4deg)}50%{transform:scaleX(.22)rotate(-40deg)}}@keyframes moth-skittish-antenna-l{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}50%{transform:rotate(-9deg)}75%{transform:rotate(16deg)}}@keyframes moth-skittish-antenna-r{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-16deg)}}.moth-svg[data-preset=skittish] .moth{animation:moth-skittish-jitter calc(.6s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=skittish] .moth-wing-left{animation:moth-skittish-flap-left calc(.2s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=skittish] .moth-wing-right{animation:moth-skittish-flap-right calc(.2s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=skittish] .moth-antenna-left{animation:moth-skittish-antenna-l calc(.5s / var(--moth-speed)) ease-in-out infinite}.moth-svg[data-preset=skittish] .moth-antenna-right{animation:moth-skittish-antenna-r calc(.5s / var(--moth-speed)) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.moth-svg *,.moth-svg{animation:none!important}}