.base-layout{--top-navigation-height:3.875rem;--top-navigation-main-app-section-width:12.6875rem;height:100vh;display:flex;flex-direction:column}.base-layout__header{max-height:var(--top-navigation-height)}.base-layout__header,.header__top-navigation{height:100%;flex-basis:var(--top-navigation-height)}.header__top-navigation{background-color:var(--color-dark-0)}.top-navigation__nav-items{display:flex;height:100%}.nav-items__main-app{flex-basis:var(--top-navigation-main-app-section-width);display:flex;align-items:center;padding:0 .8rem;gap:.8rem;margin-left:.9rem}.base-layout__app-body{flex:1;display:flex;background-color:var(--color-dark-2);max-height:calc(100vh - var(--top-navigation-height))}.main-side-navigation{--side-navigation-width:5.625rem;--side-navigation-item-height:5.688rem;padding-top:1.8rem;flex-basis:var(--side-navigation-width);max-width:var(--side-navigation-width);background-color:var(--color-semantic-background-primary)}.main-side-navigation-container__nav-item{padding:.8rem;background-color:var(--color-dark-2);border-radius:.2rem;height:fit-content}.main-side-navigation-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}.main-side-navigation-container li{height:var(--side-navigation-item-height)}