.remote-guid-container{width:27.1vw;height:12.1vw;position:absolute;bottom:1.3vw;right:1.3vw;border-radius:.4vw;box-sizing:border-box;z-index:5;background-color:rgba(21,24,29,.3);.inner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;.box-container{width:8.3vw;height:8.3vw;border:.2vw solid #272b34;border-radius:.4vw;background-color:rgba(21,24,29,.8);&:first-child{margin-right:3.3vw}.line{background-color:#424a57;position:absolute}.horizontal-line{width:100%;height:.1vw;top:50%;left:0}.vertical-line{width:.1vw;height:100%;top:0;left:50%}.dir-container{width:1.3vw;height:1.3vw;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-46%,-50%);.ball-inner{width:100%;height:100%;transition:transform .1s ease-out;.image-box{width:1.9vw;height:2.7vw;position:absolute;transform:translate(-16%,-74%);background-image:url(../img/remote-dirc.c316952b.png);background-size:1.9vw 2.7vw;background-repeat:no-repeat;animation:smooth-float 1.5s ease-in-out infinite}}}.ball-container{width:1.3vw;height:1.3vw;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-43%,-50%)}}}}@keyframes smooth-float{0%,to{transform:translate(-18%,-74%)}50%{transform:translate(-18%,-90%)}}@keyframes rotation-ball{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}