.basic-demo-module__GwtdOq__wrapper{border:1px solid light-dark(var(--p-surface-200),var(--p-surface-700));border-radius:.5rem;max-width:48rem;margin:0 auto;overflow:hidden}.basic-demo-module__GwtdOq__layout{min-height:24rem;display:flex}.basic-demo-module__GwtdOq__sidebar{border-right:1px solid light-dark(var(--p-surface-200),var(--p-surface-700));background:light-dark(var(--p-surface-0),var(--p-surface-950));width:16rem;color:light-dark(var(--p-surface-700),var(--p-surface-200));flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.basic-demo-module__GwtdOq__sidebar[data-state=collapsed]{width:3rem}.basic-demo-module__GwtdOq__header{align-items:center;gap:.5rem;padding:.5rem;display:flex}.basic-demo-module__GwtdOq__logo{color:#fff;background:linear-gradient(to bottom right,#8b5cf6,#4f46e5);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex}.basic-demo-module__GwtdOq__logoText{white-space:nowrap;font-size:.875rem;font-weight:600}.basic-demo-module__GwtdOq__content{flex:1;padding:.25rem;overflow:auto}.basic-demo-module__GwtdOq__group{padding:.25rem}.basic-demo-module__GwtdOq__groupLabel{color:light-dark(var(--p-surface-500),var(--p-surface-400));white-space:nowrap;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.basic-demo-module__GwtdOq__menu{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.basic-demo-module__GwtdOq__menuItem{list-style:none}.basic-demo-module__GwtdOq__menuButton{width:100%;color:light-dark(var(--p-surface-600),var(--p-surface-400));cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:flex;overflow:hidden}.basic-demo-module__GwtdOq__menuButton:hover{background:light-dark(var(--p-surface-100),var(--p-surface-800));color:light-dark(var(--p-surface-900),var(--p-surface-0))}.basic-demo-module__GwtdOq__menuButton[data-active]{background:light-dark(var(--p-surface-100),var(--p-surface-800));color:light-dark(var(--p-surface-900),var(--p-surface-0));font-weight:500}.basic-demo-module__GwtdOq__menuButton svg{flex-shrink:0;width:1rem;height:1rem}.basic-demo-module__GwtdOq__footer{border-top:1px solid light-dark(var(--p-surface-200),var(--p-surface-700));padding:.5rem}.basic-demo-module__GwtdOq__avatar{background:light-dark(var(--p-surface-200),var(--p-surface-800));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.625rem;font-weight:500;display:flex}.basic-demo-module__GwtdOq__main{flex:1;padding:1.5rem}.basic-demo-module__GwtdOq__main h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.basic-demo-module__GwtdOq__main p{color:light-dark(var(--p-surface-500),var(--p-surface-400))}.basic-demo-module__GwtdOq__trigger{border:1px solid light-dark(var(--p-surface-200),var(--p-surface-700));cursor:pointer;background:0 0;border-radius:.375rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.875rem}.basic-demo-module__GwtdOq__chevron{flex-shrink:0;width:1rem;height:1rem;margin-left:auto;transition:transform .2s}.basic-demo-module__GwtdOq__chevronOpen{transform:rotate(180deg)}.basic-demo-module__GwtdOq__subMenu{flex-direction:column;gap:.125rem;margin:0;padding:.125rem 0 .125rem 1.5rem;list-style:none;display:flex}.basic-demo-module__GwtdOq__subMenuButton{width:100%;color:light-dark(var(--p-surface-600),var(--p-surface-400));cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:flex}.basic-demo-module__GwtdOq__subMenuButton:hover{background:light-dark(var(--p-surface-100),var(--p-surface-800));color:light-dark(var(--p-surface-900),var(--p-surface-0))}.basic-demo-module__GwtdOq__subMenuButton[data-active]{background:light-dark(var(--p-surface-100),var(--p-surface-800));color:light-dark(var(--p-surface-900),var(--p-surface-0));font-weight:500}