.atlen-demo-sidebar{--atlas-layer-nav:var(--atlen-layer-nav);--atlas-ease:var(--atlen-ease);text-align:left;display:block!important}.atlen-demo-sidebar a{transition:transform .6s var(--atlas-ease), opacity .4s var(--atlas-ease);text-decoration:none}.atlen-demo-sidebar .atlen-demo-nav-group{gap:4px;width:100%;display:grid}.atlen-demo-sidebar .atlen-demo-nav-subitem{min-height:36px;margin-left:31px;font-size:12px}.atlen-demo-sidebar .atlas-philosophy p{color:#7ba7a0;line-height:1.65}.atlen-demo-sidebar .atlas-demo-login{color:#aac8c4}.atlen-demo-sidebar :focus-visible{outline:3px solid var(--atlen-color-focus-on-dark);outline-offset:4px}.demo-workspace.demo-workspace{background:var(--atlen-color-background);grid-template-columns:236px minmax(0,1fr);gap:24px;padding:16px}.demo-workspace.demo-workspace main{padding:10px 24px 0 0}.demo-workspace .atlen-demo-sidebar a{color:#aac8c4}.demo-workspace .atlen-demo-sidebar nav a[aria-current],.demo-workspace .atlen-demo-sidebar nav a:hover{color:#f4faf7}.demo-workspace .atlen-demo-sidebar p{margin:0}.demo-workspace .atlen-demo-sidebar .brand{color:#f6fbf8}.demo-workspace .atlen-demo-sidebar a:hover{transform:none}.demo-workspace .atlen-demo-sidebar nav a:hover{transform:translate(2px)}@media (max-width:1023px){.atlas-app[data-demo],.demo-workspace.demo-workspace{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px}.atlas-app[data-demo] .atlas-workspace,.demo-workspace.demo-workspace main{padding:0}.atlen-demo-sidebar{height:auto;padding:5px;position:static}.atlen-demo-sidebar .atlas-sidebar-core{padding:20px}.atlen-demo-sidebar .atlas-school,.atlen-demo-sidebar .atlas-nav-label,.atlen-demo-sidebar .atlas-sidebar-bottom{display:none}.atlen-demo-sidebar nav{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.atlen-demo-sidebar nav a{white-space:nowrap;flex:1;justify-content:center;padding:13px 10px}.atlen-demo-sidebar nav .atlen-demo-nav-group{flex:100%}.atlen-demo-sidebar nav .atlen-demo-nav-group>.atlen-demo-nav-subitem{flex:0 auto;justify-content:flex-start}.atlen-demo-sidebar .atlas-nav-dot,.atlas-app[data-demo] .atlas-menu-button{display:none}.demo-workspace.demo-workspace main{max-width:none}}@media (max-width:600px){.atlen-demo-sidebar nav a{flex:28%;gap:7px;font-size:12px}.atlen-demo-sidebar nav a svg{width:17px;height:17px}.atlen-demo-sidebar .atlas-sidebar-core{padding:20px 14px}.atlen-demo-sidebar .brand-logo{width:154px}}@media (prefers-reduced-motion:reduce){.atlen-demo-sidebar *{transition:none!important}}@media (max-width:600px){.atlas-app[data-demo] .atlas-demo-banner{flex-wrap:wrap}.atlas-app[data-demo] .atlas-demo-banner>span{flex-wrap:wrap;min-width:0}.atlas-app[data-demo] .atlas-demo-banner>span>a{white-space:normal;margin-left:0!important}}