.tip{border:2px solid #000;background:#303030;color:#F0F0F0;border-radius:5px;padding:1em;z-index:99}.tip:after,.tip:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tip:before{border-color:rgba(240,240,240,0);border-top-color:#000;border-width:12px;margin-left:-12px}.tip:after{border-color:#303030 transparent transparent;border-width:10px;margin-left:-10px}.info{padding:6px 8px;font:14px/16px Arial,Helvetica,sans-serif;background:#fff;background:rgba(255,255,255,.8);box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:5px}.info h4{margin:0 0 5px;color:#777}.legend{line-height:18px;color:#555}.legend i{width:18px;height:18px;float:left;margin-right:8px;opacity:.7}.hexagon{fill:#4682b4;stroke:#fff;stroke-width:.5px}