:root {
    --menu-width: 150px;
    --toolbar-height: 40px;
}

.block-stats {
    height: 100%;
    width: 100%;

    display: flex;
    flex-direction: row;
}

.block-stats .menu {
    display: flex;
    flex-direction: column;
    
    height: var(--toolbar-height);
    width: var(--menu-width);
}

.block-stats .menu > * {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    min-height: 50px;
    box-sizing: border-box;
}

.block-stats .content {
    height: 100%;
    width: calc(100% - var(--menu-width));

    padding: 5px;
    box-sizing: border-box;
    
    overflow: hidden;
}

.block-stats .content .toolbar {
    display: flex;
    flex-direction: row;
}

.block-stats .chart-item {
    height: calc(100% - var(--toolbar-height)) !important;
    width: 100% !important;
}