.sidebar{position:fixed;left:0;top:0;height:100%;width:100px;z-index:99;transition:all .5s ease;border-right:1px solid #232323;background:#1a1a1a}.sidebar.open .new-chat-item{display:flex;justify-content:space-between;padding:76px 32px 26px}.sidebar.open .new-chat-item .new-chat-button-wrapper{margin-bottom:0;display:flex;align-items:center}.sidebar.open .new-chat-item .new-chat-button-wrapper .icon{margin-right:12px}.sidebar .new-chat-item{flex-wrap:wrap;display:flex;justify-content:space-between;padding:76px 32px 20px}.sidebar .new-chat-item .new-chat-button-wrapper{margin-bottom:20px;display:flex;align-items:center}.sidebar .new-chat-item .new-chat-button-wrapper .icon{margin-right:12px}.sidebar .logo-details{display:flex;align-items:center;position:relative;padding:24px 32px}.sidebar .logo-details .logo{transition:all .5s ease;margin-right:10px}.sidebar .logo-details .logo_name{color:#fff;opacity:0;transition:all .5s ease;font-family:Unbounded;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.sidebar .logo-details #btn{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar i{color:#fff;height:60px;min-width:50px;font-size:28px;text-align:center;line-height:60px}.sidebar.open .nav-list{padding:24px 32px 0 0}.sidebar .nav-list{overflow-x:hidden;height:calc(100% - 250px);border:1px solid #232323;padding:24px 10px 0}.sidebar .scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#505050 #1A1A1A}.sidebar li{position:relative;margin:8px 8px 8px 0;list-style:none;width:100%}.sidebar li .date-wrapper{display:none;padding:8px 0 8px 32px;color:#636363;text-overflow:ellipsis;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.sidebar.open li .date-wrapper{display:block}.sidebar li a{height:100%;width:100%;border-radius:12px;text-decoration:none;transition:all .4s ease;padding:12px 24px 12px 32px;display:flex;align-items:center}.sidebar li a .icon{margin-right:12px;background:#232323;padding:6px;border-radius:10px;transition:.3s ease-in-out}.sidebar:not(.open) li a{display:flex;justify-content:center;align-items:center;max-width:80px;margin:auto}.sidebar li a:hover{background:#232323}.sidebar li a:hover .icon{background:#1a1a1a}.sidebar li a:hover .links_name,.sidebar li a:hover i{transition:all .5s ease}.sidebar li .router-link-active{background:#232323}.sidebar li .router-link-active .icon{background:#00d9ff}.sidebar .links_name{white-space:nowrap;opacity:0;pointer-events:none;transition:.4s;overflow:hidden;color:#fff;text-overflow:ellipsis;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.sidebar li i{height:50px;line-height:50px;font-size:18px;border-radius:12px}.sidebar li .profile-details{display:flex;align-items:center;flex-wrap:nowrap}.sidebar li img{height:45px;width:45px;object-fit:cover;border-radius:6px;margin-right:10px}.sidebar .bx-search{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:22px;background:#1d1b31;color:#fff}.sidebar .bx-search:hover{background:#fff;color:#11101d}.sidebar li.profile{position:fixed;height:60px;width:78px;left:0;bottom:-8px;padding:10px 14px;background:#1d1b31;transition:all .5s ease;overflow:hidden}.sidebar li.profile .name{font-size:15px;font-weight:400;color:#fff;white-space:nowrap}.sidebar li.profile .job{font-size:12px;font-weight:400;color:#fff;white-space:nowrap}.sidebar .profile #log_out{position:absolute;top:50%;right:0;transform:translateY(-50%);background:#1d1b31;width:100%;height:60px;line-height:60px;border-radius:0;transition:all .5s ease}.sidebar.open{width:344px}.sidebar.open .logo-details .logo,.sidebar.open .logo-details .logo_name{opacity:1}.sidebar.open .logo-details #btn{text-align:right}.sidebar.open .links_name{opacity:1;pointer-events:auto}.sidebar.open .bx-search:hover{background:#1d1b31;color:#fff}.sidebar.open li.profile{width:250px}.sidebar.open .profile #log_out{width:50px;background:none}.sidebar.open~.home-section{left:250px;width:calc(100% - 250px)}