vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.departments-view{display:flex;flex-direction:column;height:100%}.departments-view vaadin-split-layout{width:100%;height:100%}.departments-view vaadin-grid{height:100%}.departments-view .editor-layout{display:flex;flex-direction:column;width:400px}.departments-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.departments-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.departments-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.departments-view .grid-wrapper{width:100%}.users-view{display:flex;flex-direction:column;height:100%}.users-view vaadin-split-layout{width:100%;height:100%}.users-view vaadin-grid{height:100%}.users-view .editor-layout{display:flex;flex-direction:column;width:400px}.users-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.users-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.users-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.users-view .grid-wrapper{width:100%}@font-face{font-family:Roboto;src:url(data:font/ttf;base64,) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(data:font/ttf;base64,) format("truetype");font-weight:600;font-style:italic}html{--lumo-font-family: "Roboto", sans-serif}body{font-family:Roboto,sans-serif}:host{--lumo-font-size: clamp(1rem, 1.2vw + .8rem, 1.5rem);--lumo-size-m: clamp(2rem, 5vw + 1rem, 3rem)}@media(min-width:1280px){:host{--lumo-font-size: 1.375rem;--lumo-size-m: 3.25rem}.xl-card{padding:2.5rem;font-size:1.1em}}
