.circle{position:absolute;width:1038px;height:1038px;border-radius:50%;border:2px solid #ffffff26;overflow:visible}.circle.blue{border-width:2px;border-color:#22387d0d}.circle1{transform:translate(-260px,-260px);z-index:2}.circle2{transform:translate(260px,260px);z-index:1}.blue.circle1{transform:translate(-260px,260px)}.blue.circle2{transform:translate(260px,-260px)}.orbit{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center}.orbit1,.orbit2{animation:rotateCW 30s linear infinite}.plus{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:white;z-index:3;opacity:30%;width:14px;height:14px}.circle.blue .plus{color:#22387d4d;opacity:50%}.plus:before{width:14px;height:2px;transform:translateY(-50%);left:0;top:50%}.plus:after,.plus:before{content:"";background-color:white;display:flex;position:absolute}.plus:after{width:2px;height:14px;transform:translate(-50%);left:50%;top:0}.circle.blue .plus:after,.circle.blue .plus:before{background-color:#22387d}.circle.blue .plus:before{height:2px}.circle.blue .plus:after{width:2px}.plus1{left:50%;top:0}.plus2{left:0;top:50%}.plus3{left:50%;top:100%}.orbit1 .plus1,.plus4{left:100%;top:50%}.orbit1 .plus2{left:50%;top:100%}.orbit1 .plus3{left:0;top:50%}.orbit1 .plus4{left:50%;top:0}@keyframes rotateCW{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes offsetHalfTurn{0%{transform:rotate(180deg) translate(-50%,-50%)}to{transform:rotate(540deg) translate(-50%,-50%)}}