.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}.d4-nav-rail__item{width:4.1rem;min-height:3.6rem;color:var(--d4-color-muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:1.15rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .2rem;text-decoration:none;display:flex}.d4-nav-rail__item:hover{background:var(--d4-color-primary-soft);color:var(--d4-color-text)}.d4-nav-rail__item.selected{background:var(--d4-color-primary-soft);color:var(--d4-color-on-primary-soft)}.d4-nav-label{font-size:.68rem;font-weight:650;line-height:1.1}.d4-nav-submenu nav{gap:.25rem;display:grid}.d4-nav-submenu__link,.d4-nav-drawer__link,.d4-nav-drawer summary{border-radius:var(--d4-radius);min-height:2.9rem;color:var(--d4-color-text);cursor:pointer;align-items:center;gap:.75rem;padding:.65rem .9rem;text-decoration:none;display:flex}.d4-nav-submenu__link:hover,.d4-nav-drawer__link:hover,.d4-nav-drawer summary:hover{background:var(--d4-color-primary-soft)}.d4-nav-submenu__link.selected,.d4-nav-drawer__link.selected{background:var(--d4-color-primary-soft);color:var(--d4-color-on-primary-soft);font-weight:650}.d4-nav-drawer__group{width:100%;font:inherit;text-align:left;background:0 0;border:0}.d4-nav-drawer__chevron{margin-left:auto}.d4-nav-drawer__back{font:inherit;background:0 0;border:0;margin-bottom:.5rem}