.explosion-animation-element{pointer-events:none;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%)}.explosion-animation-element__box{width:100%;height:100%;position:relative}.explosion-animation-element__line-outer{transform-origin:50%;position:absolute;top:50%;left:50%}.explosion-animation-element__line{opacity:0;transform-origin:bottom;border-radius:2px;width:2px;height:40px;animation:.8s ease-out forwards explode-line;display:block}@keyframes explode-line{0%{opacity:1;transform:scaleY(.2)translateY(0)}60%{opacity:1;transform:scaleY(1)translateY(-30px)}to{opacity:0;transform:scaleY(1)translateY(-30px)}}.explosion-animation-element__line-outer:first-child{transform:rotate(0)}.explosion-animation-element__line-outer:nth-child(2){transform:rotate(45deg)}.explosion-animation-element__line-outer:nth-child(3){transform:rotate(90deg)}.explosion-animation-element__line-outer:nth-child(4){transform:rotate(135deg)}.explosion-animation-element__line-outer:nth-child(5){transform:rotate(180deg)}.explosion-animation-element__line-outer:nth-child(6){transform:rotate(225deg)}.explosion-animation-element__line-outer:nth-child(7){transform:rotate(270deg)}.explosion-animation-element__line-outer:nth-child(8){transform:rotate(315deg)}