/* The navigation shell persists; only the page view is replaced. */
.sidebar-bottom { padding-top:22px; }
.nav-active-indicator {
  position:absolute;pointer-events:none;z-index:0;border-radius:11px;
  background:linear-gradient(115deg,rgba(255,164,108,.22),rgba(255,164,108,.07));
  border:1px solid rgba(255,199,160,.20);
  box-shadow:inset 0 1px 0 rgba(255,214,181,.13),inset 3px 0 #ffac7c;
  transition:transform 180ms cubic-bezier(.22,.75,.25,1),height 180ms ease,width 180ms ease,opacity 120ms ease;
  top:0;opacity:1;
}
.sidebar:not(.indicator-ready) .nav-active-indicator { transition:none; }
.sidebar.has-nav-indicator>.brand,.sidebar.has-nav-indicator>.nav-heading,.sidebar.has-nav-indicator>.nav-items,.sidebar.has-nav-indicator>.sidebar-bottom { position:relative;z-index:1; }
.sidebar.has-nav-indicator .nav-link.active { background:transparent;border-color:transparent;box-shadow:none; }
.nav-link { transition:color 100ms ease,background 140ms ease,border-color 140ms ease; }
.nav-link [data-icon] { display:inline-flex;transition:transform 180ms cubic-bezier(.2,.8,.2,1); }
.nav-link.active [data-icon] { transform:scale(1.09); }
.page-view-enter { animation:page-view-enter 140ms ease-out both; }
@keyframes page-view-enter { from { opacity:.45;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }
#view[aria-busy=true] { cursor:progress; }
@media(prefers-reduced-motion:reduce) { .nav-active-indicator,.nav-link,.nav-link [data-icon] { transition:none; }.page-view-enter { animation:none; } }