.container{display:flex}.menu-container .burger-menu .close-button{position:absolute;margin:18px 260px;z-index:2;cursor:pointer}.menu-container .burger-menu .close-button svg{width:25px;height:25px}.menu-container .burger-menu .history-container{position:absolute;background-color:#202123;width:250px;height:100vh;padding:8px;font-size:14px;overflow:auto;z-index:10}.menu-container .burger-menu .history-container .new-message{display:flex;justify-content:center;margin-bottom:15px;height:45px}.menu-container .burger-menu .history-container .new-message .new{flex:1 1}.menu-container .burger-menu .history-container .new-message .new-message-element{display:flex;align-items:center;padding:4px 12px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer}.menu-container .burger-menu .history-container .new-message .plus{width:14px;margin-right:12px}.menu-container .burger-menu .history-container .history{display:flex;align-items:center;height:45px;padding:12px;border-radius:6px;cursor:pointer}.menu-container .burger-menu .history-container .history .unique-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-container .burger-menu .history-container .history .fa-message{height:17px;width:15px;margin-right:12px}.menu-container .burger-menu .menu-enter{left:-280px}.menu-container .burger-menu .menu-enter-active{left:0;transition:left .3s cubic-bezier(.4,0,.2,1)}.menu-container .burger-menu .menu-enter-active body{filter:blur(5px)}.menu-container .burger-menu .menu-exit{left:0}.menu-container .burger-menu .menu-exit-active{left:-280px;transition:left .3s cubic-bezier(.4,0,.2,1)}.menu-container .burger-menu .menu-exit-done{left:-280px}.menu-container .menu-big{display:none}.text-container{flex:1 1;display:flex;flex-direction:column;height:100vh}.text-container .burger-container{position:absolute;margin:14px 25px}.text-container .burger-container .speech-icon{cursor:pointer}.text-container .burger-container .speech-icon svg{width:30px;height:30px}.text-container .speech-container{position:absolute;margin:14px 80px}.text-container .speech-container .speech-icon{cursor:pointer}.text-container .speech-container .speech-icon svg{width:30px;height:30px}.text-container .lang-container{position:absolute;margin:14px 130px}.text-container .lang-container .lang-icon{cursor:pointer}.text-container .lang-container .lang-icon svg{width:30px;height:30px}.text-container .lang-container .language-modal{position:absolute;display:flex;align-items:center;flex-direction:column;width:310px;height:150px;background-color:#40414f;top:1000%;left:-300%;padding:20px 0;box-shadow:0 0 12px 0 #28282b;border-radius:6px;z-index:1}.text-container .lang-container .language-modal .modal-text{padding-bottom:10px}.text-container .lang-container .language-modal .modal-text .languages{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10px}.text-container .lang-container .language-modal .modal-text .languages .language{display:flex;justify-content:center;margin:2.5px 0;width:100%;border-radius:6px}.text-container .lang-container .language-modal .ok-button{height:100px;width:50px;background-color:#fff;border:none;box-shadow:0 0 12px 0 #28282b;border-radius:6px;cursor:pointer}.text-container .chatgpt-container{flex:1 1;margin-top:60px;overflow-y:auto}.text-container .chatgpt-container .logo{display:flex;justify-content:center;align-items:center;margin-top:250px;font-size:35px;font-weight:700;color:#565869}.text-container .chatgpt-container .chatgpt-answears .background{border-top:1px solid rgba(32,33,35,.5);padding:24px 16px;width:100%}.text-container .chatgpt-container .chatgpt-answears .bot-color{background-color:#444654}.text-container .chatgpt-container .chatgpt-answears .text{display:flex;justify-content:center}.text-container .chatgpt-container .chatgpt-answears .text .avatar{margin-right:25px}.text-container .chatgpt-container .chatgpt-answears .text .avatar img{border-radius:2px}.text-container .chatgpt-container .chatgpt-answears .text .user-text{width:290px;line-height:24px}.text-container .chatgpt-container .chatgpt-answears .loading-state{display:flex;justify-content:center;margin-top:35px}.text-container .user-container{display:flex;justify-content:center;align-items:center;height:100px}.text-container .user-container .type-bar{display:flex;width:380px;box-shadow:0 0 12px 0 #28282b;border-radius:6px;background-color:#40414f;padding:16px}.text-container .user-container .type-bar .speech-recognition{display:flex}.text-container .user-container .type-bar .speech-recognition .microphone{cursor:pointer;width:25px;height:25px}.text-container .user-container .type-bar .speech-recognition .microphone svg{width:100%;height:100%}.text-container .user-container .type-bar .speech-recognition .no-support-modal{position:absolute;display:flex;align-items:center;flex-direction:column;top:40%;left:10%;width:80%;height:120px;background-color:#40414f;padding:15px 20px;box-shadow:0 0 12px 0 #28282b;border-radius:6px}.text-container .user-container .type-bar .speech-recognition .no-support-modal .modal-text{margin-bottom:10px}.text-container .user-container .type-bar .speech-recognition .no-support-modal .ok-button{height:25px;width:50px;background-color:#fff;border:none;box-shadow:0 0 12px 0 #28282b;border-radius:6px;cursor:pointer}.text-container .user-container .type-bar .user-text{flex:1 1;font-size:16px;height:25px;display:flex;align-items:center;border:none;background-color:#40414f;color:#fff;padding:2px 0 0 4px}.text-container .user-container .type-bar .submit{cursor:pointer;height:25px;width:25px}.hidden{display:none}.history:hover,.language:hover,.selected{background-color:#343541}@media screen and (min-width:1000px){.menu-container .burger-menu{display:none}.menu-container .menu-big{display:flex}.menu-container .menu-big .history-container{background-color:#202123;width:250px;height:100vh;padding:8px;font-size:14px;overflow:auto}.menu-container .menu-big .history-container .new-message{display:flex;justify-content:center;margin-bottom:15px;height:45px}.menu-container .menu-big .history-container .new-message .new{flex:1 1}.menu-container .menu-big .history-container .new-message .new-message-element{display:flex;align-items:center;padding:4px 12px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer}.menu-container .menu-big .history-container .new-message .plus{width:14px;margin-right:12px}.menu-container .menu-big .history-container .history{display:flex;align-items:center;height:45px;padding:12px;border-radius:6px;cursor:pointer}.menu-container .menu-big .history-container .history .unique-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-container .menu-big .history-container .history .fa-message{height:17px;width:15px;margin-right:12px}.text-container{flex:1 1;display:flex;flex-direction:column;height:100vh}.text-container .burger-container{display:none}.text-container .speech-container{position:absolute;margin:14px 30px}.text-container .speech-container .speech-icon{cursor:pointer}.text-container .speech-container .speech-icon svg{width:30px;height:30px}.text-container .lang-container{position:absolute;margin:14px 80px}.text-container .lang-container .lang-icon{cursor:pointer}.text-container .lang-container .lang-icon svg{width:30px;height:30px}.text-container .lang-container .language-modal{display:flex;align-items:center;flex-direction:column;width:700px;height:160px;background-color:#40414f;position:absolute;top:955%;left:1265%;padding:20px 0;box-shadow:0 0 12px 0 #28282b;border-radius:6px;z-index:1}.text-container .lang-container .language-modal .modal-text{padding-bottom:15px}.text-container .lang-container .language-modal .modal-text .languages{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:15px;cursor:pointer}.text-container .lang-container .language-modal .ok-button{height:100px;width:50px;background-color:#fff;border:none;box-shadow:0 0 12px 0 #28282b;border-radius:6px;cursor:pointer}.text-container .chatgpt-container{position:relative;flex:1 1;margin-top:60px;overflow-y:auto}.text-container .chatgpt-container .logo{position:absolute;top:100px;left:45%;font-size:35px;font-weight:700;color:#565869;margin-top:200px}.text-container .chatgpt-container .chatgpt-answears{margin:0 auto}.text-container .chatgpt-container .chatgpt-answears .background{border-top:1px solid rgba(32,33,35,.5);padding:24px 16px;width:100%}.text-container .chatgpt-container .chatgpt-answears .bot-color{background-color:#444654}.text-container .chatgpt-container .chatgpt-answears .text{display:flex;justify-content:center;word-wrap:break-word}.text-container .chatgpt-container .chatgpt-answears .text .avatar{margin-right:25px}.text-container .chatgpt-container .chatgpt-answears .text .avatar img{border-radius:2px}.text-container .chatgpt-container .chatgpt-answears .text .user-text{width:650px;line-height:24px}.text-container .chatgpt-container .chatgpt-answears .loading-state{display:flex;justify-content:center;margin-top:50px}.text-container .user-container{display:flex;justify-content:center;align-items:center;height:150px}.text-container .user-container .type-bar{display:flex;width:780px;box-shadow:0 0 12px 0 #28282b;border-radius:6px;background-color:#40414f;padding:16px}.text-container .user-container .type-bar .speech-recognition{display:flex}.text-container .user-container .type-bar .speech-recognition .microphone{cursor:pointer;width:25px;height:25px}.text-container .user-container .type-bar .speech-recognition .microphone svg{width:100%;height:100%}.text-container .user-container .type-bar .speech-recognition .no-support-modal{display:flex;align-items:center;flex-direction:column;width:700px;height:110px;background-color:#40414f;bottom:55%;left:37%;position:absolute;padding:20px 0;box-shadow:0 0 12px 0 #28282b;border-radius:6px}.text-container .user-container .type-bar .speech-recognition .no-support-modal .modal-text{padding-bottom:15px}.text-container .user-container .type-bar .speech-recognition .no-support-modal .ok-button{height:100px;width:50px;background-color:#fff;border:none;box-shadow:0 0 12px 0 #28282b;border-radius:6px;cursor:pointer}.text-container .user-container .type-bar .user-text{flex:1 1;font-size:16px;height:25px;display:flex;align-items:center;border:none;background-color:#40414f;color:#fff;padding:2px 0 0 4px}.text-container .user-container .type-bar .submit{cursor:pointer;height:25px;width:25px}.hidden{display:none}.history:hover{background-color:#343541}}