:root{--breakpoint-xl: 1536px;--breakpoint-lg: 1200px;--breakpoint-md: 900px;--breakpoint-sm: 600px;--breakpoint-xs: 0px}body,html{height:100%}#root{display:flex;width:100%;min-width:100%;height:100%;min-height:100%}#heatmap-container>canvas{top:0;bottom:0;left:0;right:0;position:absolute}.chart{width:100%;margin-left:auto;margin-right:auto}@media (min-width: 900px){.content-sidebar .chart-pie{max-width:75%}.content-main-dashboard .chart-pie,.content-main-details .chart-pie{max-width:40%}.content-main-details .chart-heatmap,.content-main-details .chart-line,.content-main-details .chart-bar,.content-main-details .chart-progress,.content-main-details .chart-table{max-width:75%}}