*{padding:0;margin:0}
.canvas-container{width:100vh;height:100vh;background-color:#000}
.labels{pointer-events:none}
.label{left:0;top:0;transition:opacity .6s;cursor:pointer;z-index:unset!important}
.label .icon{width:8px;height:8px;background:#102c53;border-radius:50%;position:relative;z-index:5;display:block}
.label .icon:before,.label .icon:after{content:"";position:absolute;width:30px;height:30px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;opacity:.2;border-radius:50%;border: 1px solid #102c53;}
.label .icon:before{animation:ico 3s infinite}
.label .icon:after{animation:ico 3s infinite;animation-delay:1.5s}
@keyframes ico{0%{transform:scale(0);opacity:.4}
to{transform:scale(1);opacity:.2}
}
.label .labelContent{position:absolute;left:0;top:0;z-index:10;background:#fff;padding:0 10px;border-radius:5px;white-space:nowrap;transition:.3s;max-height:0;overflow:hidden;color:#333;font-size:14px}
.label:hover .labelContent{max-height:100px;padding:10px}