.rotating-sphere{color:#fff;will-change:transform;border-radius:50%;display:block;position:relative;overflow:hidden;container-type:size}.rotating-sphere .globe-wrap{border-radius:50%;width:100%;height:100%;font-size:33.3333cqw;animation:5.4s cubic-bezier(.35,0,.65,1) infinite globe;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(30deg);box-shadow:inset 0 0 0 .125em}.rotating-sphere .circle{border-radius:50%;width:100%;height:100%;font-size:.75em;animation:2.7s linear infinite circle1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset .1em 0 0 .08em}.rotating-sphere :first-child{animation-delay:-1.8s}.rotating-sphere :nth-child(2){animation-delay:-.9s}.rotating-sphere .circle-hor{border-radius:50%;width:150%;height:55%;font-size:.75em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 .15em}.rotating-sphere .circle-hor-middle{background:currentColor;border-radius:0;width:150%;height:.15em;font-size:.75em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes globe{0%{transform:translate(-50%,-50%)rotate(15deg)}50%{transform:translate(-50%,-50%)rotate(-15deg)}to{transform:translate(-50%,-50%)rotate(15deg)}}@keyframes circle1{0%{background:0 0;border-radius:50%;width:100%;box-shadow:inset .1em 0 0 .08em}49%{background:0 0;border-radius:50%;box-shadow:inset .1em 0 0 .08em}50%{background:currentColor;border-radius:0;width:.175em}51%{background:0 0;border-radius:50%;box-shadow:inset -.1em 0 0 .08em}to{background:0 0;border-radius:50%;width:100%;box-shadow:inset -.1em 0 0 .08em}}@media (prefers-reduced-motion:reduce){.rotating-sphere .globe-wrap,.rotating-sphere .circle{animation:none}}