#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 (max-width:767px){#chart-card .chart-top .top-left{order:1}#chart-card .chart-top .top-middle{order:2;width:100%}#chart-card .chart-top .top-middle .middle-bottom,#chart-card .chart-top .top-middle .middle-top{display:flex;flex-direction:column}#chart-card .chart-top .top-middle .middle-bottom .middle-larger,#chart-card .chart-top .top-middle .middle-bottom .middle-smaller,#chart-card .chart-top .top-middle .middle-top .middle-larger,#chart-card .chart-top .top-middle .middle-top .middle-smaller{width:100%}#chart-card .chart-top .top-right{order:0}}@media screen and (min-width:768px){#chart-card .top-left,#chart-card .top-middle{order:1}#chart-card .top-middle{width:100%}#chart-card .top-middle .middle-bottom,#chart-card .top-middle .middle-top{display:flex;flex-direction:row}#chart-card .top-middle .middle-bottom .middle-larger,#chart-card .top-middle .middle-top .middle-larger{flex-grow:1}#chart-card .top-middle .middle-bottom .middle-smaller,#chart-card .top-middle .middle-top .middle-smaller{max-width:170px;min-width:150px}#chart-card .top-right{order:0}}@media screen and (min-width:1200px){#chart-card .top-left{order:1;width:50%}#chart-card .top-middle{width:50%;order:2}#chart-card .top-middle .middle-bottom,#chart-card .top-middle .middle-top{display:flex;flex-direction:row}#chart-card .top-middle .middle-bottom .middle-larger,#chart-card .top-middle .middle-top .middle-larger{flex-grow:1}#chart-card .top-middle .middle-bottom .middle-smaller,#chart-card .top-middle .middle-top .middle-smaller{max-width:170px;min-width:150px}#chart-card .top-right{width:100%;order:0}}@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-top .top-left,#chart-card .chart-top .top-middle{width:500px;min-width:460px;order:0}#chart-card .chart-top .top-middle{order:1}#chart-card .chart-top .top-middle .middle-bottom,#chart-card .chart-top .top-middle .middle-top{display:flex;width:100%;height:50%;flex-wrap:nowrap}#chart-card .chart-top .top-middle .middle-smaller{min-width:170px}#chart-card .chart-top .top-middle .middle-larger{width:200px;flex-grow:1}#chart-card .chart-top .top-right{order:2;flex-grow:1}#chart-card .chart-bottom{order:1;width:100%;flex-wrap:nowrap}#chart-card .chart-bottom .bottom-right{flex-shrink:1;max-width:500px;min-width:330px}#chart-card .chart-bottom .bottom-left{min-width:900px;flex-grow:1}}