@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}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}.profile{width:36px;height:36px;border-radius:5px;background:#5436DA;display:flex;justify-content:center;align-items:center}.ai .profile{background:#10a37f}.profile img{width:60%;height:60%;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:0 auto;padding:10px;background:#40414F;display:flex;flex-direction:row;gap:10px}textarea{width:100%;color:#fff;font-size:18px;padding:10px;background:transparent;border-radius:5px;border:none;outline:none}button{outline:0;border:0;cursor:pointer;background:transparent}form img{width:30px;height:30px}a,a:link,a:visited{text-decoration:none;padding:9px 15px;border:1px solid #ececec;border-radius:5px;color:gray}.animate{font-size:50px;margin:10px 0 0;border-bottom:2px solid #ccc}.animate span{display:inline-block}a.repeat{display:inline-block;font-size:12px;text-transform:none;text-decoration:none;color:orange;padding:5px 12px;border:1px solid rgba(0,0,0,.15);font-weight:400;margin:0 0 0 50px;border-radius:3px;position:relative;bottom:15px}a.repeat:hover{background:rgba(0,0,0,.7);color:#fff}.animate span:nth-of-type(2){animation-delay:.05s}.animate span:nth-of-type(3){animation-delay:.1s}.animate span:nth-of-type(4){animation-delay:.15s}.animate span:nth-of-type(5){animation-delay:.2s}.animate span:nth-of-type(6){animation-delay:.25s}.animate span:nth-of-type(7){animation-delay:.3s}.animate span:nth-of-type(8){animation-delay:.35s}.animate span:nth-of-type(9){animation-delay:.4s}.animate span:nth-of-type(10){animation-delay:.45s}.animate span:nth-of-type(11){animation-delay:.5s}.animate span:nth-of-type(12){animation-delay:.55s}.animate span:nth-of-type(13){animation-delay:.6s}.animate span:nth-of-type(14){animation-delay:.65s}.animate span:nth-of-type(15){animation-delay:.7s}.animate span:nth-of-type(16){animation-delay:.75s}.animate span:nth-of-type(17){animation-delay:.8s}.animate span:nth-of-type(18){animation-delay:.85s}.animate span:nth-of-type(19){animation-delay:.9s}.animate span:nth-of-type(20){animation-delay:.95s}.seven span{color:#348c04;opacity:0;transform:translate(-150px) scale(.3);animation:leftRight .5s forwards}@keyframes leftRight{40%{transform:translate(50px) scale(.7);opacity:1;color:#348c04}60%{color:#0f40ba}80%{transform:translate(0) scale(2);opacity:0}to{transform:translate(0) scale(1);opacity:1}}