:root{--nav-bg:#05043e}nav.main-nav{position:fixed;top:0;left:0;z-index:97;display:flex;flex-direction:column;background-color:var(--nav-bg);padding:0.75rem;height:100%;justify-content:space-between}:root .main-nav__link{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:6px;color:#fff;transition:0.15s ease;position:relative}:root .main-nav__link + *{margin-top:0.5rem}:root .main-nav__link:hover,:root .main-nav__link.is-active{background-color:#2b2a5b}:root .main-nav__link:hover span,:root .main-nav__link.is-active span{color:#fff}:root .main-nav__link .avatar{max-width:1.75rem;max-height:1.75rem}:root .main-nav__link:hover .navigation-item-title{transform:scale(1);opacity:1}:root .main-nav__link--notification::after{position:absolute;content:"";display:block;width:8px;height:8px;background-color:#3f5efb;border-radius:50%;top:8px;right:8px}.navigation{padding:0.75rem;display:flex;flex-direction:column;height:100%;justify-content:space-between;background-color:#05043e}.navigation-panel{--active-width:450px;background-color:#19194a;overflow-y:auto;overflow-x:hidden;transition:width 0.3s,padding-left 0.3s,padding-right 0.3s ease-in;position:fixed;top:0;z-index:100;bottom:0;left:72px;width:var(--active-width)}.navigation-panel .nav-panel__options{display:flex;margin-bottom:5px}.navigation-panel .nav-panel__options .button{margin:0}.navigation-panel .nav-panel__title{color:#fff}.navigation-panel .navigation-panel__header{display:flex;justify-content:space-between;padding:2rem;padding-bottom:0 !important;align-items:center}.navigation-panel .navigation-panel__header h4{color:#fff}.navigation-panel .navigation-panel__content{padding:2rem;height:calc(100% - 104px);width:var(--active-width)}.navigation-panel .navigation-panel__content:after{content:"";width:calc(100% + 4rem);height:50px;margin-left:-2rem;bottom:-2rem;background-image:linear-gradient(to top,#19194a 0%,transparent 100%);display:block;position:sticky;z-index:100}.navigation-top,.navigation-bottom{display:flex;flex-direction:column}.navigation-item-title{justify-self:flex-end;position:absolute;transform:scale(0);transform-origin:0% 50%;left:calc(100% + .75rem);opacity:0;transition:0.15s ease;width:auto;z-index:300;background-color:#2b2a5b;display:block;white-space:nowrap;padding:0.5em 1em;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}.navigation-item-title:before{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#2b2a5b;transform:translateY(-50%) rotate(45deg);left:-5px;top:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}main-header{border-bottom:1px solid #ddd;background-color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:0 0.75rem 0 2rem}.tree-branch.collapsed ul{height:0px;overflow:hidden}.tree-branch.collapsed .tree__footer{display:none}.tree-branch-action{display:flex;flex-wrap:wrap;align-items:center}.tree-branch-action .button-box{margin-left:auto;margin-right:0px}.tree-branch-action .button-box .button-small{--button-height:20px;font-size:12px}.tree-branch-action:hover button{opacity:1}