.mainpage.noScroll{overflow:hidden}.nav-container{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-container .nav-drawer-backdrop{top:var(--app-header-height);z-index:8;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0}.nav-container .nav-drawer{z-index:9;top:var(--app-header-height);width:min(100%,360px);height:calc(100dvh - var(--app-header-height));max-height:calc(100dvh - var(--app-header-height));background:rgb(var(--v-theme-surface));flex-direction:column;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:0;overflow:hidden;transform:translate(100%)}.nav-container .nav-drawer-header{border-bottom:1px solid rgba(var(--v-theme-on-surface),.08);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 12px 8px 20px;display:flex}.nav-container .nav-drawer-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.nav-container .main-animation{width:calc(100% - 410px);transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-container.show .nav-drawer-backdrop{opacity:1;pointer-events:auto}.nav-container.show .nav-drawer{transform:translate(0)}.nav-container.show .main-animation{transform:translate(-100%)}@media (width>=600px){.nav-container .nav-drawer{top:var(--app-header-height);min-width:320px;height:auto;max-height:calc(100dvh - var(--app-header-height));box-shadow:none;align-self:flex-start;position:sticky;transform:translate(0);width:320px!important}.nav-container .main-animation{transform:none!important}}@media (width>=1280px){.nav-container .nav-drawer{top:var(--app-header-height);min-width:410px;max-height:calc(100dvh - var(--app-header-height));width:410px!important}}