.sidebar{display:flex;flex-direction:column;gap:4px;min-width:240px;padding:24px}.sidebar-item{width:100%;height:fit-content;display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;font-size:16px}.sidebar-item:active{transform:scale(.98)}.sidebar-item--active{background-color:var(--accent-primary-content);color:var(--content-inversed);font-weight:500}.sidebar-item--inactive{cursor:pointer;color:var(--content-secondary);background-color:transparent;font-weight:500;transition:all .3s ease}.sidebar-item--inactive:hover{background-color:var(--action-secondary-hover)}.sidebar-item--inactive:active{background-color:var(--action-secondary-press)}.sidebar-item__label{display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:left;transition:all .3s ease}.layout-container.svelte-qwwnms{display:flex;flex-direction:column;width:100%;height:100vh;background:linear-gradient(to top,var(--appbg-from),var(--appbg-to))}.demo-header.svelte-qwwnms{display:flex;padding:16px 24px;align-items:center;justify-content:space-between;width:100%;height:80px}.header-left.svelte-qwwnms{display:flex;gap:16px;align-items:center;justify-content:flex-start;width:max-content;height:100%}.logo-img.svelte-qwwnms{height:48px;width:auto}.app-name.svelte-qwwnms{flex-shrink:0;width:fit-content;line-clamp:1;color:var(--content-primary);font-weight:600;font-size:20px}.header-right.svelte-qwwnms{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:max-content;height:100%}.demo-layout.svelte-qwwnms{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;flex:1;overflow:hidden}.demo-content.svelte-qwwnms{padding:32px;width:100%;height:100%;background:var(--surface-primary);border-top-left-radius:24px;overflow-y:scroll;overflow-x:hidden}