*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100%;font-family:system-ui,sans-serif;line-height:1.5;display:flex}.global-error__content{max-width:800px;margin:0 auto;padding:2rem 1rem}.app-shell{border:var(--kern-metric-border-width-light) solid var(--kern-color-layout-border-contextual);flex-grow:1;display:flex}.app-shell__main{min-width:0;padding:var(--kern-metric-space-none) var(--kern-metric-space-default) var(--kern-metric-space-default);background-color:var(--kern-color-layout-background-default-surface);flex-direction:column;flex-grow:1;display:flex}.app-shell__content{background:var(--kern-color-layout-background-default-contextual);flex-grow:1;padding:2rem max(1rem,50% - 400px)}.app-shell__alert{z-index:1;background:var(--kern-color-layout-background-default);width:100%;padding:1rem;position:sticky;top:0}.app-shell__alert .kern-alert--danger{max-width:800px;margin:0 auto}