:root{--app-bar-height: var(--lumo-size-xl);--navi-drawer-width: calc(var(--lumo-size-m) * 7);--navi-drawer-rail-width: calc(var(--lumo-size-m) * 1.75);--navi-item-indentation: calc(var(--lumo-icon-size-s) + var(--lumo-space-l));--drawer-width: calc(var(--lumo-size-m) * 11);--transition-duration-s: 160ms;--transition-duration-m: 240ms;--transition-duration-l: 320ms;--lumo-space-r-m: var(--lumo-space-m);--lumo-space-r-l: var(--lumo-space-l);--lumo-space-r-x: var(--lumo-space-l);--lumo-space-wide-r-m: var(--lumo-space-wide-m);--lumo-space-wide-r-l: var(--lumo-space-wide-l);--drawer-content-header-height: 42px;--e2-st-electricity-color: #e82d47;--e2-st-water-color: #3582ae;--e2-st-heating-color: #ff8400;--e2-st-trash-color: #856e91;--vaadin-text-field-default-width: 10em;--lumo-error-color-70pct: hsla(3,75%,62%,0.3)}.bg-linear-opacity-electricity{background: -webkit-linear-gradient(to right,transparent,var(--e2-st-electricity-color),transparent);background: -o-linear-gradient(to right,transparent,var(--e2-st-electricity-color),transparent);background: -moz-linear-gradient(to right,transparent,var(--e2-st-electricity-color),transparent);background: linear-gradient(to right,transparent,var(--e2-st-electricity-color),transparent)}