#chart-card{width:100%}#chart-card .top-left{min-height:250px}#chart-card .chart-data{min-height:100px;height:100%;width:100%;border-radius:6px;background-color:#fff}#chart-card .chart-bottom,#chart-card .chart-top{display:flex;flex-direction:row;flex-wrap:wrap}#chart-card .chart-bottom .middle-larger,#chart-card .chart-bottom .middle-smaller,#chart-card .chart-top .middle-larger,#chart-card .chart-top .middle-smaller{height:100%}#chart-card .chart-bottom .top-left,#chart-card .chart-top .top-left{min-height:238px}#chart-card .chart-item{width:100%;box-sizing:border-box;padding:12px}@media screen and (min-width:768px){#chart-card{flex-direction:row}#chart-card .chart-top{width:100%;order:0;flex-wrap:nowrap}#chart-card .chart-bottom{order:1;width:100%}}@media screen and (min-width:1200px){#chart-card{flex-direction:row}#chart-card .chart-top{width:100%;order:0;flex-wrap:nowrap}#chart-card .chart-bottom{order:1;width:100%;flex-wrap:nowrap}}@media screen and (min-width:1500px){#chart-card{flex-direction:row}#chart-card .chart-top{width:100%;order:0;flex-wrap:nowrap}#chart-card .chart-bottom{order:1;width:100%;flex-wrap:nowrap}}