.pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#48bb78;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -20px}.pin.neutral{background:#ccc}.pin.green{background:#48bb78}.pin.deepgreen{background:#28a745}.pin.yellow{background:#ffc107}.pin.red{background:#dc3545}.pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;background:#9ae6b4;position:absolute;border-radius:50%}.pin.neutral:after{background:#f8f9fa}.pin.green:after{background:#9ae6b4}.pin.deepgreen:after{background:#56c470}.pin.red:after{background:#eb6d79}.pin.yellow:after{background:#f0c74c}.pin.UNKNOWN{background:#333}.pin.UNKNOWN:after{background:#444}.pin.EXCEPTION{background:orange}.pin.EXCEPTION:after{background:#eecf96}.bounce{animation-name:bounce;animation-fill-mode:both;animation-duration:1s}.pulse{background:#d6d4d4;border-radius:50%;height:14px;width:14px;position:absolute;left:50%;top:50%;margin:11px 0 0 -12px;transform:rotateX(55deg);z-index:-2}.pulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;animation:pulsate 1.5s ease-out;animation-iteration-count:infinite;opacity:0;box-shadow:0 0 1px 2px #48bb78;animation-delay:1.1s}.pulse.green:after{box-shadow:0 0 1px 2px #9ae6b4}.pulse.red:after{box-shadow:0 0 1px 2px #eb6d79}.pulse.neutral:after{box-shadow:0 0 1px 2px #f8f9fa}.pulse.deepgreen:after{box-shadow:0 0 1px 2px #56c470}.pulse.yellow:after{box-shadow:0 0 1px 2px #f0c74c}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes bounce{0%{opacity:0;transform:translateY(-2000px) rotate(-45deg)}60%{opacity:1;transform:translateY(30px) rotate(-45deg)}80%{transform:translateY(-10px) rotate(-45deg)}to{transform:translateY(0) rotate(-45deg)}}