#chart-card{width:100%}#chart-card .chart-data{min-height:100px;height:100%;width:100%;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.05)}#chart-card .chart-bottom,#chart-card .chart-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}#chart-card .chart-item{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}@media screen and (max-width:767px){#chart-card .chart-top .top-left{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#chart-card .chart-top .top-middle{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#chart-card .chart-top .top-middle .middle-bottom,#chart-card .chart-top .top-middle .middle-top{display:grid;grid-template-columns:1fr;gap:16px}#chart-card .chart-top .top-right{width:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media screen and (min-width:768px) and (max-width:1199px){#chart-card .chart-top .top-left{width:calc(50% - 10px);-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}#chart-card .chart-top .top-middle{width:calc(50% - 10px);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#chart-card .chart-top .top-middle .middle-bottom,#chart-card .chart-top .top-middle .middle-top{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}#chart-card .chart-top .top-right{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media screen and (min-width:1200px){#chart-card .chart-top{display:grid;grid-template-columns:380px 1fr 300px;gap:24px}#chart-card .chart-top .top-left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}#chart-card .chart-top .top-middle{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#chart-card .chart-top .top-middle .middle-bottom,#chart-card .chart-top .top-middle .middle-top{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}#chart-card .chart-top .top-right{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#chart-card .chart-bottom{margin-top:24px;gap:24px}#chart-card .chart-bottom .bottom-left{-webkit-box-flex:2;-ms-flex:2;flex:2}#chart-card .chart-bottom .bottom-right{-webkit-box-flex:1;-ms-flex:1;flex:1}}