*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{height:auto;display:block}button,input,textarea{border:none;background:none;outline:none;font:inherit}table{border-collapse:collapse;width:100%}html,body{height:100%;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}body{font-size:100%;line-height:1.6}#root{height:100%;width:100%}#root>div{height:100%;width:100%}.home-page{min-height:100vh;min-width:100vw;height:100vh;width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}html,body{height:100%;width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.chat-page{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.header-zone{display:flex;align-items:center;justify-content:center;width:100%;height:0%;padding:0 1rem}.header-zone__container{display:flex;align-items:flex-end;justify-content:space-between;width:90%;padding:0 1rem}.chat-zone{display:flex;width:100%;max-width:70rem;height:100%;flex-direction:column;gap:.5rem}.chat-log__zone{width:93%;height:80%;max-height:80%;overflow-y:scroll;overflow-x:hidden;align-self:end;margin-right:1%}.chat-log__zone::-webkit-scrollbar{width:7px}.chat-log__zone::-webkit-scrollbar-track{background:#d9d9d9}.chat-log__zone::-webkit-scrollbar-thumb{background-color:#575757}.chat-log__zone::-webkit-scrollbar-button{display:none}.chat-log__content{display:flex;flex-direction:column;width:95%;margin-top:3%;gap:1rem}.chat-message__wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.chat-message--ai{gap:1rem}.chat-message__copy-container{display:flex;align-items:center;justify-self:flex-start;cursor:pointer;width:fit-content;border-radius:5px;padding:.6rem}.chat-message__extra-image{height:auto;width:58px}.chat-message__copy-text{font-size:17px;color:#555}.chat-message--user{gap:0}.chat-message__icon-wrapper{display:flex;align-self:flex-start}.chat-message__icon--left{margin-right:10px;height:59px;width:auto}.chat-message__icon--right{margin-left:10px;height:79px;width:auto}.chat-message__text{word-wrap:break-word;white-space:normal;margin:0;word-break:break-word;max-width:100%}.chat-message__text a{font-size:17px;color:#f2f2f2;font-weight:700;text-decoration:underline}.chat-message--ai .chat-message__text{padding:1.1rem;background-color:#f2f2f2;border-radius:0 .5rem .5rem;color:#575757;font-size:17px;font-weight:400}.chat-message--user .chat-message__text{padding:1.1rem;background-color:#f2f2f2;border-radius:.5rem 0 .5rem .5rem;color:#575757;font-size:17px;font-weight:400}.chat-message__container{max-width:70%}.chat-message--ai{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin-right:auto}.chat-message--user{display:flex;align-items:center;justify-content:flex-end;max-width:100%;margin-left:auto}.chat-input-zone{display:flex;align-items:center;width:90%;height:50px}.chat-input{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%}.chat-input__text-field{flex:1;height:100%;margin-right:.5rem;border-radius:.5rem;border:1px solid #C8B9B9}.chat-input__button-zone{display:flex;align-items:center;justify-content:center}.chat-input__send-icon{height:50px;width:auto;max-height:100%;cursor:pointer}.chat-input__input{width:100%;height:100%;padding:.5rem;padding-left:3%}.chat-input__input::placeholder{opacity:1}.chat-message__loading-dots{list-style:none;display:flex}.chat-message__loading-dots div{width:15px;height:15px;border-radius:50%;margin:0 5px;background-color:#575757;animation:bounce 1s infinite alternate}.chat-input__input--loading{opacity:.3;pointer-events:none}@keyframes bounce{to{opacity:.2;transform:translateY(-10px)}}.chat-message__loading-dots div:nth-child(3){animation-delay:.6s}.chat-message__loading-dots div:nth-child(2){animation-delay:.3s}@media only screen and (max-width: 1120px){.header-zone,.header-zone__container{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-zone--title{font-size:14px;margin-top:1.5vh}.chat-message__icon--left,.chat-message__icon--right{height:59px}}@media only screen and (max-width: 800px){.chat-message__container{max-width:100%}}