.ds-site-bar-page{--app-layout-root-background:var(--ds-color-surface-page);background:var(--app-layout-root-background,var(--ds-color-surface-page));container:ds-site-bar-page/inline-size}.ds-site-bar-page__page-scroll{isolation:isolate;box-sizing:border-box;flex-direction:column;grid-area:1/1;align-self:stretch;width:100%;display:flex;overflow-y:auto}.ds-site-bar-page__page{box-sizing:border-box;width:100%;min-height:0;padding-top:calc(var(--ds-safe-area-top,0px) + var(--ds-space-64));padding-right:calc(var(--ds-safe-area-right,0px) + 0px);padding-bottom:calc(max(var(--ds-safe-area-bottom,0px), var(--ds-keyboard-inset,0px)) + 0px);padding-left:calc(var(--ds-safe-area-left,0px) + 0px);flex-direction:column;flex:1 0 auto;justify-content:flex-start;align-items:flex-start;display:flex}.ds-site-bar-page__body,.ds-site-bar-page__footer{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.ds-site-bar-page__header{isolation:isolate;box-sizing:border-box;width:100%;padding-right:calc(var(--ds-safe-area-right,0px) + 0px);padding-left:calc(var(--ds-safe-area-left,0px) + 0px);flex-direction:column;grid-area:1/1;justify-content:flex-start;align-self:start;align-items:flex-start;display:flex}@container ds-site-bar-page (min-width:800px){.ds-site-bar-page__page{padding-top:calc(var(--ds-safe-area-top,0px) + var(--ds-space-76))}}