.spinner-blade{position:absolute;height:20%;width:8%;background-color:hsl(var(--foreground));border-radius:1px;animation:spinner-blade 1s linear infinite;will-change:opacity;top:37%;left:44%}.spinner-blade:first-child{transform:rotate(0deg) translateY(-130%);animation-delay:-1.667s}.spinner-blade:nth-child(2){transform:rotate(30deg) translateY(-130%);animation-delay:-1.583s}.spinner-blade:nth-child(3){transform:rotate(60deg) translateY(-130%);animation-delay:-1.5s}.spinner-blade:nth-child(4){transform:rotate(90deg) translateY(-130%);animation-delay:-1.417s}.spinner-blade:nth-child(5){transform:rotate(120deg) translateY(-130%);animation-delay:-1.333s}.spinner-blade:nth-child(6){transform:rotate(150deg) translateY(-130%);animation-delay:-1.25s}.spinner-blade:nth-child(7){transform:rotate(180deg) translateY(-130%);animation-delay:-1.167s}.spinner-blade:nth-child(8){transform:rotate(210deg) translateY(-130%);animation-delay:-1.083s}.spinner-blade:nth-child(9){transform:rotate(240deg) translateY(-130%);animation-delay:-1s}.spinner-blade:nth-child(10){transform:rotate(270deg) translateY(-130%);animation-delay:-.917s}.spinner-blade:nth-child(11){transform:rotate(300deg) translateY(-130%);animation-delay:-.833s}.spinner-blade:nth-child(12){transform:rotate(330deg) translateY(-130%);animation-delay:-.75s}@keyframes spinner-blade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}