@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;color:#fff}body{background:#222831;width:90vw;height:90vh}.logo{position:absolute;left:47%}header{width:100%;max-width:1440px;height:3rem;background-size:cover;margin-bottom:2rem}header .overlay{width:100%;max-width:1440px;height:100%;padding:10px;color:#fff}h1{font-size:30px;margin-bottom:10px}h4,p{font-size:12px;display:inline}.empty-chat__container{width:95vw;max-width:1440px;text-align:center;margin-bottom:12rem}.empty-chat__container h1{font-size:5rem;background:linear-gradient(177deg,rgba(61,235,113,1) 0%,rgba(103,93,251,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empty-chat__container h3{font-size:1.5rem;background:linear-gradient(67deg,rgba(131,61,235,1) 0%,rgba(251,93,213,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#app{width:100vw;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:90%;max-width:1440px;height:100%;max-height:100vh;overflow-y:scroll;display:flex;flex-direction:column;gap:1.5rem;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.wrapper{display:inline-block;background:rgb(61,225,235);background:linear-gradient(82deg,rgba(61,225,235,1) 0%,rgba(103,93,251,1) 100%);border-radius:2rem 2rem 0;padding:1rem}.wrapper.ai{text-align:left;width:max-content;max-width:100%}.wrapper.user{text-align:right;width:max-content;margin-left:auto;max-width:100%}.wrapper.profile{align-content:right}.ai{background:rgb(169,61,235);background:linear-gradient(231deg,rgba(169,61,235,1) 0%,rgba(251,93,93,1) 100%);border-radius:2rem 2rem 2rem 0;width:auto}.chat{width:100%;max-width:1440px;margin:0 auto;border-radius:1rem;display:flex;float:right;flex-direction:row;align-items:flex-start;gap:1rem}.profile{width:36px;height:36px;border-radius:100%;background:#147efb;display:flex;justify-content:center;align-items:center}.ai .profile{background:#10a37f}.profile img{width:60%;height:60%;border-radius:100%;object-fit:contain}.message{flex:1;font-size:17px;line-height:1.4;margin-top:1%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.message::-webkit-scrollbar{display:none}form{z-index:15;width:100%;max-width:1440px;margin:-1rem 0 .2rem;padding:0 0 .2rem;background:#393E46;color:#393e46;display:flex;flex-direction:row;border-radius:.8rem}textarea{width:100%;font-size:18px;padding:10px;margin:10px;background:transparent;border:none;outline:none;resize:none}button{outline:0;border:0;cursor:pointer;background:transparent}form img{width:30px;height:30px}