@integrate.team/react-chatbot-types/dist/react-chatbot-types.css

React Chatbot Library

*{box-sizing:inherit}main{min-height:100vh;min-height:100vdh}:root{--chatTextUserColor: #ffc20e;--chatTextBotColor: rgb(236, 236, 236)}audio{width:260px}._containerWeb_59r3n_1{border-radius:.5rem;display:flex;flex-direction:column;height:100%;width:100%;max-width:1200px;margin-inline:auto;box-shadow:0 10px 15px #0000001a,0 -4px 6px #0000000d}._imgChat_x214a_1{height:40px;width:40px}._infoBot_x214a_6{font-weight:900;display:flex;flex-direction:row;gap:15px;align-items:center}._headerContainer_x214a_15{justify-content:space-between;color:#f5f5f5;font-weight:900;display:flex;flex-direction:row;padding:3px 20px;border-radius:.5rem .5rem 0rem 0rem;gap:15px;align-items:center;border-bottom:1px solid #f5f5f5;background:linear-gradient(253deg,gold -10%,orange 50%,#ff4500 80%,#eb1c1c)}._smartBotContainer_15djw_2{display:flex;flex-direction:column;justify-content:baseline;height:100%;gap:16px}._userInput_15djw_10{background-color:#f9fafb;border:1px solid #d1d5db;color:#111827;font-size:16px;border-radius:.5rem;outline:none;width:100%;padding:.625rem}._userInput_15djw_10:focus{ring-color:#3b82f6;border-color:#3b82f6}@media (prefers-color-scheme: dark){._userInput_15djw_10{background-color:#374151;border-color:#4b5563;color:#fff}._userInput_15djw_10::placeholder{color:#9ca3af}._userInput_15djw_10:focus{ring-color:#3b82f6;border-color:#3b82f6}}._content_15djw_38{margin:20px 16px;padding:15px;min-height:280;background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}._contents_15djw_48{padding:1.5rem;width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:1rem}._listChatContent_15djw_58{max-height:100vh;overflow-y:auto}._listChatContent_15djw_58::-webkit-scrollbar{display:none}._listChatContent_15djw_58{-ms-overflow-style:none;scrollbar-width:none}._cardInput_15djw_72{width:100%;display:flex;flex-direction:row}._inputField_15djw_77{background-color:#f9fafb;border:1px solid #d1d5db;color:#111827;font-size:16px;border-radius:.5rem;outline:none;padding:.5rem;display:block;width:100%}._imgChatBot_15djw_94{display:flex;height:3.25rem;width:3.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.125rem;color:#fff;transition:all .3s ease-in-out}._imgChatBot_15djw_94:hover{box-shadow:0 4px 6px #0000001a;background-color:#fffc}._iconsChatBot_15djw_112{position:fixed;bottom:2rem;right:8rem;z-index:99}._inputField_15djw_77::placeholder{color:#9ca3af}._container_15djw_134{position:fixed;bottom:3rem;background-color:#fff;right:11.5rem;z-index:50;height:32rem;width:27rem;border-radius:.5rem;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;padding:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:99}._threeDotsTest_15djw_153{background-color:var(--chatTextUserColor);border-radius:20px;padding:0 10px;color:#fff;display:flex;flex-direction:row;align-items:center;gap:5px}._hidenBtn_15djw_164{font-size:16px;width:64px;height:64px}._header_15djw_170{padding:0;background:#fff;display:flex;flex-direction:row;align-items:center}._layout_15djw_177{height:100vh}._title_15djw_181{margin:0}._scrollbar-hide_15djw_186::-webkit-scrollbar{display:none}._scrollbar-hide_15djw_186{-ms-overflow-style:none;scrollbar:none}._sendButton_15djw_195{background:#3b82f6;color:#fff;padding:8px;border:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}._sendButton_15djw_195:hover{background:#2563eb}._inputWrapper_15djw_212{position:relative;display:flex;align-items:center;padding:16px;width:100%}._inputField_15djw_77{flex:1;width:100%;padding:8px 40px 8px 12px;border:1px solid #ccc;border-radius:14px;outline:none;height:30px}._chatContainer_15djw_230{background:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;border-radius:.5rem}._chatBox_15djw_239{max-height:84%;background:#fff;border-radius:12px;padding:15px;overflow-y:auto;overflow-x:hidden}._messageWrapper_15djw_249{display:flex;align-items:flex-start}._userWrapper_15djw_254{justify-content:flex-end;margin-bottom:10px}._botWrapper_15djw_259{justify-content:flex-start;margin-bottom:10px}._botAvatar_15djw_265{width:32px;height:32px;border-radius:50%;margin-right:8px}._loadingBot_15djw_271{display:flex;flex-direction:row;align-items:center}._userMessage_15djw_278{background:gold;color:#333;padding:10px 15px;border-radius:16px 16px 0;max-width:75%}._botMessage_15djw_287{background:#fff;color:#333;padding:10px 15px;border-radius:0 16px 16px;max-width:80%;box-shadow:2px 2px 8px #0000001a}._botMessageCarousel_15djw_296{background:#fff;color:#333;border-radius:0 16px 16px;max-width:100%}._cardInput_15djw_72{height:16%;width:100%;border-radius:0rem 0rem .5rem .5rem}._inputWrapper_15djw_212{position:relative;display:flex;align-items:center}._inputField_15djw_77{flex:1;width:100%;padding:12px 40px 12px 12px;border:1px solid #ccc;border-radius:20px;outline:none}._sendIcon_15djw_325{position:absolute;right:36px;color:#ffd100;cursor:pointer}._sendIcon_15djw_325:hover{color:#b99909ab}._markdownContent_xqz9y_3{min-width:600px;border-collapse:collapse;border:1px solid #ddd}._markdownContent_xqz9y_3 th,._markdownContent_xqz9y_3 td{border:1px solid #ddd;padding:8px}._wrapperText_xqz9y_14 ul,._wrapperText_xqz9y_14 li{list-style:inside}._markdownContent_xqz9y_3 th{background-color:#f2f2f2;text-align:left}._markdownTableWrapper_xqz9y_24{overflow-x:auto}._typing_et1m0_1{padding:5px;display:flex;gap:3px;align-items:center}._typing_et1m0_1 span{width:6px;height:6px;background:#ba0c2f;border-radius:50%;animation:_typing_et1m0_1 1.5s infinite}._typing_et1m0_1 span:nth-child(2){background:gold}._typing_et1m0_1 span:nth-child(3){background:#ba0c2f}._typing_et1m0_1 span:nth-child(1){animation-delay:0s}._typing_et1m0_1 span:nth-child(2){animation-delay:.3s}._typing_et1m0_1 span:nth-child(3){animation-delay:.6s}@keyframes _typing_et1m0_1{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}to{opacity:.3;transform:translateY(0)}}._title_1bggf_1{display:flex;flex-direction:column;gap:5px;padding:0 0 15px}._containerImageCard_1bggf_8{box-shadow:2px 2px 8px #0000001a;padding:10px 15px}._content_1ll44_3{margin:20px 16px;padding:15px;min-height:280;background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}._contents_1ll44_13{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:1rem}._listChatContent_1ll44_22{max-height:100vh;overflow-y:auto}._listChatContent_1ll44_22::-webkit-scrollbar{display:none}._listChatContent_1ll44_22{-ms-overflow-style:none;scrollbar-width:none}._inputField_1ll44_36{background-color:#f9fafb;border:1px solid #d1d5db;color:#111827;font-size:16px;border-radius:.5rem;outline:none;padding:.5rem;display:block;width:100%}._imgChatBot_1ll44_52{display:flex;height:3.25rem;width:3.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.125rem;color:#fff;transition:all .3s ease-in-out}._iconsChatBot_1ll44_67{position:fixed;bottom:1rem;right:1rem;z-index:99}._inputField_1ll44_36::placeholder{color:#9ca3af}._container_1ll44_89{position:fixed;bottom:5rem;background-color:#fff;right:1rem;z-index:50;height:80vh;max-height:85vh;width:85vw;border-radius:.5rem;box-shadow:0 10px 15px #0000001a,0 -4px 6px #0000000d;display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden}._smartbotContent_1ll44_106{flex:1;overflow-y:auto;max-height:calc(100vh - 8rem)}._threeDotsTest_1ll44_114{background-color:var(--chatTextUserColor);border-radius:20px;padding:0 10px;color:#fff;display:flex;flex-direction:row;align-items:center;gap:5px}._hidenBtn_1ll44_125{font-size:16px;width:64px;height:64px}._header_1ll44_131{padding:0;background:#fff;display:flex;flex-direction:row;align-items:center}._layout_1ll44_138{height:100vh}._title_1ll44_142{margin:0}._scrollbar-hide_1ll44_147::-webkit-scrollbar{display:none}._scrollbar-hide_1ll44_147{-ms-overflow-style:none;scrollbar:none}