.chat-hint{align-items:center;color:#9b9b9b;display:flex;font-style:italic;height:100%;justify-content:center;text-align:center}.send{transition:background-color .3s,opacity .3s}#user-input.disabled{background-color:#d3d3d3;border-color:#a1a1a1;color:#888;cursor:not-allowed}.send.disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.5}body{padding:0}.App{width:100%}.App,body{align-items:center;display:flex;height:100vh;justify-content:center}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;transition:background-color .3s}.chat-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;box-shadow:0 0 15px #0000001a;display:flex;flex-direction:column;height:80vh;max-width:600px;overflow:hidden;transition:background-color .3s,border-color .3s,box-shadow .3s;width:100%}.chat-box{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;transition:background-color .3s}.chat-message-wrapper{align-items:center;display:flex;margin:5px 0}.user-message-wrapper{justify-content:flex-end}.bot-message-wrapper{justify-content:flex-start}.profile-pic{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:30px;justify-content:center;margin:0 5px;overflow:hidden;width:30px}.profile-pic img{height:100%;object-fit:cover;width:100%}.placeholder{background-color:#aaa;border-radius:50%;color:#fff;font-size:14px;height:100%;justify-content:center;width:100%}.chat-message,.placeholder{align-items:center;display:flex}.chat-message{border-radius:20px;max-width:75%;padding:10px 15px}.message-content{flex:1 1}.user-message{align-self:flex-end;background-color:#007aff;border-bottom-right-radius:0;color:#fff}.bot-message{align-self:flex-start;background-color:#e5e5ea;border-bottom-left-radius:0;color:#000}#chat-form{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:10px;position:relative}#chat-form,#user-input{transition:background-color .3s,border-color .3s}#user-input{background-color:#e7e7e7;border:1px solid #c4c4c4;border-radius:20px;flex:1 1;font-size:16px;outline:none;padding:10px 60px 10px 10px}.send{align-items:center;background-color:#007aff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.chat-box::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.dark-mode{background-color:#1e1e1e}.dark-mode .chat-container{background-color:#333;border-color:#555;box-shadow:0 0 15px #00000080}.dark-mode .chat-box{background-color:#333}.dark-mode .user-message{background-color:#0a84ff}.dark-mode .bot-message{background-color:#444;color:#ddd}.dark-mode #chat-form{background-color:#333;border-color:#555}.dark-mode #user-input{background-color:#444;border-color:#555;color:#ddd;outline:none}.dark-mode button{background-color:#0a84ff}.switch{align-items:center;display:flex;position:absolute;right:20px;top:20px}.switch input{display:none}.slider{background-color:#ccc;border-radius:25px;cursor:pointer;height:25px;position:relative;transition:background-color .3s;width:50px}.slider:before{background-color:#fff;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:transform .3s;width:21px}input:checked+.slider{background-color:#34c759}input:checked+.slider:before{transform:translateX(25px)}.speaker-name{color:grey;font-size:12px;margin-bottom:5px}.controls{position:absolute;right:20px;top:20px}.controls,.reset-button{align-items:center;display:flex}.reset-button{background-color:#007aff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;justify-content:center;margin-right:90px;margin-top:13px;padding:10px 20px;transition:background-color .3s}.reset-button:hover{background-color:#005bb5}.tooltip{background-color:#000000e6;border-radius:5px;box-shadow:0 0 10px #0000004d;color:#fff;max-height:200px;max-width:400px;overflow-y:auto;padding:10px;pointer-events:none;position:absolute;z-index:1001}.overlay{align-items:center;background-color:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-text{color:#fff;margin-bottom:0;max-width:80%;text-align:center}.overlay-text h1{font-size:24px;margin-bottom:10px}.overlay-text p{font-size:16px;line-height:1.5}.bubbles{flex-wrap:wrap;margin-bottom:20px;max-width:70%}.bubble,.bubbles{display:flex;justify-content:center}.bubble{align-items:center;border:2px solid #0000;border-radius:10%;cursor:pointer;flex-direction:column;height:100px;margin:10px;overflow:hidden;padding:15px 5px;transition:border-color .3s;width:100px}.bubble.selected{border-color:#007aff}.bubble img{border-radius:50%;height:100%;object-fit:cover;width:100%}.bubble span{color:#fff;display:block;font-size:12px;margin-top:5px;text-align:center}.start-conversation-button{background-color:#007aff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.start-conversation-button:hover{background-color:#005bb5}.start-conversation-button.disabled{background-color:#9f9f9f;cursor:not-allowed}.credits{bottom:10px;color:#fff;font-size:12px;position:absolute;right:10px}.credits a{color:#007aff;text-decoration:none}.credits a:hover{text-decoration:underline}.sidebar{background-color:#000000e6;box-shadow:2px 0 5px #0000004d;color:#fff;direction:rtl;height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:300px;z-index:1001}.sidebar .content{direction:ltr;font-size:14px;line-height:1.5;padding:20px}.sidebar.open{transform:translateX(0)}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}
/*# sourceMappingURL=main.b2039c5a.css.map*/