body {
   padding-top: calc((74px * 2) * var(--scale));
}

.header {
   height: calc((74px * 2) * var(--scale));
}

.header .header-container {
   flex-direction: column;
}

.header .container-main {
   border-bottom: calc(1px * var(--scale)) solid var(--border-color);
}

.header-profile,
.header-link,
.content-sidebar,
.sidebar-content {
   display: flex;
   flex-direction: column;
   width: 100%;
}

#Sidebar {
   position: fixed;
   top: calc((74px * 2) * var(--scale));
   left: -100%;
   width: calc(400px * var(--scale));
   height: calc(100vh - (74px * 2));
   min-height: calc(100vh - (74px * 2));
   overflow: auto;
   transition: all 500ms;
   z-index: 10;
}

#Sidebar.active {
   left: 0px;
}