.navBarButtonContainer{padding:10px;font:inherit;color:var(--grey-darker)}.navBarCloseContainer{display:flex;align-items:center;justify-content:center;width:60px;height:60px}.hoverIcon{opacity:60%}.hoverIcon:hover{opacity:100%;cursor:pointer}.navBarBackground{position:fixed;right:0;top:0;width:100vw;height:100vh;background-color:transparent;z-index:2;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:background-color .3s ease,opacity .3s ease,visibility 0s .3s;font:inherit}.navBarBackground.open{background-color:var(--grey-light-background);opacity:1;visibility:visible;transition:background-color .3s ease,opacity .3s ease,visibility 0s}.navBarBackground.closing{background-color:transparent;visibility:hidden;transition:background-color .3s ease,opacity .3s ease,visibility 0s .3s}.navBar{width:0;height:100%;z-index:1;position:fixed;top:0;left:0;color:var(font-color);gap:25px;border-radius:0 20px 20px 0;padding:10px 10px 25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;transition:width .3s ease,opacity .3s ease,background-color .3s ease;opacity:0}.navBar,.navBar.open{background-color:var(--grey-light)}.navBar.open{width:16.6%;min-width:250px;opacity:1}.navBar.closing{width:0;opacity:0;background-color:transparent}.navBarTop{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.navBarUpperArea{gap:25px}.navBarContent,.navBarUpperArea{width:100%;display:flex;flex-direction:column}.navBarContent{min-height:400px;max-height:450px;min-width:200px;align-items:center;justify-content:space-around}.navBarContentBackOffice{min-height:400px;max-height:450px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%}.navBarNewConversation{width:16vw;align-items:center}.navBarLogo,.navBarNewConversation{display:flex;justify-content:center}.navBarLogo{width:100%}@media (max-width:950px){.navBarContent{min-height:65%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}}