body,html{position:relative;font-family:Poppins,Lato,sans-serif;color:#322744;position:fixed;left:0;right:0;top:0;bottom:0;margin:0}h5{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;margin-right:34px;font-size:15px}h5,p{font-weight:600}p{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;text-align:center;font-size:11px}@media screen and (max-width:440px){#mainDataDiv{font-family:Poppins,Lato,sans-serif;position:absolute;top:202px!important;left:16px;background-color:#fff;width:calc(100% - 92px);height:450px!important;padding:28px;z-index:4;border-radius:2px;border:1px solid #322744}#mainContent{position:relative;background-color:#8046f1;width:calc(100% - 66px);height:470px!important;padding:16px;margin-left:16px;overflow:hidden;border-radius:2px}#map{height:120px!important}#numberDiv{width:calc(100% - 12);height:250px!important;border:1px solid #e8e7e6;padding:12px}#toggleMain{cursor:pointer;position:absolute;left:14px!important;margin-top:24px!important}#randeDiv{width:90%!important;float:left!important;margin-right:0!important;margin-left:16px!important}#keyDivs{width:100%!important}}#wrapper{position:relative;background-color:#fbfaf9;overflow:hidden;border-radius:4px;left:0;right:0;top:0;bottom:0;margin:0;padding:0;max-width:800px;min-width:290px;height:780px}#map{width:calc(100% + 56px);height:150px;margin-left:-28px;margin-top:-28px}#dataDiv,#map{position:relative;z-index:5}#dataDiv{margin-top:12px;width:100%;height:140px}.zoom.in{top:16px}.zoom.in,.zoom.out{position:absolute;width:36px;left:16px;z-index:9000;cursor:pointer}.zoom.out{top:68px}.centerIcon{position:absolute;width:36px;top:120px;left:16px;z-index:9000;cursor:pointer}.clicked{animation-name:clickOn;animation-duration:.3s;animation-iteration-count:1}@keyframes clickOn{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}#headWrapper{display:relative;width:calc(100% - 4px);padding-bottom:12px}#headlineDiv{padding:16px 16px 4px;height:auto}#headlineDiv p:first-child{max-width:440px;min-width:300px;text-align:left;margin-right:34px;margin-bottom:12px;font-weight:600;font-size:15px}#headlineDiv p:nth-child(2){max-width:440px;min-width:280px;text-align:left;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;margin-right:34px;font-weight:400;font-size:12px}#bottomDiv{position:absolute;bottom:0;width:100%;height:auto;padding:16px}#bottomDiv p{font-weight:400;max-width:240px;text-align:left;font-size:12px}.custom-div-icon{font-size:12px;background-color:#f8f8f8;border-radius:2px}.custom-div-icon p{text-align:center}.thirdDivText{position:absolute;font-size:12px;color:#322744;font-weight:500;display:none}.logoZoopla{bottom:18px;right:46px;z-index:900;width:80px}#toggleMain,.logoZoopla{cursor:pointer;position:absolute}#toggleMain{right:14px;background-color:#8046f1;width:114px;height:36px;z-index:400;margin-top:40px}#toggleMain,#toggleSwitch{border-radius:32px;transition:.3s}#toggleSwitch{position:absolute;background-color:#fff;width:30px;height:30px;z-index:900;margin:3px;range:right}.viewMap{left:42px;z-index:501}.viewList,.viewMap{top:11px;color:#fff;position:absolute;font-size:11px;font-weight:500}.viewList{left:12px;z-index:502}#subHeadlineDiv{position:relative;height:auto;padding-bottom:18px;padding-top:15px;transition:.6s}#slider{margin:4px 18px 14px}#inputDiv{width:100%}#input-number-min{text-align:left;float:left;width:140px;margin-left:14px}#input-number-max,#input-number-min{border:none;font-size:12px;font-weight:500;color:#262630;background:none;margin-top:0}#input-number-max{text-align:right;float:right;width:144px;margin-right:15px}#mainDataDiv{top:188px;left:16px;background-color:#fff;width:calc(100% - 92px);height:460px;padding:28px;z-index:4;border-radius:2px;border:1px solid #322744}#mainDataDiv,#mainMethodDiv{font-family:Poppins,Lato,sans-serif;position:absolute}#mainMethodDiv{top:54%;left:50%;transform:translate(-50%,-50%);background-color:#fbfaf9;width:200px;height:160px;padding:28px 44px 24px 28px;z-index:9998;display:none;border-radius:2px}.laName,.methodHead{color:#322744;font-size:16px;font-weight:600;margin-bottom:4px;text-align:left}.regionName{color:#322744;font-size:13px;font-weight:400;margin-bottom:12px;text-align:left}.avgSalary,.avgValue,.numberHomes,.percHomes{color:#322744;font-size:12px;font-weight:400;margin-bottom:0;text-align:left}.avgSalaryValue,.avgValueValue,.numberHomesValue,.percHomesValue{color:#322744;font-size:18px;font-weight:600;margin-bottom:14px;text-align:left}.numberHomes{margin-top:-6px}#numberDiv{width:calc(100% - 12);height:240px;border:1px solid #e8e7e6;padding:12px}#contentDiv{position:relative;width:calc(100% - 44px);height:calc(100% - 92px);border:11px solid #777db3;margin-top:12px;padding:12px;background-color:#fbfaf9;box-shadow:0 -10px 80px 10px rgba(119,125,179,0)}.year2020{left:18px;text-align:left}.year2016,.year2020{position:absolute;top:10px;font-size:13px;font-weight:500;color:#8046f1}.year2016{right:18px;text-align:right;opacity:.4}.price2020{left:18px;text-align:left}.price2016,.price2020{position:absolute;top:74px;font-size:34px;font-weight:500;color:#8046f1}.price2016{right:18px;text-align:right;opacity:.4}.copy01{position:absolute;top:130px;left:18px}.copy01,.copyMethod{text-align:left;font-size:12px;font-weight:400;color:#322744}.copyMethod{width:184px}.copy02{position:absolute;bottom:18px;left:18px;text-align:left;font-size:12px;font-weight:400;color:#322744}.lineStyle{position:absolute;margin-left:-6px;top:22px;width:100%;stroke-width:3px;stroke-dasharray:14px;stroke-dashoffset:4px;stroke:#777db3}#changeDiv{position:absolute;left:18px;bottom:0;height:94px}.priceChange{font-size:34px;font-weight:500}.percentageChange,.priceChange{display:inline-flex;position:relative;text-align:left;color:#8046f1}.percentageChange{margin-left:4px;font-size:13px;font-weight:400}.arrowDown{fill:#ba407e}.arrowDown,.arrowUp{display:inline-block;position:relative;top:2px;width:22px;margin-right:2px}.arrowUp{fill:#8046f1}.closeIcon{right:18px;top:18px}.closeIcon,.closeIconData{position:absolute;width:38px;cursor:pointer;z-index:9999}.closeIconData{right:14px;top:16px}.leaflet-tooltip{position:absolute;padding:6px;background-color:#322744;border:none;border-radius:2px;color:#fff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:400}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#322744}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#322744}#methodDiv{position:relative;padding-bottom:10px;font-size:12px;color:#322744;font-weight:400}.methodologyBtn{width:100px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:#8046f1;cursor:pointer;font-weight:500!important}.methodologyBtn:hover{text-decoration-thickness:3px;text-underline-offset:4px}.ctaButton{padding:12px 16px;border-radius:4px;background-color:#8046f1;margin-top:12px;cursor:pointer;animation-timing-function:cubic-bezier(EaseInAndOut);animation-duration:.2s;text-decoration:none}.ctaButton:hover{margin-top:11px;margin-bottom:1px;background:#662dbe;box-shadow:0 0 12px rgba(50,39,68,.08),0 0 1px rgba(50,39,68,.32),0 8px 16px -8px rgba(50,39,68,.8)}.ctaButton p{color:#fbfaf9;font-size:12px;font-weight:500}.ctaButton p,a{text-decoration:none}#indicatorDiv{position:absolute;background-color:#fbfaf9;z-index:999;top:16px;right:16px;padding:12px;border-radius:2px}#indicatorDiv a{text-decoration:none}.indicate{color:#322744;font-size:12px;font-weight:400;text-align:left;line-height:17px}#mainContent{background-color:#8046f1;width:calc(100% - 66px);height:484px;margin-left:16px;overflow:hidden;border-radius:2px}#inputContent,#mainContent{position:relative;padding:16px}#inputContent{margin:auto;background-color:#fbfaf9;width:calc(100% - 60px);height:auto;overflow:visible}#firstDiv{position:relative;width:calc(100% - 4px);margin-bottom:16px;z-index:7}#myInput{position:relative;width:calc(100% - 44px);margin-left:16px;height:44px;border:1px solid #322744;color:#322744;font-size:13px;padding-left:10px;z-index:9;border-radius:2px}#secondDiv{position:absolute;top:46px;left:16px;width:calc(100% - 32px);max-height:220px;min-height:auto;border:1px solid #d0cddd;overflow:auto;z-index:2}#myUL{padding:0;margin:0;width:100%;height:100%;overflow:auto}#myUL li a{margin-top:-1px;background-color:#fff;padding:12px;text-decoration:none;font-size:12px;color:#322744;display:block;cursor:pointer;height:18px}#myUL li a:hover:not(.header){background-color:#f8f8fa}.toolImg{position:absolute;width:480px;top:50%;left:50%;width:400px;height:300px;margin-top:-150px;margin-left:-200px;z-index:1}#graph{margin-top:14px;margin-bottom:10px;height:100px}#graph,.bar{position:relative;width:100%}.bar{height:34px;background-color:#fff;display:grid;grid-template-columns:68px calc(100% - 82px)}.bar.two{margin-top:14px}.bottom,.top{position:relative;display:inline-flex}.bottom.rect{background-color:#8046f1;width:100%}.top.rect{background-color:#322744;width:100%}.rect{color:#fff;font-size:13px;padding-right:10px}.label,.rect{display:flex;justify-content:right;align-items:center}.label{padding-right:9px;font-weight:500;color:#322744}.bottom.label{color:#8046f1}.leaflet-container .leaflet-control-attribution{padding:2px 6px;background:hsla(0,0%,100%,.9)}.leaflet-container .leaflet-control-attribution.leaflet-compact-attribution{width:auto!important;margin:10px 44px 0 10px;padding:7px;border-radius:2px;background:hsla(0,0%,100%,.9);visibility:hidden}.leaflet-compact-attribution-label:after{font-family:Lato,Arial,sans-serif;content:"©";position:absolute;right:0;bottom:0;z-index:1;display:inline-block;width:27px;height:27px;background:#fff;border-radius:50%;border:1px solid #ccc;line-height:28px;text-align:center;font-size:14px;cursor:pointer;visibility:visible}.leaflet-compact-attribution-label,.leaflet-compact-attribution-toggle{display:none}.leaflet-compact-attribution~.leaflet-compact-attribution-label{display:block}.leaflet-compact-attribution-toggle:checked~.leaflet-control-attribution.leaflet-compact-attribution{visibility:visible}
/*# sourceMappingURL=app.ed3ad55d.css.map */