.cont--loop .rotate-wrap{animation-play-state:running}.rotate-wrap{position:relative;aspect-ratio:1;width:min(var(--vw,1vw)*258/1280*100,322.5px);height:min(var(--vw,1vw)*258/1280*100,322.5px);animation:10s a linear infinite;animation-play-state:paused}.circle{aspect-ratio:1;height:min(var(--vw,1vw)*44/1280*100,55px)}.circle,.circle-wrap{width:min(var(--vw,1vw)*44/1280*100,55px)}.circle-wrap{position:absolute;height:50%;left:50%;transform-origin:50% 100%;transform:translate(-50%) rotate(0deg)}.circle-wrap:nth-child(odd) .circle{background:#ff4000}.circle-wrap:first-child{transform:translate(-50%) rotate(45deg)}.circle-wrap:nth-child(2){transform:translate(-50%) rotate(90deg)}.circle-wrap:nth-child(3){transform:translate(-50%) rotate(135deg)}.circle-wrap:nth-child(4){transform:translate(-50%) rotate(180deg)}.circle-wrap:nth-child(5){transform:translate(-50%) rotate(225deg)}.circle-wrap:nth-child(6){transform:translate(-50%) rotate(270deg)}.circle-wrap:nth-child(7){transform:translate(-50%) rotate(315deg)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(any-hover:hover){.cont--mouse .rotate-wrap:hover{animation-play-state:running}}