.nosector{width:calc(var(--boxw));height:calc(var(--boxw));background:#f4f0f0;border-radius:100%;margin:20px;display:inline-block}.sector{width:calc(var(--boxw));height:calc(var(--boxw));background:#f4f0f0;border-radius:0;margin:0;display:inline-block;position:absolute}.sectorinner{width:calc(var(--boxw) - var(--linew)*2);height:calc(var(--boxw) - var(--linew)*2);margin:calc(var(--linew));background:#135fb7;display:inline-block;position:absolute}.sectorrun{animation:60s linear infinite both sector}.sectorimg{width:calc(var(--boxw) - var(--linew)*2);height:calc(var(--boxw) - var(--linew)*2)}.only-box{--boxw:40px;--linew:2px;width:calc(var(--boxw));height:calc(var(--boxw));background:linear-gradient(#00b2ff,#0fb,#6bff6b)}.glowing-box{--boxw:40px;--linew:2px;width:calc(var(--boxw));height:calc(var(--boxw));box-shadow:0 0 calc(var(--boxw)/5)calc(var(--boxw)/5/2)#fff,0 0 calc(var(--boxw)/4)calc(var(--boxw)/4/2)#b400ff;background:linear-gradient(#00b2ff,#0fb,#6bff6b);animation:2s linear infinite both blink}@keyframes blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes sector{0%{clip-path:polygon(50% 50%,0% 0%,0% 0%)}25%{clip-path:polygon(50% 50%,0% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 0%)}50%{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 100%)}50%{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 100%,0% 100%,0% 100%)}to{clip-path:polygon(50% 50%,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}}