.leftBar{position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;gap:56px;width:100%;max-width:344px;height:100%;padding:28px 16px 16px;background-color:var(--backgroundSecondColor);background-image:url(/_next/static/media/bg-leftbar.ff8fa650.svg);background-repeat:no-repeat;background-position:0 100%;transition:all .3s ease-in-out}.leftBar__logoMini{display:none;width:30px;height:30px}.leftBar__logo{width:100%;max-width:266px;margin:0 23px 28px}@media(max-width:1440px){.leftBar{gap:25px;max-width:60px}.leftBar__logoMini{display:block}.leftBar__logo{display:none}}.layout{display:grid;grid-template:112px 1fr/344px 1fr;grid-template-areas:"left header " "left content ";height:100vh;height:calc(var(--vh, 1vh)*100);transition:all .3s ease-in-out}.layout__header{grid-area:header}.layout__left{grid-area:left}.layout__content{position:relative;grid-area:content;overflow:auto;scroll-behavior:smooth}@media(max-width:1440px){.layout{grid-template:82px 1fr/60px 1fr;grid-template-areas:"left header " "left content "}}@media(max-width:640px){.layout{grid-template:57px 1fr/1fr;grid-template-areas:"header" "content"}.layout__content{overflow:visible}.layout__left{display:none!important}}