.ds-app-layout{background-color:var(--ds-shell-plane);min-height:100vh;display:flex}.ds-app-layout__main{padding:var(--padding-1000) var(--padding-500);transition:margin-inline-start var(--motion-duration-slow) var(--motion-ease-emphasized);flex:1;justify-content:center;min-width:0;margin-inline-start:calc(var(--ds-app-layout-rail,64px) + var(--ds-app-layout-panel,0px));display:flex}.ds-app-layout--expanded{--ds-app-layout-rail:280px}.ds-app-layout:not(.ds-app-layout--floating,.ds-app-layout--inset) .ds-app-layout__main{background-color:var(--ds-shell-surface)}.ds-app-layout:not(.ds-app-layout--expanded):has(.ds-app-sidebar--panel-mode){--ds-app-layout-rail:80px}.ds-app-layout:has(.ds-app-sidebar__panel--visible){--ds-app-layout-panel:240px}.ds-app-layout__content{gap:var(--gap-1000);flex-direction:column;width:100%;max-width:1120px;display:flex}.ds-app-layout--floating .ds-app-layout__main{margin-inline-start:calc(var(--ds-app-layout-rail,64px) + var(--ds-app-layout-panel,0px) + var(--ds-sidebar-float-inset,20px) * 2)}.ds-app-layout--inset{height:100dvh;min-height:0}.ds-app-layout--inset .ds-app-layout__main{padding:var(--ds-shell-inset);min-height:0;padding-inline-start:0}.ds-app-layout__surface{background-color:var(--ds-shell-surface);border:var(--border-025) solid var(--ds-shell-surface-border);border-radius:var(--ds-shell-surface-radius);min-width:0;box-shadow:var(--ds-shell-surface-shadow);flex:1;display:flex;overflow:hidden}.ds-app-layout__scroller{min-width:0;padding:var(--padding-1000) var(--padding-1000);scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow-y:auto}.ds-app-layout__scroller[data-scrolling]{scrollbar-color:var(--color-bg-container-border) transparent}.ds-app-layout--inset .ds-app-layout__content{max-width:none;container:ds-app-layout-content/inline-size}@media (max-width:768px){.ds-app-layout__main{padding:var(--padding-500) var(--padding-400);margin-inline-start:0}.ds-app-layout--expanded .ds-app-layout__main,.ds-app-layout--floating .ds-app-layout__main{margin-inline-start:0}.ds-app-layout--inset{height:auto;min-height:100vh}.ds-app-layout--inset .ds-app-layout__main{padding:0}.ds-app-layout__surface{box-shadow:none;border:none;border-radius:0;overflow:visible}.ds-app-layout__scroller{padding:var(--padding-500) var(--padding-400);overflow-y:visible}}