.appSidebar{position:relative;display:flex;flex-direction:column;gap:166px;width:320px;padding:32px;transition:width .3s ease,transform .3s ease}.appSidebar--closed{width:96px;padding:32px 24px}.appSidebar--closed .appSidebar__logo{max-width:44px}.appSidebar--closed .appSidebar__toggle{right:-22px}.appSidebar__toggle{position:absolute;top:0;right:0}.appSidebar__logoWrapper{max-width:180px;max-height:28px;margin:0 auto}.appSidebar__logo{width:100%}.appSidebar__overlay{display:none}@media(max-width:1919px){.appSidebar{width:280px;padding:32px 16px}.appSidebar--closed{width:80px}}@media(max-width:1599px){.appSidebar--open{width:320px;padding:32px}.appSidebar--open .appSidebar__overlay{display:block}}.appSidebarOverlay{position:fixed;top:0;left:320px;z-index:var(--z-index-sidebar-overlay);width:100%;height:100%;background-color:var(--color-basic-black-70);opacity:0;transition:opacity .3s ease,left .3s ease;animation:fade-in-slide .3s ease forwards}@keyframes fade-in-slide{0%{left:80px;opacity:0}to{left:320px;opacity:1}}.appSidebarToggle{position:relative;z-index:var(--z-index-sidebar-toggle);display:flex;align-items:center;justify-content:center;width:22px;height:88px;color:var(--color-basic-grey);cursor:pointer}.appSidebarToggle:hover svg{color:var(--color-primary-green)}.appSidebarToggle--flipped{transform:scaleX(-1)}.appSidebarToggle--flipped:hover svg{color:var(--color-primary-purple)}.appSidebarToggle__bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.appSidebarToggle__icon{z-index:2}.appLayout{position:relative;display:grid;grid-template-areas:"sidebar header" "sidebar main";grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;height:100vh;overflow:hidden;background-color:var(--background-body)}.appLayout__overlay{display:none}.appLayout__sidebar{grid-area:sidebar}.appLayout__header{grid-area:header}.appLayout__content,.appLayout__header{transition:transform .3s ease,width .3s ease}.appLayout__content{display:flex;flex-direction:column;grid-area:main;overflow:hidden}@media(max-width:1599px){.appLayout--sidebarOpen .appLayout__content,.appLayout--sidebarOpen .appLayout__header{width:calc(100% + 240px)}}@media(max-width:991px){.appLayout--sidebarOpen .appLayout__content,.appLayout--sidebarOpen .appLayout__header{width:100%}.appLayout__sidebar{display:none}}