[slot=drawer]{background-image:linear-gradient(0deg,var(--lumo-shade-5pct),var(--lumo-shade-5pct))}@media(hover:hover)and (pointer:fine){vaadin-app-layout[primary-section=drawer][menu-collapsed]{--vaadin-app-layout-drawer-width: 4rem}vaadin-app-layout[primary-section=drawer][menu-collapsed] #logo,vaadin-app-layout[primary-section=drawer][menu-collapsed] .footerclass{display:none}vaadin-app-layout[primary-section=drawer][menu-collapsed] vaadin-side-nav-item::part(toggle-button),vaadin-app-layout[primary-section=drawer][menu-collapsed] vaadin-side-nav-item::part(children){display:none}vaadin-app-layout[primary-section=drawer][menu-collapsed] vaadin-side-nav-item::part(content),vaadin-app-layout[primary-section=drawer][menu-collapsed] vaadin-side-nav-item::part(link){overflow:hidden}vaadin-app-layout[primary-section=drawer][menu-collapsed] vaadin-side-nav-item::part(link){box-sizing:border-box;flex:none;width:calc(var(--lumo-space-s) * 2 + var(--lumo-icon-size-m) + var(--_child-indent, 0px) + 2px)}vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover),vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover){--vaadin-app-layout-drawer-width: 16em}vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover) vaadin-side-nav-item::part(link),vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover) vaadin-side-nav-item::part(link){flex:auto;width:auto}vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover) vaadin-side-nav-item::part(children),vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover) vaadin-side-nav-item::part(children),vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover) vaadin-side-nav-item::part(toggle-button),vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover) vaadin-side-nav-item::part(toggle-button){display:revert}vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover) #logo,vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(>[slot=drawer]:hover) .footerclass,vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover) #logo,vaadin-app-layout[primary-section=drawer][menu-collapsed]:has(vaadin-drawer-toggle:hover) .footerclass{display:flex}vaadin-app-layout[primary-section=drawer]::part(drawer){transition:width .2s,transform .2s,visibility .2s}}[slot=drawer] footer vaadin-context-menu{align-items:center;display:flex}.menu-item-link{display:flex;margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s);padding:var(--lumo-space-s);position:relative;color:var(--lumo-secondary-text-color)}.menu-item-text{font-weight:500;font-size:var(--lumo-font-size-s)}.menu-item-icon{margin-inline-end:var(--lumo-space-s);font-size:var(--lumo-font-size-l)}.view-title{margin:0;font-size:var(--lumo-font-size-l)}.view-header{align-items:center;background-color:var(--lumo-base-color);border-bottom:1px solid;border-color:var(--lumo-contrast-10pct);box-sizing:border-box;display:flex;height:var(--lumo-size-xl);width:100%}.view-toggle{color:var(--lumo-secondary-text-color)}.app-name{align-items:center;display:flex;height:var(--lumo-size-xl);margin:0;padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m);font-size:var(--lumo-font-size-m)}.drawer-section{align-items:stretch;display:flex;flex-direction:column;max-height:100%;min-height:100%}.menu-item-container{border-bottom:1px solid;border-color:var(--lumo-contrast-10pct);flex-grow:1;overflow:auto}.navigation-list{list-style-type:none;margin:0;padding:0}.footer{align-items:center;display:flex;margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m);padding-bottom:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)}html,:host{--lumo-primary-color: red}