.App{margin:0 auto;max-width:1400px;padding:0}.App-header{background-color:#a8dadc;border-radius:10px;color:#121a1a;padding:20px}.App-title{font-size:30px;font-weight:700;margin:1px;padding:1px}.App-subheader{font-size:15px;padding:5px}.bots-container{display:flex;flex-direction:column;margin:10px}.bot-list-container{background:#121a1a;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 5px 0 0;overflow-x:auto;overflow-y:auto;width:100%}.bot-chat-container{width:100%}@media (min-width:768px){.bots-container{flex-direction:row}.bot-list-container{width:35%}.bot-chat-container{width:65%}}@media (min-width:768px){padding:0 20px}.bot-thumbnail{background:#dadada;border-radius:10px;display:flex;flex-direction:column;flex-grow:1;margin:6px;max-width:90px;padding:2px;position:relative;transition:transform .2s ease}.bot-thumbnail:hover{transform:scale(1.1)}.bot-thumbnail.selected{border:2px solid #90ee90}.tick-mark{background:#121a1a;border-radius:100%;color:#6aff57;font-size:20px;padding:3px;position:absolute;right:5px;top:5px;z-index:2}.overlay{background:#ffffff80;border-radius:10px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.bot-image{border-radius:50%;height:50px;margin:5px;object-fit:cover;padding:5px;width:50px}.bot-name{font-size:14px;margin:1px;padding:1px}:root{--header-height:250px}.bot-list-title{color:#fff;font-size:20px;margin:15px;padding:10px;text-align:left}.bot-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:5px;padding:5px}@media (min-width:768px){.bot-list{max-height:calc(100vh - 250px);max-height:calc(100vh - var(--header-height));overflow-y:auto}}body{background-color:#f0f0f0;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.App{text-align:center}.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;margin:15px 0 0;max-height:calc(100vh - var(--header-height));overflow-x:auto;padding:0}.chat-bubble{align-items:center;display:flex;margin:10px 2px;padding:0}.left{flex-direction:row}.right{flex-direction:row-reverse}.profile-pic{border-radius:50%;height:50px;margin:0 10px;width:50px}.name{font-size:12px;font-weight:600;margin-bottom:5px}.left .name{text-align:left}.right .name{text-align:right}.message-container{display:flex;flex-direction:column}.message-left{align-items:flex-start}.message-right{align-items:flex-end}.message{word-wrap:break-word;background-color:#edf2f7;border-radius:15px;font-size:15px;letter-spacing:0;line-height:1.4;max-width:80%;padding:10px;text-align:left}.left .message{background-color:#bee3f8;color:#383737}.right .message{background-color:#f0f0f0;color:#383737;text-align:right}@media (min-width:768px){.message{max-width:70%}.chat-container{margin:0;padding:20px}.chat-bubble{margin:10px 0;padding:10px}}@media (min-width:1024px){.message{max-width:60%}}
/*# sourceMappingURL=main.b69ed604.css.map*/