.layout-grid{display:grid;grid-template-columns:var(--menu-width) 1fr;height:100vh;height:100dvh;width:100vw;position:relative;overflow:hidden;border-top:.2dvh solid var(--color-black);border-bottom:.2dvh solid var(--color-black)}.menu-area{border-right:.65dvh solid var(--color-black);height:100%;background:var(--color-white);overflow:auto;position:relative;z-index:var(--z-menu-default);scrollbar-width:none;-ms-overflow-style:none}.menu-area::-webkit-scrollbar{display:none;width:0;height:0}.content-area{height:100%}.content-area,.view-container{position:relative;overflow:hidden;background-color:var(--color-white)}.view-container{display:grid;grid-template-columns:var(--menu-width) 1fr;height:100vh;height:100dvh;width:100vw;border-top:.2dvh solid var(--color-black)}.menu-section{border-right:.2dvh solid var(--color-black);height:100%;overflow:auto;background-color:var(--color-white);scrollbar-width:none;-ms-overflow-style:none}.menu-section::-webkit-scrollbar{display:none;width:0;height:0}.content-section{height:100%;position:relative;overflow:hidden;background-color:var(--color-white)}@media (max-aspect-ratio:1/1){.layout-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.menu-area{border-right:none;border-bottom:.2dvh solid var(--color-black)}.view-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.menu-section{border-right:none;border-bottom:.2dvh solid var(--color-black)}}@supports not (aspect-ratio:1){.layout-grid,.view-container{grid-template-columns:minmax(auto,calc(100vh / 2.27)) 1fr;grid-template-columns:minmax(auto,calc(100dvh / 2.27)) 1fr}}.content-wrapper{position:relative;overflow:hidden;width:100%;height:100%;display:flex;flex:1 1}.mail-menu-container{position:absolute;top:0;left:0;height:100%;z-index:var(--z-contrast)}.menu-section{z-index:var(--z-marquee)}.content-section{z-index:var(--z-base)}@media (max-aspect-ratio:1/1){.content-wrapper{flex-direction:column}}.layout-grid ::-webkit-scrollbar,.view-container ::-webkit-scrollbar{display:none;width:0;height:0}.layout-grid *,.view-container *{scrollbar-width:none;-ms-overflow-style:none}.mobile-layout{padding-bottom:8vh}@media (max-aspect-ratio:1/1){.mobile-layout .content-area,.mobile-layout .content-section,.mobile-layout .layout-grid,.mobile-layout .view-container{padding-bottom:8vh;box-sizing:border-box}@media (max-height:600px){.mobile-layout,.mobile-layout .content-area,.mobile-layout .content-section,.mobile-layout .layout-grid,.mobile-layout .view-container{padding-bottom:7vh}}}