@keyframes spinner{0%{opacity:1}to{opacity:0}}.spinner{display:inline-block;height:80px;position:relative;width:80px}.spinner div{animation:spinner 1.2s linear infinite;transform-origin:40px 40px}.spinner div:after{background:var(--color-main-shadowandact);border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.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)}