.butterfly30-layer{position:fixed;inset:0;z-index:8;overflow:hidden;pointer-events:none;contain:strict;opacity:0;transition:opacity .45s ease}
.butterfly30-layer[data-flight-state="flying"]{opacity:1}
.butterfly30{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 3px #26382b30)}
.butterfly30-shape{position:absolute;inset:0;perspective:340px;transform-style:preserve-3d;animation:butterfly30-depth 5.8s ease-in-out infinite}
.butterfly30-wing,.butterfly30-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;backface-visibility:hidden}
.butterfly30-wing-left{clip-path:inset(0 50% 0 0);transform-origin:50% 50%;animation:butterfly30-left .34s ease-in-out infinite alternate}
.butterfly30-wing-right{clip-path:inset(0 0 0 50%);transform-origin:50% 50%;animation:butterfly30-right .34s ease-in-out infinite alternate}
.butterfly30-body{clip-path:inset(0 46% 0 46%);transform:translateZ(1px)}
.butterfly30-layer:not([data-flight-state="flying"]) .butterfly30-wing,.butterfly30-layer:not([data-flight-state="flying"]) .butterfly30-shape{animation-play-state:paused}
@keyframes butterfly30-left{from{transform:rotateY(-9deg)}to{transform:rotateY(-55deg)}}
@keyframes butterfly30-right{from{transform:rotateY(9deg)}to{transform:rotateY(55deg)}}
@keyframes butterfly30-depth{0%,100%{transform:scale(.9)}50%{transform:scale(1.03)}}
@media(max-width:760px){.butterfly30{width:58px;height:58px;margin:-29px 0 0 -29px}}
@media(prefers-reduced-motion:reduce){.butterfly30-layer{display:none;transition:none}.butterfly30-wing,.butterfly30-shape{animation:none}}