.bolt{--bolt:#f2de10;width:126px;height:186px;position:relative;svg{position:absolute;display:block;stroke-width:4;fill:none;stroke-linecap:round;stroke:var(--bolt);&.circle{left:-20px;top:50%;width:112px;height:44px;stroke-dashoffset:179px;stroke-dasharray:0 178px}&.line{--r:0deg;top:50%;width:60px;height:2px;stroke-dashoffset:71px;stroke-dasharray:0 70px;transform:rotate(var(--r));&.left{--r:130deg;left:-48px}&.right{--r:40deg;right:30px}}&.white{--r:0deg;--s:1;top:20%;left:-40%;z-index:1;stroke:#fff;stroke-dashoffset:241px;stroke-dasharray:0 240px;transform:rotate(var(--r)) scaleX(var(--s));&.left{--r:-10deg;left:0}&.right{--r:20deg;--s:-1;right:0}}}div{display:block;position:relative;&:after,&:before{content:"";position:absolute;left:40%;top:22%}&:before{width:56px;height:56px;margin:-56px 0 0 -56px;background:#cdd9ed;filter:blur(124px)}&:after{width:32px;height:32px;margin:-32px 0 0 -32px;background:#fff9bc;z-index:1;filter:blur(60px)}span{display:block;width:63px;height:93px;background:var(--bolt);clip-path:polygon(40% 0,100% 0,65% 40%,88% 40%,8% 100%,36% 50%,0 50%)}}&.animate{div{&:after,&:before{animation:shine 2s ease}span{animation:morph 2s ease}}svg{&.circle{animation:circle .45s cubic-bezier(.77,0,.175,1) 1.3s forwards}&.line{animation:line .45s cubic-bezier(.77,0,.175,1) 1.3s forwards}&.white{animation:#fff .45s cubic-bezier(.77,0,.175,1) 1.45s forwards;&.right{animation-delay:1.6s}}}}}@keyframes circle{to{stroke-dasharray:178px 178px}}@keyframes white{to{stroke-dasharray:240px 240px}}@keyframes line{to{stroke-dasharray:70px 70px}}@keyframes shine{30%,70%{opacity:0}}@keyframes morph{12%{clip-path:polygon(40% 5%,100% 0,65% 40%,65% 40%,8% 100%,24% 50%,24% 50%)}24%,72%{clip-path:polygon(36% 40%,82% 40%,82% 40%,82% 40%,36% 71%,36% 40%,36% 40%)}84%{clip-path:polygon(40% 5%,100% 0,65% 40%,65% 40%,8% 100%,24% 50%,24% 50%)}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*{box-sizing:inherit;&:after,&:before{box-sizing:inherit}}small{position:absolute;bottom:32px;font-size:14px;font-family:Arial;text-align:center;line-height:19px;color:#6c7486;left:50%;transform:translateX(-50%)}