.loader{position:relative;width:100px;height:100px}.loader span{position:absolute;width:8px;height:37px;background:#d4af37;border-radius:5px;top:6px;left:37px;transform-origin:center 56px;animation:fade 1.4s linear infinite;opacity:.2;box-shadow:0 0 6px rgba(201,161,74,.35)}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.loader span:first-child{transform:rotate(0deg);animation-delay:0s}.loader span:nth-child(2){transform:rotate(30deg);animation-delay:.1s}.loader span:nth-child(3){transform:rotate(60deg);animation-delay:.2s}.loader span:nth-child(4){transform:rotate(90deg);animation-delay:.3s}.loader span:nth-child(5){transform:rotate(120deg);animation-delay:.4s}.loader span:nth-child(6){transform:rotate(150deg);animation-delay:.5s}.loader span:nth-child(7){transform:rotate(180deg);animation-delay:.6s}.loader span:nth-child(8){transform:rotate(210deg);animation-delay:.7s}.loader span:nth-child(9){transform:rotate(240deg);animation-delay:.8s}.loader span:nth-child(10){transform:rotate(270deg);animation-delay:.9s}.loader span:nth-child(11){transform:rotate(300deg);animation-delay:1s}.loader span:nth-child(12){transform:rotate(330deg);animation-delay:1.1s}@keyframes fade{0%{opacity:.15}8%{opacity:1}18%{opacity:.5}35%{opacity:.15}to{opacity:.15}}