:root{--app-height:100vh;--app-width:100vw;--colorPaletteGray600:#757575;--colorPaletteGray700:#616161;--colorPaletteGray300:#e0e0e0;--spacing03:0.5rem;--spacing04:0.75rem;--spacing05:1rem;--spacing06:1.5rem;--spacing07:2rem;--spacing08:2.5rem;--spacing09:3rem}*{box-sizing:border-box}*,body{padding:0;margin:0}body{width:100vw;height:100vh}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-cg{box-shadow:0 0 2px 0 rgba(0,0,0,.16);box-shadow:0 2px 8px 0 rgba(0,0,0,.24)}.App{width:100vw;height:100vh;display:grid;grid-template-rows:15vh 63vh 15vh 7vh;grid-template-columns:480px auto;overflow:hidden}.panel-layout{overflow-y:scroll;grid-row:1/span 4;grid-column:2/span 1;background-color:var(--colorPaletteGray300);padding-bottom:100px}.my-masonry-grid{display:flex;margin-left:0;width:auto;padding:var(--spacing05)}.my-masonry-grid_column{padding:var(--spacing03);background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:var(--spacing05)}@media screen and (max-width:1824px){h2{font-size:1.1rem!important}h3{font-size:1rem!important}}@media screen and (max-width:1024px){.App{grid-template-columns:2fr 3fr}}@media screen and (max-width:768px){.App{display:inline;overflow-y:scroll}}text{fill:var(--colorPaletteGray700);font-family:Source Sans Pro,sans-serif;font-size:.75rem;text-rendering:optimizeLegibility;text-decoration:none}.grafiek,.values path,line{stroke:var(--colorPaletteGray600)}.grafiek p{color:var(--colorPaletteGray700);font-family:Source Sans Pro,sans-serif;font-size:.75rem;margin:0}.titles{text-align:center}.rectangle p{text-align:right;color:#fff;padding-right:5px}.grafiek h3{margin:0}.values{display:flex;flex-wrap:nowrap;justify-content:space-between}.values h3{margin:auto;text-align:center;color:#f5f5f5}.graphTextsmall,.values h3{font-weight:400;font-family:Source Sans Pro,sans-serif}.graphTextsmall{font-size:small;text-align:left;line-height:1rem;margin-top:0;padding:2px}.y.axis.horz .domain{display:none;stroke:none}@media screen and (max-width:768px){text{font-size:.7rem}}.blocksGraph{margin-left:auto;margin-right:auto;justify-content:flex-start;align-items:stretch;align-content:flex-start}.blocksLegend{margin:10px;display:flex;align-items:center}.blocksLegend p{margin:0 0 0 10px}.legendBlock{justify-content:center;margin:3px 3px 3px 10px}.legendBlock,.legendItem{display:flex;align-items:center}.legendItem p{margin:0}