vaadin-side-nav{--vaadin-side-nav-item-active-background: var(--lumo-primary-color-10pct);--vaadin-side-nav-item-active-text-color: var(--lumo-primary-color)}vaadin-side-nav-item{font-weight:500;border-radius:var(--lumo-border-radius-m);transition:all .2s cubic-bezier(.4,0,.2,1);margin:1px 0;color:var(--lumo-body-text-color)}vaadin-side-nav-item:hover{background-color:var(--lumo-contrast-5pct);transform:translate(4px);color:var(--lumo-header-text-color)}vaadin-side-nav-item[selected]{background:linear-gradient(90deg,#334155,#1e293b)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}vaadin-side-nav-item[selected] span,vaadin-side-nav-item[selected] iron-icon{color:#fff!important;font-weight:600}vaadin-side-nav-item iron-icon{color:#475569;transition:color .2s ease}vaadin-side-nav-item:hover iron-icon{color:#1e293b}vaadin-side-nav>[slot=label]{font-size:var(--lumo-font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--lumo-contrast-80pct);padding:var(--lumo-space-xs) var(--lumo-space-m);margin-top:var(--lumo-space-m);display:block}vaadin-side-nav:first-child>[slot=label]{margin-top:var(--lumo-space-xs)}