.container{display:flex;position:relative}.container:before{content:"";border-radius:50%;width:220px;height:220px;position:absolute;top:-10px;left:-25px}.container:after{content:"";border-radius:50%;width:220px;height:220px;position:absolute;top:-10px;right:-25px}.circle{z-index:10;width:200px;height:300px;margin:0 -15px;position:relative}.circle span{width:100%;height:100%;transform:rotate(calc(4.5deg*var(--i)));position:absolute;top:0;left:0}.circle span:before{content:"";width:30px;height:5px;animation:4s linear infinite animate;animation-delay:calc(25ms*var(--i));position:absolute;top:calc(50% - 7.5px);right:0}.circle span:nth-child(5n+5):before{transform:scaleX(2)}@keyframes animate{0%{filter:hue-rotate();background:#ed8209;box-shadow:0 0 10px #a16725,0 0 20px #a35803,0 0 40px #ff9b28}70%{box-shadow:none;filter:hue-rotate(360deg);background:0 0}to{box-shadow:none;filter:hue-rotate();background:0 0}}.circle2{transform:rotate(-180deg)}.circle2 span:before{animation-delay:calc(-.025s*var(--i))}