.app{display:flex;flex-direction:column;position:relative}.app,.unknownRoute{min-height:100svh;min-height:100dvh;width:100%}.unknownRoute{flex:1 1}html[data-page=unknown] .app{height:auto;min-height:100svh;min-height:100dvh}html[data-page=landing] .app{height:100svh;height:100dvh;overflow:hidden}.landingViewport{display:flex;flex:1 1;flex-direction:column;min-height:100svh;min-height:100dvh;width:100%;overflow:hidden}.landingScroll{flex:1 1;min-height:0;overflow-y:scroll;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-gutter:stable}html[data-page=landing][data-landing=home] .landingScroll{overflow:hidden;scrollbar-gutter:auto}html[data-page=landing][data-landing=auth] .landingScroll{overflow-y:auto;scrollbar-gutter:auto}.appContent{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:100%;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}html[data-page=app] .app{height:100svh;height:100dvh}html[data-page=app] .appContent{flex:1 1;min-height:0;height:100%;max-height:100svh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}@media (max-width:640px){html[data-page=app] .appContent{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}html[data-page=app] .appContent::-webkit-scrollbar{display:none}html[data-page=app] .appContent>*{flex:1 1;min-height:0;display:flex;flex-direction:column}}@media (max-width:768px){html[data-page=app] .appContent{padding-bottom:0}}