:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.external-reply{font-size:14px;font-weight:700;color:gray}.error{color:#6b0909}.chats-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw}.chats-wrapper .chats-title{padding:24px;font-size:24px;font-weight:700}.chats-wrapper .availabel-search-options{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 0 12px}.chats-wrapper .availabel-search-options .search-opt{padding:8px 12px;border:1px solid lightcoral;border-radius:8px}.chats-wrapper .chats-container{display:flex;overflow:hidden;justify-content:center;height:100%;width:100%;padding-bottom:40px}.chats-wrapper .chats-container .chats-all{height:100%;width:1026px;flex-direction:column;overflow:hidden;overflow:auto;display:flex;gap:24px}.chats-wrapper .chats-container .no-chats{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;height:100%}.chats-wrapper .chat-send{display:flex;justify-content:center;padding:12px 0}.chats-wrapper .chat-send .chat-action{width:50%;display:flex;gap:12px;align-items:center}.chats-wrapper .chat-send .chat-action input{width:100%;padding:12px;border:1px solid gray;border-radius:12px;outline:none}.chats-wrapper .chat-send .chat-action .chat-send-btn{height:fit-content;padding:8px;background-color:#00f;border-radius:12px;color:#fff}@media(max-width:480px){.chats-wrapper .chats-container .chats-all{width:100%}.chats-wrapper .chat-send .chat-action{width:80%}.chats-wrapper .availabel-search-options{flex-wrap:wrap;font-size:12px;position:relative;margin-top:10px}.chats-wrapper .availabel-search-options:after{content:"Search available on:";position:absolute;top:-25px}.chats-wrapper .availabel-search-options .search-title{display:none}.chats-wrapper .availabel-search-options .search-opt{padding:4px 8px;font-size:10px}}.show-user-input-wrapper{display:flex;width:100%}.show-user-input-wrapper .show-user{width:100%;align-items:end;display:flex;flex-direction:column;gap:5px}.show-user-input-wrapper .show-user .show-user-you{font-size:14px;font-weight:700}.show-user-input-wrapper .show-user .show-user-input{width:40%;padding:18px 24px;border-radius:12px;background-color:#fdf1eb}.gemini-output-wrapper{display:flex;justify-content:start;flex-direction:column;gap:5px}.gemini-output-wrapper .external-reply{color:#000}.gemini-output-wrapper .gemini-output-text{width:50%;padding:18px 24px;overflow:auto;background-color:#dae8ff;border-radius:12px}.loader-wrapper{display:flex;align-items:center;gap:12px}.loader-wrapper .loader{width:50px;height:50px;border:5px solid lightgray;border-radius:50%;border-top-color:purple;animation-name:spin;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loader-wrapper .loader.small{width:20px;height:20px}.loader-wrapper .desc{font-size:18px;color:#000}.loader-wrapper .small-desc{font-size:14px;color:#000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elastic-response-wrapper{display:flex;flex-direction:column;gap:4px}.elastic-response-wrapper .elastic-name{font-size:14px;font-weight:700;color:#000}.elastic-response-wrapper .table{width:60%;overflow:auto;display:flex;flex-direction:column}.elastic-response-wrapper .table .header{display:flex;background-color:#dae8fc}.elastic-response-wrapper .table .header .header-cell{padding:8px 12px;flex:1;border-right:1px solid gray;font-size:12px;color:#000;font-weight:700}.elastic-response-wrapper .table .header{color:#fff}.elastic-response-wrapper .table .body{display:flex;flex-direction:column}.elastic-response-wrapper .table .body .row{display:flex}.elastic-response-wrapper .table .body .row .body-cell{padding:8px 12px;border-right:1px solid gray;border-bottom:1px solid gray;font-size:12px;flex:1}@media(max-width:480px){.elastic-response-wrapper .table{width:100%}}