.main-layout-shell{--layout-shell-bg: var(--ucx-bg-app-secondary);--layout-header-h: var(--ucx-layout-header-h);--layout-pad-t: var(--ucx-space-16);--layout-content-offset: var(--ucx-layout-content-offset);--layout-body-gap: 28px;--layout-body-top: calc( var(--layout-pad-t) + var(--layout-content-offset) );--gutter-x: var(--ucx-layout-gutter);display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--layout-shell-bg);position:relative;isolation:isolate}.main-layout-shell__header{position:fixed;inset:0 0 auto 0;z-index:1000;flex-shrink:0;width:100%;display:flex;flex-direction:column;background:transparent;pointer-events:none}.main-layout-shell__header-inner{width:100%;padding-inline:calc(var(--gutter-x) + 8px);background:transparent;pointer-events:none}.main-layout-shell__sidebar-host{position:relative;z-index:1001}.main-layout{flex:1 1 0;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--layout-shell-bg);position:relative;z-index:0}.main-layout .q-page-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;background:transparent;padding-top:0;position:relative;z-index:1}@media (min-width: 1024px){.main-layout .q-page-container{--drawer-clearance: calc( 12px + var(--ucx-layout-sidebar-expanded) + var(--ucx-layout-column-gap) );padding-left:0!important;width:min(100vw - var(--drawer-clearance),var(--ucx-layout-cluster-max-extra))!important;margin-left:max(var(--drawer-clearance),(100vw - var(--ucx-layout-cluster-max-extra)) / 2)!important;transition:margin-left .3s ease,width .3s ease;background:transparent}}.main-layout .q-page-container .q-page{flex:1 1 auto;min-height:0;height:calc(100dvh - var(--layout-header-h))!important;max-height:100%;padding-top:0}.main-layout .q-drawer{background:inherit}@media (min-width: 1024px){.main-layout{background:transparent}.main-layout.main-layout--drawer-compact .q-page-container{--drawer-clearance: calc( 12px + var(--ucx-layout-sidebar-collapsed) + var(--ucx-layout-column-gap) );width:min(100vw - var(--drawer-clearance),var(--ucx-layout-cluster-max-extra))!important;margin-left:max(var(--drawer-clearance),(100vw - var(--ucx-layout-cluster-max-extra)) / 2)!important}}.body--dark .main-layout-shell{--layout-shell-bg: #090a1b}.body--dark .main-layout .q-tab-panel{background:#090a1b}