.navigation{position:fixed;top:0;left:0;height:100%;width:30px}.navigation .nav-list{background-color:#e8e8e8;height:100%;width:44px;display:flex;flex-direction:column;align-items:left;padding-top:8px;transition:width .5s ease}.chat-ext{display:flex}.navigation .nav-list.expanded{width:200px;transition:.5s ease}.navigation .nav-list hr{width:100%;border:.5px solid #81808088;border-right:0}.item-1-hover-1:hover img{background-color:#cfcfcf;cursor:pointer;content:url(/assets/app-BNIp11cZ.png)}.item-1-hover-2:hover,.nav-item-2:hover,.nav-item-3:hover,.nav-item-4:hover{background-color:#cfcfcf;cursor:pointer}.img-2{display:none;height:0;width:0;overflow:hidden;transition:opacity 1s ease,width 1s ease}.nav-list.expanded .img-2{display:block;width:auto;height:24px;line-height:24px;transition:opacity 2s ease,width 2s ease}.img-2:hover{background-color:#fff;cursor:pointer}.navigation .nav-list img{width:24px;height:24px}.nav-item-1,.nav-item-2,.nav-item-3{display:flex;width:24px;margin-left:10px;align-items:center;justify-content:left}.nav-item-4{display:flex;width:24px;margin-left:10px;align-items:center;justify-content:left;margin-top:auto;margin-bottom:10px}.nav-item-1 div,.nav-item-2 div,.nav-item-3 div,.nav-item-4 div{display:none;opacity:0;overflow:hidden;transition:opacity 1s ease,width 1s ease}.nav-list.expanded .nav-item-1 div,.nav-list.expanded .nav-item-2 div,.nav-list.expanded .nav-item-3 div,.nav-list.expanded .nav-item-4 div{display:block;opacity:1;width:auto;height:24px;line-height:24px;white-space:nowrap;padding-left:10px;transition:opacity 1s ease,width 1s ease}.nav-list.expanded .nav-item-1,.nav-list.expanded .nav-item-2,.nav-list.expanded .nav-item-3,.nav-list.expanded .nav-item-4{width:90%}.img-2{margin-left:auto;margin-right:10px}.content-container{display:flex;flex-direction:column;height:100vh}.message{display:flex;flex-direction:column;flex:1;overflow-y:auto}.user-message{max-width:70%;background-color:#fff;align-self:flex-end;margin-right:15px;margin-top:10px;padding:0 10px;border:1px solid #cccccc;border-radius:40px}.bot-message{max-width:70%;margin-left:50px;margin-top:10px;padding:0 10px;transition:margin .5s ease}.content-container{transition:margin-left .5s}body.nav-expanded .content-container{margin-left:var(--nav-message-trans)}.input-container{flex-shrink:0;display:flex;justify-content:flex-start;width:60%;height:50px;align-self:center;border-radius:25px;background-color:#fff;border:1px solid #ccc;align-items:center;margin-bottom:20px;transition:transform .5s ease}.input-container .text-input{width:80%;height:30px;line-height:20px;font-size:20px;margin-left:10px;margin-right:10px;align-items:center;resize:none;overflow:auto;border:none}.text-input:focus{outline:none}.input-container #enter{display:none;margin-left:auto;margin-right:10px;width:30px;height:30px;cursor:pointer}.input-container .text-input:valid~#enter{display:block}.input-container .item-input{margin-left:10px;width:30px;height:30px;cursor:pointer}.text-input::-webkit-scrollbar{display:none}html,body{margin:0;height:100%;width:100%}#root{background-color:#faf8f8;height:100%;width:100%;--nav-width: 100px;--nav-message-trans: 150px;display:flex;flex-direction:column}