/**
 * @license
 * Copyright 2019 Google LLC. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */html,body,#map{height:100%;margin:0;padding:0;overflow:hidden}.nicebox{position:absolute;text-align:center;font-family:Roboto,Arial,sans-serif;font-size:13px;z-index:5;box-shadow:0 4px 6px -4px #333;padding:5px 10px;background:#fff;background:linear-gradient(to bottom,#fff,#f5f5f5);border:rgb(229,229,229) 1px solid}#controls{top:10px;left:200px;width:360px;height:45px}#data-box{top:10px;left:500px;height:45px;line-height:45px;display:none}#census-variable{width:360px;height:20px}#legend{display:flex;display:-webkit-box;padding-top:7px}#legend.fractal{position:absolute;bottom:100px;left:10px;width:240px;flex-direction:column;align-items:stretch;padding:8px;background-color:#fff;border:1px solid #ccc;border-radius:3px;font-family:Roboto,"sans-serif";font-size:12px;z-index:5;box-shadow:0 4px 6px -4px #333}#legend-title{display:block;font-weight:600;margin-bottom:6px;font-size:12px;text-align:left}.legend-row{display:flex;align-items:center;gap:8px}#legend.fractal .legend-row{margin-top:18px}#legend.fractal .color-key{height:18px;flex:1;margin:0 6px;border-radius:3px}.tick{position:absolute;top:0;transform:translate(-50%);width:44px;text-align:center}.tick-line{width:1px;height:8px;margin:0 auto;background:#444}.tick-label{font-size:10px;color:#222;margin-top:2px;line-height:1}.color-key{background:linear-gradient(to right,#db4639,#db7f29 17%,#d1bf1f 33%,#92c51b,#48ba17 67%,#12ab24 83%,#0f9f59);flex:1;-webkit-box-flex:1;margin:0 5px;text-align:left;font-size:1em;line-height:1em}#data-value{font-size:2em;font-weight:700}#data-label{font-size:2em;font-weight:400;padding-right:10px}#data-label:after{content:":"}#data-caret{margin-left:-5px;display:none;font-size:14px;width:14px}#fractal-controls{position:fixed;bottom:30px;left:10px;max-width:340px;width:auto;min-height:10px;z-index:1001;padding:8px 10px;background:#fffffffa;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001f;box-sizing:border-box}#fractal-controls .control-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}#fractal-controls .control-row>span:nth-child(1),#fractal-controls .control-row>span:nth-child(2){margin-left:8px;display:inline-flex;align-items:center;min-width:60px}#fractal-controls .fractal-title{font-weight:600;font-size:16px;margin-bottom:8px;text-align:left}.range-slider{position:relative;width:300px;height:36px;margin-left:12px;margin-top:18px}.range-track{position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);background:#eee;border-radius:4px}.range-fill{position:absolute;top:50%;height:8px;transform:translateY(-50%);background:linear-gradient(90deg,green,#f33);border-radius:4px}.slider-ticks{position:absolute;left:0;right:0;top:calc(50% + 2px);height:30px;pointer-events:none}.slider-ticks .tick{position:absolute;top:0;transform:translate(-50%);width:48px;text-align:center}.slider-ticks .tick-line{width:1px;height:8px;margin:0 auto;background:#666}.slider-ticks .tick-label{font-size:11px;color:#111;margin-top:4px;line-height:1}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:0;right:0;top:0;width:100%;height:30px;background:transparent;pointer-events:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;border:2px solid #666;background:#fff;box-shadow:0 1px 2px #0000004d}.range-input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;border:2px solid #666;background:#fff}.range-input.min::-webkit-slider-thumb{z-index:3}.range-input.max::-webkit-slider-thumb{z-index:4}.range-input.min{z-index:3}.range-input.max{z-index:4}#fractal-controls button.active{background:#eaf7ea;border-color:#8ac58a;box-shadow:0 0 0 3px #8ac58a26 inset}.thumb-label{position:absolute;top:-10px;transform:translate(-50%);background:#fff;padding:1px 6px;border-radius:3px;font-size:10px;border:1px solid #ddd;box-shadow:0 1px 2px #00000014;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:10}#fractal-opacity-range{width:90px;margin-left:6px;vertical-align:middle}#fractal-opacity-display{margin-left:6px;width:36px;text-align:right;display:inline-block;font-size:12px}#fractal-controls .control-row input[type=color]{width:36px;height:28px;padding:0;border:0}