#layout{width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}#layout aside.side-bar{background-color:var(--color-bg-sidebar-home);flex-shrink:0;width:30%;min-width:min(90%,24rem);max-width:28rem;height:100%;position:relative;overflow:hidden auto}@media (min-width:601px) and (max-width:1023px){#layout aside.side-bar{width:40%}}@media (max-width:600px){#layout aside.side-bar{width:100%;max-width:unset}}@media (min-width:1023px){#layout aside.side-bar{border-right:1px solid var(--color-borders)}}#layout aside.side-bar{transition:all .3s}#layout aside.side-bar .layout{min-width:max(100%,24rem)}@media (max-width:600px){#layout aside.side-bar .layout{min-width:unset;width:100vw}}@media (min-width:600px){#layout:not(.hide-sidebar) aside.side-bar{border-right:1px solid var(--color-borders)}}@media (max-width:1023px){#layout.hide-sidebar aside.side-bar{min-width:unset;width:0}}#layout main.main{background-color:var(--color-bg-group-main);flex-grow:1;flex-shrink:1;height:100%;position:relative;overflow:hidden auto}@media (max-width:1023px){#layout main.main{flex-shrink:0;width:100%}}#layout main.main #group-header{z-index:1;background:var(--color-background);height:3.5rem;box-shadow:0 2px 2px var(--color-light-shadow);flex-shrink:0}