.container-loading{position:relative;display:flex;justify-content:center;align-items:center;height:50px}.radar{position:relative;width:var(--radar-size,50px);height:var(--radar-size,50px);border-radius:50%;perspective:600px}.radar:after,.radar:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(26,27,139,.2) 0deg,rgba(15,40,153,.9) 25deg,transparent 60deg);-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 75%);mask-image:radial-gradient(circle at center,black 20%,transparent 75%);z-index:1}.radar:before{animation:rotateCW 2.5s linear infinite}.radar:after{background:conic-gradient(from 180deg,rgba(34,36,148,.2) 0deg,rgba(15,40,153,.9) 25deg,transparent 60deg);animation:rotateCCW 3.2s linear infinite}.dot{width:4px;height:4px;transform:translate(-50%,-50%);background:rgba(9,107,24,1);box-shadow:0 0 8px rgba(9,107,24,.9),0 0 20px rgba(9,107,24,.25);z-index:3}.arc,.dot{position:absolute;left:50%;top:50%;border-radius:50%}.arc{transform-origin:center;background:transparent;box-sizing:border-box;transform:translate(-50%,-50%) rotate(0deg);border:1px solid rgba(9,107,24,.25);filter:drop-shadow(0 0 4px rgba(9,107,24,.35));z-index:0}.arc1{width:var(--ring1-size,calc(var(--radar-size, 50px) * var(--ring1-scale, .92)));height:var(--ring1-size,calc(var(--radar-size, 50px) * var(--ring1-scale, .92)))}.arc1,.arc2{border-color:rgba(26,27,139,.2)}.arc2{width:var(--ring2-size,calc(var(--radar-size, 50px) * var(--ring2-scale, .64)));height:var(--ring2-size,calc(var(--radar-size, 50px) * var(--ring2-scale, .64)))}.arc3{border-color:rgba(26,27,139,.2);width:var(--ring3-size,calc(var(--radar-size, 50px) * var(--ring3-scale, .36)));height:var(--ring3-size,calc(var(--radar-size, 50px) * var(--ring3-scale, .36)))}@keyframes rotateCW{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}