.character .character-image-wrapper{opacity:0;transform:scale(1.1);position:relative;transition:transform 0s 0s;transform-origin:bottom}.character.is-active .character-image-wrapper{opacity:1;transform:scale(1);transition:transform .3s .2s,opacity .2s}.character .character-image-wrapper img{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.character.is-active .character-image-wrapper img{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:-webkit-clip-path .7s cubic-bezier(.87,0,.13,1) .2s;transition:clip-path .7s cubic-bezier(.87,0,.13,1) .2s;transition:clip-path .7s cubic-bezier(.87,0,.13,1) .2s,-webkit-clip-path .7s cubic-bezier(.87,0,.13,1) .2s}.character.is-active .character-image-wrapper .character-image-background{opacity:0;transition:.15s .7s}.character.is-active .character-image-wrapper{animation:character-yoyo 2s .5s infinite ease-in-out}.character .character-info .character-info-background{opacity:0;transform:scaleX(0) skew(-12deg);transform-origin:right}.character.is-active .character-info .character-info-background{opacity:1;transform:scaleX(1) skew(-12deg);transition:transform .7s cubic-bezier(.87,0,.13,1) .2s}.character .character-info .character-info-name,.character .character-info .character-info-details{opacity:0;transform:translateY(1rem)}.character.is-active .character-info .character-info-name,.character.is-active .character-info .character-info-details{opacity:1;transform:translateY(0);transition:all .4s ease-in-out .6s}.character.is-active .character-info .character-info-details{transition-delay:.75s}@keyframes character-yoyo{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.01) scaleX(.99)}to{transform:scaleY(1) scaleX(1)}}