/* NovaCMS 0.43.1 — proper desktop drawer layout */
@media (min-width:821px){
  body.nova-app{--nova-desktop-drawer-width:292px;--nova-desktop-header-height:62px;overflow-x:hidden}
  body.nova-social-shell,body.nova-aurora-shell{--nova-desktop-header-height:82px}
  body.nova-vk2{--nova-desktop-drawer-width:240px;--nova-desktop-header-height:76px}
  body.nova-app .app-content{box-sizing:border-box;width:100%;min-width:0;margin-left:0;padding-bottom:126px!important;transition:margin-left .22s ease,width .22s ease}
  body.nova-app .mobile-menu{width:var(--nova-desktop-drawer-width)!important;max-width:var(--nova-desktop-drawer-width)!important}
  html.menu-open body.nova-app .mobile-menu{top:var(--nova-desktop-header-height)!important;bottom:auto!important;height:calc(100dvh - var(--nova-desktop-header-height))!important;border-radius:0 22px 0 0!important;box-shadow:10px 8px 32px rgba(23,25,42,.13)!important}
  html.menu-open body.nova-app .menu-backdrop{display:none!important;opacity:0!important;pointer-events:none!important}
  html.menu-open body.nova-app .app-content{width:calc(100% - var(--nova-desktop-drawer-width))!important;margin-left:var(--nova-desktop-drawer-width)!important}
  html.menu-open body.nova-app .app-content .wrap{width:min(var(--nova-content-width,1120px),calc(100% - 40px))!important;max-width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
  html.menu-open body.nova-app .app-content > *,html.menu-open body.nova-app .app-content img,html.menu-open body.nova-app .app-content video{max-width:100%;box-sizing:border-box}
  body.nova-app .bottom-nav{z-index:115!important;left:50%!important;right:auto!important;width:min(650px,calc(100vw - 48px))!important;transform:translateX(-50%)!important;transition:left .22s ease,width .22s ease!important}
  html.menu-open body.nova-app .bottom-nav{left:calc(var(--nova-desktop-drawer-width) + (100vw - var(--nova-desktop-drawer-width))/2)!important;width:min(650px,calc(100vw - var(--nova-desktop-drawer-width) - 40px))!important}
}
@media (min-width:821px) and (max-width:1100px){
  body.nova-app{--nova-desktop-drawer-width:260px}
  html.menu-open body.nova-app .app-content .wrap{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important}
  html.menu-open body.nova-app .bottom-nav{width:calc(100vw - var(--nova-desktop-drawer-width) - 28px)!important}
}
@media (max-width:820px){
  body.nova-app .app-content{padding-bottom:96px!important}
  body.nova-app .bottom-nav{z-index:115!important}
}