.loading,.svg-layer{top:0;left:0;position:absolute}.loading,.loading img,.svg-layer{position:absolute}.loading,.map-container{height:100vh;width:100vw}.svg-layer{opacity:.4;z-index:2}.svg-layer .country,.svg-layer .ocean{fill:transparent;stroke:#fff;stroke-linejoin:round;stroke-width:1px}.svg-layer .country:hover{fill:#fff}.loading{background:#fff;opacity:.75;z-index:10}.loading img{left:50vw;top:50vh;margin-left:-19px;margin-top:-19px}.map-container{display:flex;flex-direction:row-reverse}.map-container .map-controls{flex:0 0 320px;font-size:13px;overflow-y:auto;box-shadow:0 0 3px #d3d3d3}.map-container .map-controls img{height:1.25em}.map-container .map-controls>div{padding:8px 24px}.map-container .map-controls>div .top-row{display:none;font-weight:700;color:#405060;letter-spacing:0;margin-bottom:-4px;text-transform:uppercase}.map-container .map-controls>div .top-row span{flex:1;color:#6d6d6d;font-weight:400;text-align:right}.map-container .map-controls .sub-group{padding:4px 0 0}.map-container .map-controls .sub-group>div{padding:6px 0 8px}.map-container .map-controls .sub-group .top-row{display:flex;color:#222;text-transform:none;font-weight:400}.map-container .map-controls .header-row{display:flex;background:#f1f1f1;padding:6px 10px 6px 14px}.map-container .map-controls h1{flex:1 1;color:#5e6577;font-size:16px;letter-spacing:0;margin:0;padding:0}.map-container .map-controls h1 img{height:1.5em;margin:0 3px -5px 0}.map-container .map-controls .info{align-self:flex-end;position:relative;top:1px}.map-container .map-controls .info a{text-decoration:none}.map-container .map-canvas{flex:1 1;overflow:hidden;position:relative;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.map-container .map-canvas canvas{display:block}.map-container .range-control input[type=range]{-webkit-appearance:none;width:100%;margin:4px 0;flex:1 1 100%}.map-container .range-control input[type=range]:focus{outline:0}.map-container .range-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#eee;border-radius:0;border:0 solid #010101}.map-container .range-control input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:12px;width:12px;border-radius:6px;background:#536182;cursor:pointer;-webkit-appearance:none;margin-top:-4px}.map-container .range-control input[type=range]:focus::-webkit-slider-runnable-track{background:#def}.map-container .range-control input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#eee;border-radius:0;border:0 solid #010101}.map-container .range-control input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:12px;width:12px;border-radius:6px;background:#536182;cursor:pointer}.map-container .range-control input[type=range]::-ms-tooltip{display:none}.map-container .range-control input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;background:0 0;border-color:transparent;color:transparent;overflow:visible}.map-container .range-control input[type=range]::-ms-fill-lower{background:#e1e1e1;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}.map-container .range-control input[type=range]::-ms-fill-upper{background:#eee;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}.map-container .range-control input[type=range]::-ms-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:12px;width:12px;border-radius:6px;background:#536182;margin-top:-1px;cursor:pointer}.map-container .range-control input[type=range]:focus::-ms-fill-lower{background:#eee}.map-container .range-control input[type=range]:focus::-ms-fill-upper{background:#fbfbfb}.map-container .range-control input{box-sizing:border-box}.map-container .vertical-slider-layout{margin-right:65px;position:relative}.map-container .vertical-slider-layout .vertical{position:absolute;top:4px;right:-65px;width:40px;padding-top:0}.map-container .vertical-slider-layout .vertical input[type=range]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:relative;top:24px;left:-8px;width:62px}.map-container .vertical-slider-layout .vertical .top-row{justify-content:flex-end}.map-container .vertical-slider-layout .vertical .top-row span{display:none}.map-container .checkbox-options{padding-top:8px;margin-right:-8px;display:flex}.map-container .checkbox-options .checkbox-option{flex:1 1 50%;margin:0 6px 6px 0;padding:6px 8px;border-radius:5px;background-color:#f2f2f2;cursor:pointer}.map-container .checkbox-options .checkbox-option input{display:none}.map-container .checkbox-options .checkbox-option:before{content:"";box-sizing:border-box;display:inline-block;height:12px;width:12px;border:1px solid #536182;border-radius:3px;vertical-align:-1.5px}.map-container .checkbox-options .checkbox-option.active:before{background:#536182}.map-container .radio-buttons{padding-top:8px}.map-container .radio-buttons .radio-button{margin:0 0 6px;background:#f2f2f2;border-radius:5px;overflow:hidden}.map-container .radio-buttons .radio-button>label{display:block;padding:6px 8px}.map-container .radio-buttons .radio-button>label input{display:none}.map-container .radio-buttons .radio-button.active{background:#8895b3}.map-container .radio-buttons .radio-button.active>label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.map-container .radio-buttons .radio-button.active>.sub-group{background:#fff;border-radius:0 0 4px 4px;padding:6px 16px;margin:1px}.map-container .radio-buttons .radio-button:not(.active) label:hover{background:#f2f2f2;cursor:pointer}.map-container .map-controls>.debug-panel>.top-row label,.map-container .map-controls>.debug-panel>.top-row span{color:#7a7}@media (max-width:640px){.map-container{flex-direction:column-reverse;height:auto}.map-container .map-controls{flex:0 0 auto}.map-container .map-controls input[type=range]{-webkit-appearance:none;width:100%}.map-container .map-controls input[type=range]:focus{outline:0}.map-container .map-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#eee;border-radius:0;border:0 solid #010101}.map-container .map-controls input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:30px;width:30px;border-radius:15px;background:#536182;cursor:pointer;-webkit-appearance:none;margin-top:-13px}.map-container .map-controls input[type=range]:focus::-webkit-slider-runnable-track{background:#def}.map-container .map-controls input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#eee;border-radius:0;border:0 solid #010101}.map-container .map-controls input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:30px;width:30px;border-radius:15px;background:#536182;cursor:pointer}.map-container .map-controls input[type=range]::-ms-tooltip{display:none}.map-container .map-controls input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;background:0 0;border-color:transparent;color:transparent;overflow:visible}.map-container .map-controls input[type=range]::-ms-fill-lower{background:#e1e1e1;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}.map-container .map-controls input[type=range]::-ms-fill-upper{background:#eee;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}.map-container .map-controls input[type=range]::-ms-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:30px;width:30px;border-radius:15px;background:#536182;margin-top:-10px;cursor:pointer}.map-container .map-controls input[type=range]:focus::-ms-fill-lower{background:#eee}.map-container .map-controls input[type=range]:focus::-ms-fill-upper{background:#fbfbfb}.map-container .map-controls input[type=range]{margin:18px 0 10px}.map-container .map-canvas{height:100vw}.map-container .hidden-mobile{display:none}}*,body{margin:0}*{padding:0}body{color:#333;font-family:'Droid Sans',Helvetica,Arial,sans-serif;line-height:1.45;max-width:100%}p{font-size:1rem}h1,h2,h3{color:#111}h1{letter-spacing:-.1rem;margin-top:3rem}h3,p{margin:.6rem 0 0}h2{letter-spacing:-.05rem;margin:2.5rem 0 0}h3{font-size:1.1rem;line-height:1.35}dl{font-size:1rem;margin:.75rem 0 0}