.navbar{background-color:var(--bg-light)}.navbar__item{transition:all .3s ease-in-out}.page-wrapper{background-color:var(--layout-bg)}.page-wrapper__header{flex-shrink:0}.page-wrapper__sidebar{transition:width .2s ease-in-out;width:250px}.page-wrapper__sidebar__main{height:100%}.page-wrapper__sidebar--close{width:88px}.page-wrapper__main{margin-left:250px;transition:margin-left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 250px)}.page-wrapper__main--close{margin-left:88px;width:calc(100% - 88px)}.page-wrapper__close-sidebar{display:none}@media screen and (max-width:1024px){.page-wrapper__sidebar{box-shadow:2px 0 8px #0000001a;height:calc(100vh - 64px);top:64px;transform:translate(-100%);transition:transform .2s ease-in-out;width:250px!important;z-index:20}.page-wrapper__sidebar:not(.page-wrapper__sidebar--close){transform:translate(0)}.page-wrapper__sidebar.page-wrapper__sidebar--close{transform:translate(-100%)}.page-wrapper__sidebar-menu-icon{display:none}.page-wrapper__header-menu-icon{display:block!important}.page-wrapper__header{z-index:30}.page-wrapper__main{margin-left:0!important;width:100%!important}.page-wrapper__close-sidebar{display:block;height:calc(100vh - 64px);top:64px}}