.spinner div{opacity:0;border-radius:50px;width:6%;height:16%;animation:.5s linear infinite fade;position:absolute;top:43%;left:49%;box-shadow:0 0 3px #0003}@keyframes fade{0%{opacity:1}to{opacity:.25}}.spinner .bar1{animation-delay:0s;transform:rotate(0)translateY(-130%)}.spinner .bar2{animation-delay:-.4583s;transform:rotate(30deg)translateY(-130%)}.spinner .bar3{animation-delay:-.4167s;transform:rotate(60deg)translateY(-130%)}.spinner .bar4{animation-delay:-.375s;transform:rotate(90deg)translateY(-130%)}.spinner .bar5{animation-delay:-.3333s;transform:rotate(120deg)translateY(-130%)}.spinner .bar6{animation-delay:-.2917s;transform:rotate(150deg)translateY(-130%)}.spinner .bar7{animation-delay:-.25s;transform:rotate(180deg)translateY(-130%)}.spinner .bar8{animation-delay:-.2083s;transform:rotate(210deg)translateY(-130%)}.spinner .bar9{animation-delay:-.1667s;transform:rotate(240deg)translateY(-130%)}.spinner .bar10{animation-delay:-.125s;transform:rotate(270deg)translateY(-130%)}.spinner .bar11{animation-delay:-.0833s;transform:rotate(300deg)translateY(-130%)}.spinner .bar12{animation-delay:-.0417s;transform:rotate(330deg)translateY(-130%)}