.header{align-items:center;background-color:#fff;box-shadow:0 0 10px 0 #00000026;display:flex;font-size:20px;font-weight:700;height:90px;justify-content:flex-start;left:0;padding:10px 80px;position:fixed;right:0;text-align:center;top:0;width:100%}.header .logo{height:50px;margin-right:10px;width:50px}body,html{background:#f1f2f8;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;margin:0}#root{height:100%}.conversation{align-items:flex-start;display:flex;flex-direction:column;height:calc(100% - 120px);margin-bottom:100px;overflow-y:scroll;padding:150px 80px 40px}@media(max-width:768px){.conversation{padding:150px 20px 40px}}@keyframes blink{0%{opacity:.1}20%{opacity:1}to{opacity:.1}}.message-container{display:flex;flex-direction:row;width:100%}.message-container img{border-radius:50%;height:50px;margin-right:10px;width:50px}.message-container.other{justify-content:flex-end}.message{background:#fff;border-radius:10px 10px 2px 10px;display:flex;flex-direction:column;margin-bottom:30px;padding:15px 25px}.message>*{margin:10px 0}.message.other{align-self:flex-end;background:#3b5998;border-radius:10px 10px 10px 2px;color:#fff}.message.typing{display:flex;flex-direction:row;justify-content:flex-start;position:relative}.message.typing span{animation:blink 1.5s infinite;animation-fill-mode:both;background:#3b5998;border-radius:50%;height:10px;margin-left:5px;width:10px}.message.typing span:nth-child(2){animation-delay:.2s}.message.typing span:nth-child(3){animation-delay:.4s}input,select,textarea{-webkit-appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:7px;font-size:16px;padding:10px;width:100%}input:focus,select:focus,textarea:focus{border-color:#ca524d;outline:1px solid #ca524d}button.button{background:#ca524d;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:150px;padding:10px;transition:.2s}button.button:hover{background:#b03a35}*{box-sizing:border-box}.actions{align-items:center;bottom:0;display:flex;flex-direction:row;height:100px;justify-content:center;left:0;margin:20px auto;position:fixed;right:0;width:80%}.actions button{margin:0 10px}.all-centered{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.all-centered img{border-radius:20px;height:200px;margin-bottom:20px;width:200px}.hero-selector{align-content:flex-end;background:#fff;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;position:fixed;width:100%}.hero-selector .hero{align-items:center;background:#ca524d;border:0;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:700;height:80px;justify-content:flex-start;margin:5px;overflow:hidden;padding:0;text-transform:uppercase;transition:all .2s ease-in-out;width:80px}.hero-selector .hero:hover{transform:scale(1.1)}.hero-selector .hero img{background:#fff;display:block;flex-shrink:0;height:50px;object-fit:cover;width:60px}
/*# sourceMappingURL=main.b46fc5a9.css.map*/