.spinner,.spinner div,.spinner div:after{box-sizing:border-box}.spinner{color:currentColor;display:inline-block;position:relative;width:32px;height:32px}.spinner div{position:absolute;inset:0;transform-origin:50% 50%;animation:spinner 1s linear infinite}.spinner div:after{content:"";position:absolute;top:8%;left:50%;width:10%;height:26%;transform:translateX(-50%);border-radius:2px;background:currentColor;opacity:.9}.spinner div:first-child{transform:rotate(0deg);animation-delay:-.875s}.spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-.75s}.spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.625s}.spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.375s}.spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.25s}.spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.125s}.spinner div:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes spinner{0%{opacity:1}to{opacity:0}}