body{font-family:Open Sans,sans-serif;margin:0}#plot{box-sizing:border-box}#plot-bounds{overflow:hidden}.container{grid-template-columns:auto 1fr}#viewport-form{position:fixed;top:8px;right:8px;padding:8px;background:#333;color:#f0f0f0;border-radius:2px;min-width:360px}#viewport-form>section>label,#viewport-form>section>button{display:flex;margin-bottom:8px}#viewport-form input,#viewport-form select,button{background-color:#555;border:none;color:inherit}#viewport-form h4{margin:0}#viewport-form header{margin:8px 0;display:flex;justify-content:space-between}#viewport-form input:not([type=checkbox]),#viewport-form select{flex-grow:1;margin-left:8px}#render-indicator{height:12px;width:12px;border-radius:999px;display:inline-block;margin-left:8px}#render-indicator.rendering{background-color:red}#render-indicator.done{background-color:green}#location-links{display:flex}#location-links a,#location-links:visited{color:#fff;margin:0 8px}#coordinate-tooltip{position:fixed;background:#000000d9;color:#fff;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;pointer-events:none;z-index:1000;white-space:nowrap;opacity:0;transition:opacity .1s;border:1px solid rgba(255,255,255,.2)}#coordinate-tooltip.visible{opacity:1}#zoom-box{position:absolute;border:2px solid rgba(255,255,255,.8);background:#ffffff1a;pointer-events:none;display:none}