.chart-inner{align-items:flex-end;height:400px;padding-left:60px;display:flex;position:relative;overflow:auto}.chart-bar-group{margin-right:var(--lumo-space-m);flex-direction:column;align-items:center;min-width:80px;display:flex;position:relative}.chart-bar{background-color:var(--lumo-primary-color);border-radius:var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0 0;width:60px;transition:all .3s;position:relative}.chart-bar-value{font-size:var(--lumo-font-size-s);opacity:0;font-weight:700;transition:opacity .2s;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.chart-bar-label{margin-top:var(--lumo-space-xs);font-size:var(--lumo-font-size-s);font-weight:500}.chart-y-axis{border-right:1px solid var(--lumo-contrast-20pct);flex-direction:column;justify-content:space-between;width:60px;display:flex;position:absolute;top:0;bottom:20px;left:0}.chart-y-axis-label{text-align:right;padding:0 var(--lumo-space-xs);font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.chart-x-axis{background-color:var(--lumo-contrast-20pct);height:1px;position:absolute;bottom:0;left:60px;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.header-wrap .vaadin-grid-cell-content{white-space:normal;text-align:center;overflow:visible}