.spinner{width:5rem;height:5rem;display:inline-block;position:relative}.spinner>div{transform-origin:50%;width:100%;height:100%;animation:1.2s linear infinite spinner;position:absolute}.spinner>div:after{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-700) / var(--tw-bg-opacity,1));border-radius:9999px;display:block;position:absolute}.spinner>div:is(.dark *):after{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-400) / var(--tw-bg-opacity,1))}.spinner>div:after{content:" ";width:7.5%;height:22.5%;top:3.75%;left:46.25%}.spinner>div:first-child{animation-delay:-1.1s;transform:rotate(0)}.spinner>div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.spinner>div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.spinner>div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.spinner>div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.spinner>div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.spinner>div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.spinner>div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.spinner>div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.spinner>div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.spinner>div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.spinner>div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes spinner{0%{opacity:1}to{opacity:0}}