.sidebar{display:flex;flex-direction:column;gap:4px;margin:12px;border-radius:12px;background-color:#fff;max-width:240px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.sidebar-hello{font-size:18px;font-weight:600}.sidebar-title{padding:20px 16px;font-size:20px;font-weight:600}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-menu-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background .2s;text-decoration:none}.sidebar-menu-item.selected{background:var(--brand-dim);border-radius:8px;position:relative;z-index:1}.sidebar-menu-icon{width:24px;height:24px;flex-shrink:0}.sidebar-menu-label{font-size:16px;margin-left:8px;font-weight:500;color:#222}.center-body{display:flex;background-color:var(--center-body-background);width:100vw;min-height:100vh;justify-content:center;flex-direction:row}.sidebar-wrap{flex-shrink:0;width:240px;transition:margin-right .2s;position:sticky;top:calc(48px + 20px);align-self:flex-start}.content-wrap{flex:1 1 0;max-width:1024px;width:100%;box-sizing:border-box;align-items:center}@media (max-width:1024px){.center-body{justify-content:stretch;flex-direction:row}.sidebar-wrap{width:200px}.content-wrap{margin-left:0;max-width:none}}.content{width:100%;max-width:800px;margin:0 20px;padding:calc(48px + 20px) 20px 20px;border-radius:10px}