.NotebookView{--tab-separator-gutter: 0;overflow:hidden;transition-property:opacity;transition-duration:var(--duration-normal);background-color:var(--page-background-color);display:grid;grid-template-rows:auto 1fr auto;min-height:100svh}[data-context=mobile-native] .NotebookView{--tab-separator-color: transparent;background-color:var(--color-black)}.NotebookView[data-loading=true]{opacity:var(--opacity-50)}.NotebookViewBody{--navbar-shadow: none;--navbar-background-color: transparent;box-sizing:border-box;width:calc(100dvw - var(--page-gutter));margin-inline:auto;margin-block-end:var(--page-gutter)}[data-context=mobile-native] .NotebookViewBody{--navbar-background-color: unset;width:100%}[data-context=mobile-native] .NotebookViewBody:not(:has(.NotebookViewMainTabs)){--navbar-shadow: unset}@media (min-width: 1024px){.NotebookViewBody{display:grid;grid-template-areas:"masthead masthead" "sidebar main";grid-template-rows:auto 1fr;grid-template-columns:minmax(var(--size-30),25%) 1fr;column-gap:var(--size-4);max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-gutter);align-items:start}}.NotebookViewMasthead{grid-area:masthead;padding:var(--size-2) var(--size-1)}.NotebookViewSidebar{--block-shadow: var(--shadow-md);grid-area:sidebar}.NotebookViewMain{grid-area:main;display:flex;flex-direction:column;overflow:auto;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}[data-context=mobile-native] .NotebookViewMain{position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:none;border-radius:unset}@media (min-width: 1024px){.NotebookViewMain{--navbar-padding: var(--size-2) var(--size-1) 0 var(--size-2);min-height:unset;overflow:hidden}[data-context=mobile-native] .NotebookViewMain{--navbar-padding: unset}}.NotebookViewMainHeader{position:sticky;top:0;z-index:var(--z-70)}.NotebookViewMainTabs{margin-inline:auto;width:calc(100% - var(--size-4))}[data-context=mobile-native] .NotebookViewMainTabs{box-shadow:var(--shadow-md);padding-inline:var(--size-2);box-sizing:border-box;width:100%;position:relative;z-index:var(--z-10)}.NotebookViewMainBody{padding-inline:var(--size-2);padding-block:var(--size-2);overflow-y:auto}[data-context=mobile-native] .NotebookViewMainBody{padding-block-end:calc(max(var(--safe-area-inset-bottom),var(--size-2)) + var(--size-2))}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}