.ycqJOer{margin:2rem 1rem}.ycqJOer1{text-align:center}.ycqJOer1 h2{margin:.6rem 0}.ycqJOer2{border-radius:50%;width:320px;height:320px;margin:auto;position:relative;box-shadow:0 0 15px #0003}.ycqJOer3{z-index:1;border:20px solid #0000;border-top:30px solid red;border-bottom-width:0;width:0;height:0;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.ycqJOer4{background:url(/can-be-useful/nextjs-compass/boussole.png) 50%/contain no-repeat;width:90%;height:90%;transition:transform .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ycqJOer5{transform:translate(-50%,-50%)rotate(var(--ycqJOer6))!important}.ycqJOer7{background:#08df45;border-radius:50%;width:20%;height:20%;transition:opacity .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:var(--ycqJOer8)!important}