.loader{position:relative;width:54px;height:54px;border-radius:10px}.loader div{width:8%;height:24%;background:grey;position:absolute;left:50%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:fade458 1s linear infinite}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader .bar1{transform:rotate(0deg) translateY(-130%);animation-delay:0s}.loader .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.loader .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.loader .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.loader .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.loader .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.loader .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.loader .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.loader .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.loader .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.loader .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.loader .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}