:root{--sidebar-w:0px;--header-h:88px;--bottom-nav-h:96px;--bottom-nav-full-h:96px}:root[data-bottom-nav-state=hidden]{--bottom-nav-h:0px}@media (min-width:768px){:root{--header-h:72px}}@media (min-width:1280px){:root,:root[data-bottom-nav-state=hidden]{--sidebar-w:96px;--header-h:88px;--bottom-nav-h:0px}}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;height:100vh;height:100dvh;min-height:0;overflow:hidden}.layout--hidden-bottom-nav{--bottom-nav-h:0px;--bottom-nav-full-h:0px}@media (min-width:768px) and (max-width:1279px){.layout--messenger .messenger-conversation{padding-bottom:calc(var(--bottom-nav-full-h) + .5rem)}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;height:100dvh;z-index:70}@media (max-width:1279px){.sidebar{display:none}}.header{position:fixed;top:0;right:0;left:var(--sidebar-w);width:auto;height:var(--header-h);z-index:52}.content{grid-area:2/2/3/3;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));min-width:0;min-height:0;overflow:hidden}@media (max-width:1279px){.content{grid-area:2/1/3/3}}.page-shell{display:flex;height:100%;width:100%;min-width:0;min-height:0;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;padding-bottom:calc(1.5rem + var(--bottom-nav-h))}@media (max-width:1279px){.page-shell{padding:0}.page-shell>.page-content>.page-surface[data-under-bottom-nav]{padding-bottom:0}}.page-content{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden}.page-content,.page-content>*{width:100%;min-width:0}.page-content>div,.page-content>section{height:100%;min-height:0;flex:1 1 auto;overscroll-behavior:contain}.page-content>div:not([class*=overflow-]),.page-content>section:not([class*=overflow-]){overflow:hidden}@media (max-width:1279px){.page-content>section.page-surface:not([data-under-bottom-nav]){overflow-y:auto}.page-content>section.page-surface:not([data-under-bottom-nav]):not(:has(.scroll-under-bottom-nav)){padding-bottom:calc(var(--bottom-nav-full-h) + 1rem)}.page-content>section.page-surface:not([data-under-bottom-nav]) :is(.scroll-under-bottom-nav,[class*=overflow-y-auto],[class*=overflow-auto],:has(.scroll-under-bottom-nav,[class*=overflow-y-auto],[class*=overflow-auto])):not([data-keep-scroll]){min-height:auto;height:auto;max-height:none;flex:none;overflow-y:visible;overscroll-behavior:auto}.page-content>section.page-surface:not([data-under-bottom-nav]) :is(.scroll-under-bottom-nav,[class*=overflow-y-auto],[class*=overflow-auto])[class*=overflow-x-hidden]:not([data-keep-scroll]){overflow:visible}}@media (min-width:1024px){.layout--laptop-nav{--sidebar-w:96px;--header-h:88px;--bottom-nav-h:0px;--bottom-nav-full-h:0px}.layout--laptop-nav .sidebar{display:inline-flex}.layout--laptop-nav .content{grid-area:2/2/3/3}.layout--laptop-nav .page-shell{padding:1.5rem}}