.body-form-preview{position:relative;display:block;height:76px;margin:9px 0;overflow:hidden;border:1px solid #42666a;border-radius:6px;background:radial-gradient(ellipse at center,#23454b,#111f29)}
.body-form-preview:before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#bde6b1;left:13%;top:46%;box-shadow:112px -18px 0 #aa796e,144px 12px 0 #aa796e,170px -10px 0 #aa796e}
.body-form-preview i{position:absolute;width:23px;height:4px;background:#bcebe5;left:16%;top:49%;box-shadow:0 0 8px #8ce8db;animation:body-preview-flight 1.7s infinite ease-in-out}
.body-form-preview i:nth-child(2){animation-delay:.16s;top:30%}.body-form-preview i:nth-child(3){animation-delay:.32s;top:66%}
.body-form-preview[data-form=return] i{width:15px;height:15px;border-radius:3px;animation-name:body-preview-return}
.body-form-preview[data-form=spin] i,.body-form-preview[data-form=wheel] i{width:20px;height:20px;border:3px solid #bcebe5;background:transparent;border-radius:50%;animation-name:body-preview-spin}
.body-form-preview[data-form=rain] i,.body-form-preview[data-form=meteor] i{left:55%;top:0;animation-name:body-preview-fall}.body-form-preview[data-form=rain] i:nth-child(2){left:68%}.body-form-preview[data-form=rain] i:nth-child(3){left:80%}
.body-form-preview[data-form=meteor] i,.body-form-preview[data-form=stars] i{width:18px;height:18px;border-radius:50%;background:#ffa452;box-shadow:0 0 16px #ff6437}
.body-form-preview[data-form=array] i,.body-form-preview[data-form=souls] i{left:63%;width:25px;height:25px;background:transparent;border:2px solid #bf83ec;border-radius:50%;animation-name:body-preview-pulse}
.body-form-preview[data-form=souls] i:nth-child(2){left:75%}.body-form-preview[data-form=souls] i:nth-child(3){left:50%}
.body-form-preview[data-form=cross] i{left:55%;width:50px;animation-name:body-preview-cross}.body-form-preview[data-form=cross] i:nth-child(2){animation-direction:reverse}
.body-form-preview[data-form=wave] i{width:10px;height:40px;border-radius:50%;background:#5bd6e9;top:20%}
.body-form-preview[data-form=vortex] i{left:58%;width:35px;height:35px;border:3px solid #7ee9ed;border-radius:50%;background:transparent;animation-name:body-preview-pulse}
.body-form-preview[data-form=pierce] i{height:7px;width:38px}.body-form-preview[data-form=pierce] i:not(:first-child){display:none}
@keyframes body-preview-flight{0%,12%{transform:translateX(0);opacity:0}25%{opacity:1}85%,100%{transform:translateX(160px);opacity:0}}
@keyframes body-preview-return{0%{transform:translateX(0) rotate(0);opacity:0}20%{opacity:1}50%{transform:translateX(155px) rotate(360deg)}90%,100%{transform:translateX(0) rotate(720deg);opacity:0}}
@keyframes body-preview-spin{0%{transform:translateX(0) scale(.3);opacity:0}30%{opacity:1}75%,100%{transform:translateX(130px) rotate(270deg) scale(2);opacity:0}}
@keyframes body-preview-fall{0%{transform:translateY(-25px) rotate(80deg);opacity:0}30%{opacity:1}70%,100%{transform:translateY(43px) rotate(80deg);opacity:0}}
@keyframes body-preview-pulse{0%{transform:scale(.4) rotate(0);opacity:0}40%{opacity:1}80%,100%{transform:scale(2) rotate(180deg);opacity:0}}
@keyframes body-preview-cross{0%,25%{transform:rotate(45deg) scale(.1);opacity:0}50%{opacity:1}85%,100%{transform:rotate(-45deg) scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.body-form-preview i{animation:none;left:55%;opacity:.9}}