html,:host{--vaadin-app-layout-drawer-width: 300px}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s);background-color:#4a5568}[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-xs);box-sizing:border-box;background-color:#4a5568}[slot=drawer]:is(span.app-version){background-color:#4a5568;color:#fff;padding-bottom:8px}[slot=drawer]:is(header){flex-direction:column;align-items:center;text-align:center}[slot=drawer]:is(header) *,[slot=drawer]:is(footer) *{color:#fff}[slot=drawer]:is(header) h1,[slot=drawer]:is(header) h2,[slot=drawer]:is(header) span{font-size:var(--lumo-font-size-s)}[slot=drawer]:is(footer) span,[slot=drawer]:is(footer) div,[slot=drawer]:is(footer) vaadin-avatar{font-size:var(--lumo-font-size-s)}[slot=drawer]:is(footer) vaadin-avatar{--vaadin-avatar-abbr-font-size: var(--lumo-font-size-s)}vaadin-side-nav-item::part(link){color:#9ca5af;font-size:var(--lumo-font-size-s)}vaadin-side-nav-item:hover{background-color:#ffffff1a}vaadin-side-nav-item[current]::part(link){color:#fff;font-weight:500;background-color:#414b56}vaadin-side-nav-item vaadin-icon{padding:0;color:#9ca5af}vaadin-side-nav-item[current] vaadin-icon{color:#fff}.button-group{display:flex}.button-group vaadin-button{border-radius:0}.button-group vaadin-button:first-child{border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}.button-group vaadin-button:last-child{border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}.button-group vaadin-button.button-group-section-end{border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}.button-group vaadin-button:first-child.button-group-section-end{border-radius:var(--lumo-border-radius-m)}.button-group vaadin-button.button-group-new-section{margin-left:var(--lumo-space-s);border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}.button-group vaadin-button:last-child.button-group-new-section{border-radius:var(--lumo-border-radius-m)}vaadin-tabsheet::part(content){padding:0}.masterdetail-view .header-component{padding:0 6px 16px;gap:0}@media(min-width:600px){.masterdetail-view .header-component{padding:0 0 16px}.masterdetail-view .master-layout{padding:16px}.masterdetail-view vaadin-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);overflow:hidden}}