.styles_wrapper__ksOou{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px}.styles_wrapperCompact__h9kzR{padding:0}.styles_title__mMnvv{font-weight:600;font-size:20px;line-height:28px;margin-bottom:10px}.styles_wrapper__K1mEc{flex:1 1;padding:24px;background:#f1f1f1}.styles_value__XCWdK{font-weight:600;font-size:24px;line-height:24px;margin-bottom:8px}.styles_bar__Z5fZM{width:100%;background-color:#f4f4f4;height:10px;border-radius:2px;overflow:hidden}.styles_bar__Z5fZM>div{background-color:#1ac96d;height:100%}.styles_bar__Z5fZM>div.styles_discharging__javyO{background-color:#007aff}.styles_average__Ry7fV{font-weight:400;font-size:12px;line-height:16px;margin-top:16px}.styles_chart__QYci9{position:relative;width:100%}.styles_image___EIkH{margin-right:6px}.styles_container__hQmtF{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-row-gap:8px;grid-column-gap:12px;width:100%}.styles_statisticContainer__ceItk{width:auto;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.styles_statisticContainer__ceItk:first-of-type{grid-area:1/1/2/4}.styles_statisticContainer__ceItk:before{content:none}.styles_statisticCategory___f_Wm{margin:0 12px 0 0;display:flex;align-items:center}.styles_statisticCategory___f_Wm>img{width:16px}.styles_statisticWrapper__F5284{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}.styles_categoryAmount__f5gC4,.styles_categoryLabel__k9YDB{font-weight:600;font-size:14px;line-height:20px;color:#000}.styles_categoryAmount__f5gC4{margin:0}.styles_label__OFZm6{font-weight:600;font-size:20px;line-height:28px;align-self:top;flex-grow:3;grid-column:span 3}@media(min-width:1200px){.styles_container__hQmtF{display:flex;width:auto}.styles_container__hQmtF.styles_compact__LcKMv{display:grid;grid-row-gap:4px;grid-column-gap:16px}.styles_statisticContainer__ceItk{display:flex;width:125px;position:relative;padding:0;border:none}.styles_compact__LcKMv .styles_statisticContainer__ceItk{width:auto;padding-bottom:0;padding-left:12px;border-left:1px solid #e0e0e0;border-bottom:none}.styles_compact__LcKMv .styles_statisticContainer__ceItk:first-of-type,.styles_compact__LcKMv .styles_statisticContainer__ceItk:nth-of-type(2),.styles_compact__LcKMv .styles_statisticContainer__ceItk:nth-of-type(5){border:none;margin-left:0;padding-left:0}.styles_compact__LcKMv .styles_statisticContainer__ceItk:before{content:none}.styles_statisticContainer__ceItk:before{content:"";height:56px;border-right:1px solid #e0e0e0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.styles_statisticCategory___f_Wm{margin:14px 0 10px 14px}.styles_compact__LcKMv .styles_statisticCategory___f_Wm{margin:0 12px 0 0}.styles_compact__LcKMv .styles_statisticCategory___f_Wm>img{width:16px}.styles_statisticCategory___f_Wm>img{width:20px}.styles_statisticWrapper__F5284{flex-direction:column;width:auto;align-items:normal;justify-content:normal}.styles_compact__LcKMv .styles_statisticWrapper__F5284{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.styles_categoryAmount__f5gC4{font-weight:600;font-size:18px;line-height:26px;margin-left:14px;margin-bottom:14px}.styles_compact__LcKMv .styles_categoryAmount__f5gC4{font-weight:600;font-size:14px;line-height:20px;margin:0}}.styles_container___j6oa{flex:1 1;padding:24px;background:#f1f1f1;width:calc(100% - 256px);min-height:calc(100vh - 80px)}.styles_topWrapper__M11v6{display:flex;flex-direction:row;justify-content:space-between}.styles_title__dmF_G{font-weight:600;font-size:28px;line-height:32px;color:#000;margin-bottom:8px}.styles_subtitle__3kOOO{font-weight:600;font-size:14px;line-height:20px;color:#000;margin-bottom:8px}.styles_wrapper__8x1iE{display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-template-areas:"charging" "chart" "statistics" "heatMap";grid-column-gap:16px;grid-row-gap:16px;margin-top:16px}.styles_chargingArea___Iy2N{grid-area:charging}.styles_v2gArea__kTYqk{grid-area:v2g}.styles_parkingArea__yLFgb{grid-area:parking;display:flex;flex-direction:column;gap:16px}.styles_chartArea__ozjBE{grid-area:chart}.styles_chartCard__4dyFB{height:100%}.styles_statisticsArea__UHHUw{grid-area:statistics}.styles_heatMapArea__6_ntQ{grid-area:heatMap}.styles_mt20__7JHk8{margin-top:20px}@media(min-width:1200px){.styles_wrapper__8x1iE{grid-template-columns:repeat(3,calc((100% - 32px) / 3));grid-template-rows:repeat(3,auto);grid-template-areas:"charging chart chart" "statistics statistics statistics" "heatMap heatMap heatMap"}}