.radar{position:relative;width:40vmin;height:40vmin;background:repeating-radial-gradient(transparent,transparent 4.5%,rgba(80,255,0,.35) 5%,transparent 5.5%) content-box,linear-gradient(transparent 49.7%,rgba(80,255,0,.2) 49.9%,rgba(80,255,0,.2) 50.1%,transparent 50.3%) content-box,linear-gradient(to right,transparent 49.7%,rgba(80,255,0,.2) 49.9%,rgba(80,255,0,.2) 50.1%,transparent 50.3%) content-box,radial-gradient(#002500,#000500) content-box;border:2.5vmin solid transparent;border-radius:50%;box-sizing:border-box;overflow:hidden;filter:drop-shadow(1vmin 1vmin 1vmin rgba(0,0,0,.4))}.radar:after{content:"";position:absolute;inset:0;background-image:conic-gradient(transparent 90%,#50ff0059);border-radius:50%;box-shadow:inset 0 0 2vmin #000000e6;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.radar__dot{position:absolute;width:3%;height:3%;border-radius:50%;transform:translate(-50%,-50%);-webkit-animation:blink 2s ease-out infinite;animation:blink 2s ease-out infinite}.radar__dot:first-of-type{top:24%;left:76%;-webkit-animation-delay:.25s;animation-delay:.25s}.radar__dot:nth-of-type(2){top:80%;left:20%;-webkit-animation-delay:1.25s;animation-delay:1.25s}.radar__dot:last-of-type{top:36%;left:36%;-webkit-animation-delay:1.75s;animation-delay:1.75s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes blink{2%,20%{background-color:#50ff00d9;box-shadow:0 0 1vmin #50ff0099}90%{background-color:transparent}}@keyframes blink{2%,20%{background-color:#50ff00d9;box-shadow:0 0 1vmin #50ff0099}90%{background-color:transparent}}.btn-started{color:#fff;letter-spacing:.05rem;background-color:#9e6af1;border-bottom-color:#e2e8f0;background-image:linear-gradient(to right,#9e6af1,#8a9df5);transition:transform .25s ease-in-out}.btn-started:hover{color:#f8f6f2;transform:scale(1.05)}.radar-svg{width:40vmin;height:40vmin;display:block;margin-inline:auto;border-radius:50%;background:radial-gradient(#0a0,#000);box-shadow:0 1vmin 2vmin #00000073}