@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";:root{--primary-dark-color: #144442;--form-bg: #40414f;--dark-bg: rgb(0, 0, 0, .3);--orange: rgb(255, 115, 0)}*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}body{background:var(--primary-dark-color);display:flex;justify-content:center}#app{width:100vw;max-width:1280px;height:100vh;background:var(--primary-dark-color);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{position:relative;width:100%;padding:15px}.options{position:absolute;right:.1rem;top:0;padding:.1rem;color:#f5f5f54d;user-select:none;transition:color .12s ease-in-out}.options:hover{color:#f5f5f5}.options .material-symbols-outlined{cursor:pointer;color:inherit;font-size:1rem}.ai{background:var(--dark-bg)}.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:var(--orange);display:flex;justify-content:center;align-items:center}.ai .profile{background:#b700ff}.profile img{width:60%;height:60%;object-fit:contain}.message{flex:1;margin:1rem;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:var(--dark-bg);display:flex;flex-direction:row;gap:10px}textarea::-webkit-scrollbar{display:none}textarea{-ms-overflow-style:none;scrollbar-width:none;width:100%;resize:none;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}button:disabled{cursor:not-allowed;opacity:.6}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;color:var(--orange);font-size:2.1rem;transform:translateY(.3rem)}form img{width:30px;height:30px}