.navSideBar{position:fixed;left:0;top:0;width:var(--navIconSize);min-width:var(--navIconSize);height:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--colorBackgroundPrimary);box-shadow:10px 0 10px -10px rgba(0,0,0,.1);z-index:2;overflow:hidden;transition:width .1s ease-out,z-index 0s ease-out .1s}@media(min-width:750px){.navSideBar:hover{--hoverWidth:200px;width:var(--hoverWidth);z-index:4;transition:width .1s ease-out,z-index 0s}.navSideBar:hover .menu .navItem .navItemContent p{opacity:1}}.navSideBar .menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.navSideBar .menu.head .navItem:first-child{position:absolute;top:20px}.navSideBar .menu.foot .navItem:last-child{position:absolute;bottom:20px}.navSideBar .menu .navItem{position:relative;width:100%;height:calc(var(--navIconSize) - 2px);display:flex;align-items:center;text-decoration:none;padding:5px 6px;outline:none;cursor:pointer}.navSideBar .menu .navItem.active{pointer-events:none!important}.navSideBar .menu .navItem.active .navItemContent{background-color:hsl(var(--colorBrandPrimary));box-shadow:var(--boxShadowGlow);transition:all .2s ease-out}.navSideBar .menu .navItem.active .navItemContent .icon{color:#fff;transition:all .2s ease-out}.navSideBar .menu .navItem.active .navItemContent p{transform:translateX(2px);color:#fff;transition:all .2s ease-out}.navSideBar .menu .navItem .navItemContent{position:relative;width:100%;height:100%;display:flex;align-items:center;border-radius:14px}.navSideBar .menu .navItem .navItemContent .icon{position:absolute;margin-left:14px}.navSideBar .menu .navItem .navItemContent p{position:absolute;text-align:center;font-variation-settings:"wdth" 75,"wght" 500;font-size:14px;color:var(--colorContentSecondary);text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 0 0 48px;opacity:0;transform:translateX(0);transition:transform .1s ease-out}@media(max-width:750px){.navSideBar{position:relative;left:auto;top:auto;width:100%;height:var(--navIconSize);min-height:var(--navIconSize);box-shadow:0 -10px 10px -10px rgba(0,0,0,.1)}.navSideBar .menu{flex-direction:row;align-items:center}.navSideBar .menu.head .navItem:first-child{display:none}.navSideBar .menu.foot .navItem:last-child{position:relative;bottom:auto}.navSideBar .menu .navItem{width:calc(var(--navIconSize) - 12px);height:calc(var(--navIconSize) - 12px);margin:0 5px;padding:0}.navSideBar .menu .navItem.active .navItemContent .icon{transform:translateY(-7px) scale(.8)}.navSideBar .menu .navItem.active .navItemContent p{opacity:1;letter-spacing:.1px;transition:all .2s ease-out}.navSideBar .menu .navItem .navItemContent{flex-direction:column;justify-content:center}.navSideBar .menu .navItem .navItemContent .icon{position:relative;margin:0;transition:all .2s ease-out}.navSideBar .menu .navItem .navItemContent p{position:absolute;left:50%;bottom:10px;transform:translateX(-50%)!important;font-size:10px;letter-spacing:2px;margin:0 0 0 1px}}