#root{width:100vw;height:100vh}body{margin:0}.container{display:flex;flex-direction:column}.container-chat{display:flex;width:100%;height:100%;overflow:auto;text-align:left}.chat-Historyc{background-color:#000000b3;border-radius:20%;width:3.5vw;height:3.5vw}.chat-Historyo{background-color:#000000b3;border-radius:4%;width:30vw;height:45vh}.placeholder1::placeholder{color:#fff;opacity:1}.placeholder2::placeholder{color:#dba842;text-align:center}.placeholder3::placeholder{color:#fff;opacity:1;font-size:15px}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}.icon{position:relative;margin-left:50px;margin-top:30px;display:flex;justify-content:space-between;width:13px;height:13px}.icon span{width:3px;height:100%;background-color:orange;border-radius:3px;content:""}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}.span-prop{width:3px;height:100%;background-color:orange;border-radius:3px;animation:bounce 2.2s ease infinite alternate;content:""}span:nth-of-type(2){animation-delay:-2.2s}span:nth-of-type(3){animation-delay:-3.7s}.ChatBubble{position:absolute;top:1vh;left:1vw;z-index:1}.user-text-field,.placeholder1,.container-textBox{word-wrap:break-word!important;overflow:hidden!important}.placeholder1{background-color:#00000003;border-width:0px;color:#fff;width:100%;resize:none;overflow:hidden;font-size:14px;line-height:1.4}@media (max-width: 800px) and (orientation: portrait){.container{display:flex;flex-direction:column;top:unset!important;bottom:20px!important;position:fixed!important;width:100vw;height:auto;left:10px;right:0;z-index:100}}@media (min-width: 801px) and (max-width: 1300px){.container{display:flex;flex-direction:column;top:40px!important;height:40vh!important}}.container-textBox{width:100%;display:flex;flex-direction:row;justify-content:space-between}