[data-v-4c9d5558]:root{--banner-height:0px;--top-strip-height:14px;--nav-bar-height:62px;--nav-bar-width-small:88px;--nav-bar-width-large:220px;--spacing-top:var(--banner-height);--spacing-left:0px;--app-topbar-height:0px;--editor-toolbar-height:54px;--editor-toolbar-bottom-spacing:32px;--content-aside-width:352px;--dialog-max-width:540px}@media (min-width:640px){[data-v-4c9d5558]:root{--spacing-left:var(--nav-bar-width-small)}}@media (min-width:1280px){[data-v-4c9d5558]:root{--spacing-left:var(--nav-bar-width-large)}}@media (min-width:1024px){.has-app-topbar[data-v-4c9d5558]{--app-topbar-height:64px}.has-app-topbar .nav-logo[data-v-4c9d5558]{display:none}}body:has(.palette-content[data-state=open]) #app-topbar[data-v-4c9d5558]{z-index:1}@media (min-width:640px){.home-layout[data-v-4c9d5558]{--row-gap:8px;grid-row-gap:8px;grid-row-gap:var(--row-gap);row-gap:8px;row-gap:var(--row-gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""content";align-items:start;display:grid}.home-layout__topbar[data-v-4c9d5558]{grid-area:topbar;align-self:center}.home-layout__content[data-v-4c9d5558]{grid-area:content;align-self:stretch;height:100%}}@media (min-width:1024px){.home-layout[data-v-4c9d5558]{--sidebar-stick-offset:calc(var(--app-topbar-height) + 24px);grid-template-columns:minmax(0,1fr) 352px;grid-template-columns:minmax(0, 1fr) var(--content-aside-width);-moz-column-gap:32px;grid-template-areas:"content sidebar";column-gap:32px}.home-layout__sidebar[data-v-4c9d5558]{scrollbar-width:none;grid-area:sidebar;display:flex;overflow-y:auto}.home-layout__sidebar[data-v-4c9d5558]::-webkit-scrollbar{display:none}}:root{--banner-height:0px;--top-strip-height:14px;--nav-bar-height:62px;--nav-bar-width-small:88px;--nav-bar-width-large:220px;--spacing-top:var(--banner-height);--spacing-left:0px;--app-topbar-height:0px;--editor-toolbar-height:54px;--editor-toolbar-bottom-spacing:32px;--content-aside-width:352px;--dialog-max-width:540px}@media (min-width:640px){:root{--spacing-left:var(--nav-bar-width-small)}}@media (min-width:1280px){:root{--spacing-left:var(--nav-bar-width-large)}}@media (min-width:1024px){.has-app-topbar{--app-topbar-height:64px}.has-app-topbar .nav-logo{display:none}}body:has(.palette-content[data-state=open]) #app-topbar{z-index:1}body:has(.palette-content[data-state=open]) .home-layout__topbar{top:0}
