.chartWrap{height:fit-content}.backgroundWrapper{background-color:#010101;background-position:0 0;background-repeat:no-repeat;background-size:cover;height:500px;position:relative}.questionIcon{cursor:pointer;color:#636778;border:1px solid #636778;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.explanation{color:#fff;font-size:16px;line-height:26px}.highlighted{color:#f06400;font-weight:700}.quantileAboutModal{background:#636778;border:none;border-radius:8px;max-width:600px;max-height:calc(100vh - 20px);margin:auto;padding:16px;box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.quantileAboutModal::backdrop{background:#00000080}@media screen and (width<=800px){.backgroundWrapper{height:auto;min-height:350px}}.darkBg{background-color:#636778}.lightBg{background-color:#ebeef4}.dateField{color:#9396a8;align-self:flex-end;font-size:12px;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:50px 60px}.regionTitle{margin:35px 0 50px;font-size:40px;font-weight:700}.darkBg .regionTitle{color:#fff}.content{grid-template-columns:repeat(6,1fr);gap:50px 20px;display:grid}.blogContent{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.rieltorChart{grid-column:span 6}.diffChart{grid-column:span 4}.districtsChart,.barDiff{grid-column:span 2}.avgPriceChart,.classPriceChart{grid-column:span 6}.loansChart,.flatPriceChart,.airRatingsChart,.districtsMapChart{grid-column:span 3}.chartTitle{color:#fff;font-size:24px;font-weight:700}.chatBtnWrap{justify-content:center;margin:20px 0;display:flex}.chatBtn{letter-spacing:.2px;color:#fff;background:linear-gradient(207.27deg,#ff7001 -11.74%,#ff700100 41.74%),linear-gradient(208.25deg,#ffb30100 42.17%,#ffb301 80.81%),linear-gradient(258.59deg,#ff7001 -6.45%,#ff700100 55.86%),linear-gradient(194.11deg,#ffb40100 69.26%,#ffb401 92.08%),#ff9501;border-radius:8px;padding:7px 20px;font-size:16px;font-weight:500;line-height:22px;text-decoration:none}@media screen and (width<=1050px){.districtsChart{grid-column:span 6}}@media screen and (width<=960px){.container{padding:20px 40px}.content{max-width:unset;gap:40px 20px}.blogContent{max-width:unset}.chartTitle{font-size:20px}.districtsMapChart{grid-column:span 6}}@media screen and (width<=900px){.airRatingsChart{grid-column:span 4}.diffChart,.barDiff{grid-column:span 3}}@media screen and (width<=670px){.container{padding:70px 20px 10px}.loansChart,.flatPriceChart,.airRatingsChart,.rieltorChart,.diffChart,.barDiff{grid-column:span 6}.regionTitle{margin:8px 0 17px;font-size:30px}.chatBtn{text-align:center;padding:6px 12px;font-size:14px}}.logoWrap{display:flex}.dssuToggleContainer{padding-bottom:16px;display:flex}@media screen and (width>=1000px){.dssuToggleContainer{padding:4px 0 24px}}.captionWrapper{color:#fff;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;display:flex}.shareButton{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.queuesChart{grid-template-columns:1fr 1fr;gap:5px;display:grid}.queuesChartStatus{border-radius:8px;flex-direction:column;justify-content:space-between;padding:15px;display:flex}.queuesChartLabel{margin:5px 0;font-size:18px;font-weight:700}.queuesChartDescription{margin-bottom:6px;font-size:13px}.buttonsWrap{flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.chartBottom{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.chipsRow{white-space:nowrap;flex-flow:wrap;gap:10px;display:flex}.chartDesc{color:#fff;white-space:nowrap;justify-content:space-between;align-items:flex-end;font-weight:400;display:flex}.chartDesc img,.logo{height:35px}.buildingChartHeader,.chartHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.logoMobile{display:none}.toggleWrap{justify-content:flex-start;align-items:center;gap:16px;width:max-content;display:flex}.logoBlock{align-items:center;gap:16px;display:flex}.toggleMobile{display:none}.logoToggleWrapper{align-items:center;gap:32px;display:flex}@media screen and (width<=800px){.chartDesc img,.logo{align-self:end;height:26px}.buildingChartHeader{align-items:flex-start}.chartHeader{display:block}.logoMobile{height:26px;display:flex}.logo{display:none}.logoBlock{gap:8px}.toggleWrap{display:none}.toggleMobile{display:flex}.blogContent{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=500px){.blogContent{grid-template-columns:repeat(1,1fr)}}.heading{flex-direction:column;gap:10px;display:flex}.researchLink{background-color:#fff;border-radius:10px;flex-direction:column;text-decoration:none;transition-property:box-shadow;transition-duration:.2s;display:flex;overflow:hidden;box-shadow:0 0 20px #0000001a}.researchImg{background-position:50%;background-size:cover;padding-bottom:70%}.researchLinkContent{flex-direction:column;flex-grow:1;padding:25px;display:flex}.researchTitle{color:#000;flex-grow:1;margin:15px 0;font-size:26px}.researchDate{color:#474757;font-size:14px;font-weight:400}.researchBottomText{color:#fa7800;font-size:14px}.developersRanking{grid-template-columns:1fr 1fr;gap:16px;display:grid}.privateHeader{background-color:#303445;justify-content:center;align-items:center;gap:16px;height:60px;display:flex}.privateLink{color:#fff;cursor:pointer;border-radius:8px;align-items:center;padding:8px 16px;font-size:16px;font-weight:500;line-height:22px}.privateLink:hover{background:#131010}.privatePlaceholder{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100vh;font-size:18px;display:flex}.chartLegendWrap{justify-content:space-between;align-items:flex-end;margin:0 23px;display:flex}.mobileSpecific{display:none}.desktopSpecific{display:block}@media screen and (width<=670px){.chartLegendWrap{margin:0 8px}}#life-quality .container{padding-top:50px}@media screen and (width<=800px){.chartLegendWrap{padding-top:20px}.mobileSpecific{display:block}.desktopSpecific{display:none}}