*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif;transition:.2s all ease-in-out}body{background:#343541}#app{width:100vw;height:100vh;background:#343541;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat-container{flex:1;width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:10px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat-container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:15px}.ai{background:#40414F}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:10px}@keyframes fade-slide-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.profile{width:36px;height:36px;border-radius:5px;background:#5436DA;display:flex;justify-content:center;align-items:center}.ai .profile{background:#10a37f}.profile .img{color:#fff;object-fit:contain}.message{flex:1;color:#dcdcdc;font-size:20px;max-width:100%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.message::-webkit-scrollbar{display:none}form{width:100%;max-width:1280px;margin:1rem auto;padding:10px;background:#40414F;display:flex;flex-direction:row;gap:10px}label{width:100%}textarea{width:100%;color:#fff;font-size:18px;padding:10px;background:transparent;border:none;outline:none;resize:none}button{outline:0;border:0;cursor:pointer;background:transparent;color:#0ff;font-size:20px;margin-right:20px}button:hover{transform:scale(1.3)}