.infographic-image{cursor:crosshair;position:relative}.infographic-image>img{border-radius:4px}.infographic-image .overlay{height:100%;position:absolute;width:100%}.infographic .overlay .point{background:#fff;border:1px solid #000;border-radius:12px;color:#1e4a60;cursor:pointer;font-family:DejaVu Sans Mono,Lucida Sans Typewriter,San Francisco,Menlo,Consolas,Ubuntu Mono,Roboto Mono,Courier New,Courier,monospace;font-size:12px;height:24px;line-height:23px;margin-left:-12px;margin-top:-12px;position:absolute;text-align:center;transition:all .15s linear;width:24px}.infographic .overlay .point.active,.infographic .overlay .point:hover{background:#000;border:1px solid #fff;color:#fff}.popover{background:#fff;border:1px solid #000;border-radius:4px;color:#1e4a60;display:none;font-family:Source Sans Pro,sans-serif;padding:8px 16px;position:absolute;text-align:center;z-index:1}@media screen{.infographic .overlay .point:hover .popover{display:block}}.popover.top,.popover:not(.top):not(.bottom):not(.left):not(.right){bottom:40px;left:12px;transform:translateX(-50%)}.popover.bottom{left:12px;top:40px;transform:translateX(-50%)}.popover.left{right:40px}.popover.left,.popover.right{top:12px;transform:translateY(-50%)}.popover.right{left:40px}.popover:after{border-style:solid;content:"";height:0;position:absolute;width:0}.popover.top:after,.popover:not(.top):not(.bottom):not(.left):not(.right):after{border-color:#000 transparent transparent;border-width:8px 8px 0;bottom:-8px;left:50%;margin-left:-8px}.popover.bottom:after{border-color:transparent transparent #000;border-width:0 8px 8px;left:50%;margin-left:-8px;top:-8px}.popover.left:after{border-color:transparent transparent transparent #000;border-width:8px 0 8px 8px;margin-top:-8px;right:-8px;top:50%}.popover.right:after{border-color:transparent #000 transparent transparent;border-width:8px 8px 8px 0;left:-8px;margin-top:-8px;top:50%}.infographic .sibling.active,.infographic .sibling:hover{color:#1e4a60;cursor:pointer;transition:all .15s linear}.infographic-image .preview-coords{background:#fff;border-radius:3px;color:#000;display:none;opacity:.75;padding:1px 2px;position:absolute;right:4px;top:4px}.preview .infographic-image:hover .preview-coords{display:block}.infographic .infographic-image>img{border-radius:0}.infographic .overlay .point{background:#f60;border:none;border-radius:100%;height:40px;width:40px}.infographic .overlay .point.active,.infographic .overlay .point:hover{background:#f60;border:none}.infographic .point svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);fill:#fff}.infographic .point .popover{border:none;border-radius:0;height:max-content;max-width:200px;padding:16px;text-align:left;width:max-content}.infographic .point .popover.left,.infographic .point .popover.right{top:50%;transform:translateY(-50%)}.infographic .point .popover.bottom,.infographic .point .popover.top{left:50%;transform:translateX(-50%)}.infographic .point .popover.top{bottom:52px}.infographic .point .popover.bottom{top:52px}.infographic .point .popover.right{left:52px}.infographic .point .popover.left{right:52px}.infographic .point .popover:after,.infographic .point .popover:before{content:none}@media (max-width:767px){.infographic .overlay .point{height:25px;width:25px}.infographic .overlay .point svg{height:10px;width:10px}.infographic .popover-mobile{bottom:-162px;left:32px;position:absolute;right:32px}.infographic .popover-mobile .popover{border:none;border-radius:0;position:static}.infographic .popover-mobile .popover.bottom,.infographic .popover-mobile .popover.top{transform:translateY(-50%)}.infographic .popover-mobile .popover:after,.infographic .popover-mobile .popover:before{content:none}.infographic .popover-mobile .popover.active{display:block}}