.header{padding:5px 15px;background-color:var(--acc-clr-1);color:var(--text-clr-2);font-weight:600;display:flex;align-items:center;gap:8px}.header div{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.header div img{width:30px;height:30px}.header span{font-weight:400}.ai_message{margin-top:10px;margin-left:10px;text-align:left;background-color:var(--acc-clr-1);color:var(--text-clr-2);text-wrap:wrap;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message{padding:10px;max-width:80%;width:max-content;font-size:.9rem;border-radius:5px;box-shadow:0 0 5px #0000001a;opacity:0;user-select:none;pointer-events:none;animation:loadTransition linear .2s forwards}@keyframes loadTransition{0%{transform:translateY(10px);opacity:0;user-select:none;pointer-events:none}to{transform:translateY(0);opacity:1;user-select:auto;pointer-events:auto}}.user_message{margin-top:10px;margin-right:10px;text-align:left;margin-left:auto;background-color:var(--bk-clr-2);color:var(--text-clr-1)}.error_message{margin-top:10px;margin-left:10px;text-align:left;background-color:var(--error-msg-bk-clr);color:var(--error-msg-clr)}.ai_loading{padding:10px;margin-top:10px;margin-left:10px;width:max-content;color:var(--acc-clr-1);display:flex;align-items:center;gap:5px;display:none}.ai_loading.active{display:flex}.ai_loading>div{width:5px;height:5px;background-color:var(--acc-clr-1);border-radius:50%;animation:loadingAnimation .5s infinite alternate}.ai_loading>div:nth-of-type(1){animation-delay:.2s}.ai_loading>div:nth-of-type(2){animation-delay:.4s}.ai_loading>div:nth-of-type(3){animation-delay:.6s}@keyframes loadingAnimation{0%{opacity:1}to{opacity:0}}.messages{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:10px;scroll-behavior:smooth;scrollbar-color:#888 var(--bk-clr-1);scrollbar-width:thin}.messages::-webkit-scrollbar{width:5px}.messages::-webkit-scrollbar-track{background:var(--bk-clr-1)}.messages::-webkit-scrollbar-thumb{background:#888}.text_field{background-color:var(--bk-clr-2);display:grid;grid-template-columns:1fr auto;padding:5px;border-top:1px solid var(--acc-clr-1);position:relative}.text_field input{padding:5px 10px;font-size:.95rem;outline:none;border:none}.text_field button{display:flex;align-items:center}.text_field button .icon{color:gray;font-size:25px;transition:.3s color}.text_field button.active .icon{color:var(--acc-clr-1)}.text_field button span{font-size:.7rem;color:gray}.app{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;max-height:525px;width:100%;height:100%}.app>.chat_box{width:100%;height:100%;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;border-radius:15px;border:1px solid var(--acc-clr-1);background-color:var(--bk-clr-1)}:root{--bk-clr-1: rgb(245, 248, 250);--bk-clr-2: white;--acc-clr-1: #2a6006;--text-clr-1: black;--text-clr-2: white;--error-msg-bk-clr: rgb(168, 58, 58);--error-msg-clr: white}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}button{border:0;background-color:transparent;font-size:1rem;cursor:pointer}