/* Same light navigation language as the commercial explorer. */
.demo-page{--demo-sidebar:244px;background:#f1f0e8}.demo-page .app-layout{grid-template-columns:var(--demo-sidebar) minmax(0,1fr);transition:grid-template-columns 280ms cubic-bezier(.2,.75,.25,1)}
.demo-page .sidebar{background:#e4e9da;color:#394b2e;border-right:1px solid #cbd4be;box-shadow:none;padding:19px 14px}.demo-page .demo-brand-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:65px;flex:none}.demo-page .sidebar .brand{display:flex;padding:0;justify-content:center;flex:1}.demo-page .sidebar .brand .sidebar-wordmark{display:block;width:157px;height:45px}.demo-page .sidebar .brand .sidebar-symbol{display:none;width:44px;height:44px}.demo-page .demo-drawer-close{display:none}
.demo-page .business{border-color:#c7d2b9;margin-block:14px;padding:15px 9px}.demo-page .business-mark{background:#f7f9f0;color:#526943}.demo-page .business small{color:#677659}.demo-page .module-link{color:#4c6040;min-height:43px;border-radius:10px;font-size:14px;white-space:nowrap}.demo-page .module-link:hover{background:#f8faf080;color:#293e21}.demo-page .module-link[aria-current=page]{background:#fafbf5;color:#304724;box-shadow:inset 3px 0 #7b8c60}.demo-page .module-label{overflow:hidden;text-overflow:ellipsis}.demo-page .nav-heading{font-size:11px;color:#6b7c58;white-space:nowrap}
.demo-page .sidebar-foot{border-color:#c7d2b9;color:#4d623f;font-size:13px;padding-inline:9px;gap:13px;margin-top:20px}.demo-page .sidebar-foot .analit{color:#69745f}.demo-page .sidebar-foot .analit img{filter:brightness(0);opacity:.73}
.demo-page .topbar{justify-content:flex-start;background:#f1f0e8eb;border-bottom-color:#dce1d2}.demo-page .topbar-actions{margin-left:auto}.demo-page .demo-menu-toggle{display:grid;place-items:center;border:1px solid #cbd4bf;border-radius:50%;background:#f8faf2;width:40px;height:40px;padding:9px;color:#50643f}.demo-page .demo-menu-toggle svg{width:20px;height:20px;transition:transform 240ms ease}.demo-page .demo-menu-toggle:hover{background:#e2e9d7}
.demo-page .tour{background:linear-gradient(120deg,#dce6d0,#edf0e4);border:1px solid #cedabf;color:#31462a}.demo-page .tour p,.demo-page .tour .eyebrow{color:#526c41}.demo-page .tour-path a{background:#f8faf099;border-color:#c4d2b3;color:#3e5832}.demo-page .tour-path a:hover{background:#f8faf0}.demo-page .tour-path a span{color:#627e4d}.demo-page .workspace-footer{background:#e9eddf;color:#627056}.demo-page .demo-banner{background:#e3ead8;color:#4d6440}
.demo-page .button{background:#536c42;border-color:#536c42;color:#fffdf8}.demo-page .button:hover{background:#425934;border-color:#425934}.demo-page .button.secondary{background:transparent;color:#405635;border-color:#b7c6a6}.demo-page .button.secondary:hover{background:#e5edda}
.demo-page.sidebar-compact{--demo-sidebar:80px}.demo-page.sidebar-compact .sidebar{padding-inline:12px}.demo-page.sidebar-compact .sidebar .brand .sidebar-wordmark{display:none}.demo-page.sidebar-compact .sidebar .brand .sidebar-symbol{display:block}.demo-page.sidebar-compact .business,.demo-page.sidebar-compact .module-label,.demo-page.sidebar-compact .sidebar-foot{display:none}.demo-page.sidebar-compact .nav-heading{color:transparent;height:1px;border-top:1px solid #bdcbae;margin:16px 4px 10px;padding:0;overflow:hidden}.demo-page.sidebar-compact .module-link{justify-content:center;padding-inline:10px}.demo-page.sidebar-compact .demo-menu-toggle svg{transform:rotate(180deg)}.demo-page.sidebar-compact .toast{left:calc(50% + 40px)}.demo-page .demo-backdrop{display:none}
@media(min-width:901px) and (max-width:1150px){.demo-page{--demo-sidebar:224px}.demo-page.sidebar-compact{--demo-sidebar:80px}}
@media(max-width:900px){.demo-page .app-layout{display:block;transition:none}.demo-page .sidebar{position:fixed;inset:0 auto 0 0;width:min(294px,calc(100vw - 40px));height:100dvh;transform:translateX(-102%);border-radius:0 20px 20px 0;z-index:90;overflow:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));transition:transform 280ms cubic-bezier(.2,.75,.25,1)}.demo-page.drawer-open{overflow:hidden}.demo-page.drawer-open .sidebar{transform:translateX(0)}.demo-page .demo-drawer-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bfccaf;background:#eff3e7;color:#526943;border-radius:50%;font-size:25px}.demo-page .demo-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;z-index:80;background:#51643c2e;backdrop-filter:blur(4px)}.demo-page .sidebar .brand{display:flex}.demo-page .breadcrumb{display:none}.demo-page .topbar{gap:14px}.demo-page .toast{left:50%}}
@media(prefers-reduced-motion:reduce){.demo-page .app-layout,.demo-page .sidebar,.demo-page .demo-menu-toggle svg{transition:none}}