.radar{width:8em;height:8em;font-size:30px;border-radius:21%;background-color:#000;background-image:-webkit-gradient(linear,left top,right top,color-stop(49.75%,transparent),color-stop(49.75%,#006400),color-stop(50.25%,#006400),color-stop(1em,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(49.75%,transparent),color-stop(49.75%,#006400),color-stop(50.25%,#006400),color-stop(1em,transparent)),repeating-radial-gradient(transparent 0,transparent .95em,#006400 0,#006400 1em,transparent 0);background-image:linear-gradient(90deg,transparent 49.75%,#006400 0,#006400 50.25%,transparent 1em),linear-gradient(transparent 49.75%,#006400 0,#006400 50.25%,transparent 1em),repeating-radial-gradient(transparent 0,transparent .95em,#006400 0,#006400 1em,transparent 0);position:relative}.radar:before{content:"";position:absolute;width:4em;height:4em;border:1px dashed #fff;background:linear-gradient(45deg,transparent 50%,#00c000)}.animation_box{z-index:5000}.line{position:absolute;z-index:5001;left:50%;top:50%;margin:-40px 0 0 -20px;width:80px;height:40px}.line span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#90ee90;-webkit-animation:load 1s ease infinite;animation:load 1s ease infinite}@-webkit-keyframes load{0%,to{height:40px;background:#90ee90}50%{height:70px;margin:-15px 0;background:#add8e6}}@keyframes load{0%,to{height:40px;background:#90ee90}50%{height:70px;margin:-15px 0;background:#add8e6}}.line span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.line span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.line span:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.line span:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}