#controls{margin:10px}button{padding:6px 12px;margin:0 5px;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;font-size:14px}button:hover{background-color:#eee}#svg-container{width:70vw;height:80vh;overflow:hidden;position:relative}svg{height:100%;transition:transform .2s ease;cursor:grab}.road{cursor:pointer;transition:fill .2s,stroke .2s}.road:hover{fill:#000;fill-opacity:.5}.st2{opacity:.1}.st2:hover{fill:#c9c5b9;opacity:1}.st144{opacity:.5}.st144:hover{fill:#ecd8a6;stroke:#d2d2d2;stroke-width:.2;opacity:1}.st142:hover{fill:#0f0}.st0{fill:#eeeadd;stroke:#eeeadd;stroke-width:.2}.st0,.st1{display:none}.st1{fill:none;stroke:#010101;stroke-width:.25;stroke-dasharray:2,1}.st2{fill:#ede9dc;stroke:#2e3191}.st3{fill:#fff;stroke:#fff;stroke-width:.2}.st4{stroke:#dde362;stroke-width:.2}.st4,.st5{fill:#dde362}.st5{stroke:#84c457;stroke-width:.2}.st6{fill:#aecbea;stroke:#aecbea;stroke-width:.2}.st7{fill:#ba825c;stroke:#ba825c;stroke-width:.2}.st8{fill:#b4d9a2;stroke:#b4d9a2;stroke-width:.2}.st9{fill:#78a07b;stroke:#78a07b;stroke-width:.2}.st10{fill:#a47c52;stroke:#a47c52;stroke-width:.2}.st11{fill:#c5cdb9;stroke:#c5cdb9;stroke-width:.2}.st12{fill:#51a451}.st13{fill:#cccd8f;stroke:#cccd8f;stroke-width:.2}.st14{fill:#007ca4;stroke:#007ca4;stroke-width:.2}.st15{fill:#c4e8f5;stroke:#c4e8f5;stroke-width:.2}.st16{fill:#d6e0a6;stroke:#d6e0a6;stroke-width:.2}.st17{fill:#276733;stroke:#276733;stroke-width:.2}.st18{fill:#9c5825;stroke:#9c5825;stroke-width:.2}.st19{fill:#cd4683;stroke:#cd4683;stroke-width:.2}.st20{fill:#3953a3;stroke:#3953a3;stroke-width:.2}.st21{fill:#9c2b20;stroke:#9c2b20;stroke-width:.2}.st22{fill:#f0592a}.st23,.st24{fill:none;stroke:#395eaa;stroke-width:.1}.st24{stroke-dasharray:.1488}.st25{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.3396}.st26{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4988,.4988}.st27{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.499,.499}.st28{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5025,.5025}.st29{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5024,.5024}.st30{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5035,.5035}.st31{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4855,.4855}.st32{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4913,.4913}.st33{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5058,.5058}.st34{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5007,.5007}.st35{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5009,.5009}.st36{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.498,.498}.st37{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4992,.4992}.st38{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5008,.5008}.st39{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4946,.4946}.st40{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4959,.4959}.st41{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4971,.4971}.st42{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4995,.4995}.st43{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5127,.5127}.st44{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.501,.501}.st45{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5003,.5003}.st46{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5022,.5022}.st47{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5019,.5019}.st48{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5004,.5004}.st49{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4996,.4996}.st50{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5099,.5099}.st51{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.489,.489}.st52{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4874,.4874}.st53{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4961,.4961}.st54{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5028,.5028}.st55{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5006,.5006}.st56{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4908,.4908}.st57{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4981,.4981}.st58{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5014,.5014}.st59{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.1634}.st60{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.2481}.st61{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.485,.485}.st62{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5012,.5012}.st63{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4998,.4998}.st64{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5205,.5205}.st65{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4985,.4985}.st66{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4983,.4983}.st67{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4864,.4864}.st68{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4966,.4966}.st69{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5001,.5001}.st70{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5421,.5421}.st71{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5027,.5027}.st72{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5017,.5017}.st73{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5036,.5036}.st74{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5002,.5002}.st75{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5,.5}.st76{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5061,.5061}.st77{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4991,.4991}.st78{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5021,.5021}.st79{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5122,.5122}.st80{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5308,.5308}.st81{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4974,.4974}.st82{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4869,.4869}.st83{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4755,.4755}.st84{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5005,.5005}.st85{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4987,.4987}.st86{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5038,.5038}.st87{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4972,.4972}.st88{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4968,.4968}.st89{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.503,.503}.st90{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4703,.4703}.st91{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4941,.4941}.st92{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5045,.5045}.st93{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4876,.4876}.st94{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5224,.5224}.st95{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4887,.4887}.st96{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5029,.5029}.st97{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5016,.5016}.st98{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5113,.5113}.st99{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4938,.4938}.st100{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.507,.507}.st101{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.488,.488}.st102{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5132,.5132}.st103{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4952,.4952}.st104{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5125,.5125}.st105{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4957,.4957}.st106{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5143,.5143}.st107{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4978,.4978}.st108{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4962,.4962}.st109{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4911,.4911}.st110{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.506,.506}.st111{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5139,.5139}.st112{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4877,.4877}.st113{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5015,.5015}.st114{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5039,.5039}.st115{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5059,.5059}.st116{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4932,.4932}.st117{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4954,.4954}.st118{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5174,.5174}.st119{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4965,.4965}.st120{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5066,.5066}.st121{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4963,.4963}.st122{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5013,.5013}.st123{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5188,.5188}.st124{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5116,.5116}.st125{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5087,.5087}.st126{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4916,.4916}.st127{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5023,.5023}.st128{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5147,.5147}.st129{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5072,.5072}.st130{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5133,.5133}.st131{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5041,.5041}.st132{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5031,.5031}.st133{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5057,.5057}.st134{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4757,.4757}.st135{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4986,.4986}.st136{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4964,.4964}.st137{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4993,.4993}.st138{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5399,.5399}.st139{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.5141,.5141}.st140{fill:none;stroke:#395eaa;stroke-width:.1;stroke-dasharray:.4994,.4994}.st141{fill:none;stroke:#000;stroke-width:.25;stroke-dasharray:2,1}.st142,.st143{fill:#717171;stroke:#717171;stroke-width:.2}.st143{stroke-miterlimit:4.0004}.st144{fill:#d2d2d2;stroke:#d2d2d2;stroke-width:.2}.st145{fill:#9c2b20}.zone:hover circle,.zone:hover line,.zone:hover path,.zone:hover polygon,.zone:hover polyline,.zone:hover rect{stroke:#108a00;stroke-width:2px;fill-opacity:.8;transition:all .2s ease;cursor:pointer}.svg-container{overflow:hidden;cursor:grab}.svg-container:active{cursor:grabbing}.zone{fill:#ede9dc;opacity:.1}.zone:hover{fill:#ffeb3b;opacity:1!important}.zone{stroke:#3c60ac;opacity:1;cursor:pointer;pointer-events:all}.zone:hover{fill-opacity:1;filter:brightness(1.3)}.zone.active{fill-opacity:1;filter:brightness(1.4);stroke-width:2;stroke:#1a3d7c}.zone1{fill:#ffddc1}.zone2{fill:#d6c1ff}.zone3{fill:#d3f8e2}.zone4{fill:#fde2e4}.zone5{fill:#fff1a8}.zone{opacity:.85;transition:all .3s ease;stroke:#666;stroke-width:.5}.zone:hover{opacity:1;filter:brightness(1.2);stroke:#333;stroke-width:1.5}.zone.active{fill:#ffd54f!important;stroke:#000!important;stroke-width:2!important;opacity:1!important;filter:brightness(1.1)!important;transition:all .2s ease}