.character-container{position:absolute;top:var(--top-offset, 41%);transform:translateY(var(--parallax-offset, 0)) scale(var(--scale, 1));z-index:110;width:500px;height:500px;overflow:hidden;will-change:transform}.character-container.left{left:-4px;transform-origin:left center}.character-container.left .character{display:flex;align-items:center;justify-content:flex-start}.character-container.right{right:-4px;transform-origin:right center}.character-container.right .character{display:flex;align-items:center;justify-content:flex-end}.character{align-items:center;width:100%;height:100%}.character-image{max-width:500px;max-height:500px;object-fit:contain;transition:transform .2s ease-out;overflow:visible}.character-container.left .character-image{object-position:left center}.character-container.right .character-image{object-position:right center}@media(max-width: 1200px){.character-container{width:350px;height:350px}.character-image{width:100%;height:100%;max-width:350px;max-height:350px}}@media(max-width: 768px){.character-container{width:200px;height:200px}.character-image{width:100%;height:100%;max-width:200px;max-height:200px}}@keyframes fly-in-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fly-out-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes fly-out-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes jiggle{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-2px) rotate(-1deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(2px) rotate(1deg)}100%{transform:translateX(0) rotate(0deg)}}.character-image.fly-in-left{animation:fly-in-left .6s forwards ease-out}.character-image.fly-in-right{animation:fly-in-right .6s forwards ease-out}.character-image.fly-out-left{animation:fly-out-left .6s forwards ease-in}.character-image.fly-out-right{animation:fly-out-right .6s forwards ease-in}.character-image.jiggle{animation:jiggle 2s infinite ease-in-out}.character-container{transition:transform .2s ease-out;pointer-events:none}/*# sourceMappingURL=section-character.css.map */