.navigation-rail{--rail-width:5rem;background-color:var(--md-sys-color-surface-container);border-right:1px solid var(--md-sys-color-outline-variant);width:var(--rail-width);flex-direction:column;height:100%;transition:width .2s;display:flex}.navigation-rail.expanded{--rail-width:10rem}.rail-content{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;padding:1rem 0;overflow-y:auto}.rail-content::-webkit-scrollbar{display:none}.nav-link{color:var(--md-sys-color-on-surface-variant);flex-direction:column;align-self:stretch;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}.nav-item{border-radius:10rem;flex-direction:column;align-items:center;margin:1.25rem 0 0;padding:.5rem;transition:background-color .2s;display:flex}.nav-item:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, var(--md-sys-color-surface-container))}.nav-item.selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.nav-icon{font-family:Material Symbols Rounded;font-size:1.5rem;line-height:1;display:inline-block}.nav-label-inline,.nav-label-stacked{white-space:normal;overflow-wrap:break-word;line-height:1.2}.nav-label-inline{text-align:left;margin-left:.5em;font-size:.8rem}.nav-label-stacked{text-align:center;text-wrap-style:balance;margin-top:.3em;font-size:.7rem}.navigation-rail.expanded .nav-item{flex-direction:row;justify-content:flex-start;width:100%;margin:1.25rem 0 0 1rem;padding:.5rem .75rem}.bottom-nav{background-color:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:4.5rem;display:flex}.bottom-nav .nav-link{flex:1;margin:0}.bottom-nav .nav-item{border-radius:10rem;flex-direction:column;align-items:center;margin:0;padding:.5rem}.bottom-nav .nav-label-stacked{margin-top:.2rem;font-size:.65rem}