.sideBar{min-width:65px;max-width:65px;height:100%;border-radius:20px;padding:20px;background:hsl(var(--header-background));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;transition:all .3s}.sideBar:hover{min-width:280px;max-width:280px}.sideBar:hover .sideBarLinkLabel{opacity:1}.sideBar button{background:transparent;border:none;outline:none;cursor:pointer}.sideBar .sideBarHeader button svg{transition:all .3s}.sideBar .exitButton h3,.sideBar .exitButton svg{color:#ce3737}.sideBar .logoaiSidebar{width:100%;max-width:25px}.sideBar .sideBarContent,.sideBar .sideBarFooter,.sideBar .sideBarHeader{width:240px;display:flex;flex-direction:column;gap:20px}.sideBar .sideBarContent{flex:1}.sideBar .helpButtons{display:flex;justify-content:space-between;align-items:center}.sideBar .helpButtons.light>button>svg{filter:brightness(1) invert(1)}.sideBar .sideBarLink{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:5px}.sideBar .sideBarLink *{transition:all .3s}.sideBar .sideBarLink.light .sideBarLinkLabel,.sideBar .sideBarLink.light>img{filter:brightness(1) invert(1)}.sideBar .sideBarLinkLabel{font-size:16px;font-weight:400;color:#b4b4b4;transition:all .3s;opacity:0}.sideBar .hoverEffectIcon{width:20px;height:20px;margin-left:20px;opacity:0;transition:.3s}.sideBar .hoverEffectIcon img{width:100%;height:100%}.sideBar .sidebarDivider{width:100%;height:1px;border-radius:50%;background:#444;margin:20px 0}.sideBar.light{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}@media screen and (max-width:900px){.sideBar{display:none}}