:root{--primary-color:#336;--secondary-color:#717b22;--convo-background:#ddd;--base-font-size:0.875rem}@media (max-width:450px){:root{--columns:200px;--base-font-size:0.75rem}}#root main{position:fixed;height:70vh;max-width:420px;margin:20px;bottom:0;right:0;z-index:5}input[type=number],input[type=text],textarea{font-size:16px}input::-webkit-input-placeholder{font-style:italic}input:-ms-input-placeholder{font-style:italic}input::-ms-input-placeholder{font-style:italic}input::placeholder{font-style:italic}#chatbot-app-container{display:flex;flex-direction:column;height:100%;margin:0 auto;position:relative;width:100%;box-sizing:border-box;box-shadow:2px 4px 4px 1px rgba(70,70,70,.6);overflow:hidden}#chatbot-app-container.hidden{display:none}#chatbot-app-container .header-container{display:flex;align-items:center;position:relative;width:100%;color:#fff;font-size:1.225rem;font-size:calc(var(--base-font-size)*1.4);font-weight:300;background-color:#336;background-color:var(--primary-color);box-shadow:1px 1px 1px 2px rgba(0,0,0,.08);box-sizing:border-box;margin:0;padding:15px 20px;z-index:2}#chatbot-app-container .header-container p{margin:0;padding:0}#chatbot-app-container .header-container svg{fill:#fff;margin:0 15px 0 0}#chatbot-app-container .convo-container{height:100%;max-width:100%;padding:20px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow:scroll;background:#ddd;background:var(--convo-background);-ms-overflow-style:none;scrollbar-width:none}#chatbot-app-container .convo-container::-webkit-scrollbar{display:none}#chatbot-app-container .input-container{width:100%;bottom:0;left:0;right:auto;box-sizing:border-box;padding:20px;background:#ddd;background:var(--convo-background)}#chatbot-app-container .input-container input{width:100%;padding:6px 10px;margin:0;border-radius:6px;border:1px solid #cecece;box-sizing:border-box}.chat-bubble{background:#2a4e87;padding:8px 15px;color:#fff;box-sizing:border-box}.chat-bubble p{line-height:1.5;margin:0}.chat-bubble>.bot-button-container{display:flex;flex-wrap:wrap}.chat-bubble>.bot-button-container>.link-button{display:flex;align-items:baseline;text-decoration:none;line-height:22px;color:#5a5a5a!important;background-color:#fff;border:1px solid #999;border-radius:7px;padding:3px 8px;margin:4px 8px 4px 0;box-sizing:border-box}.chat-bubble>.bot-button-container>.link-button:active,.chat-bubble>.bot-button-container>.link-button:focus,.chat-bubble>.bot-button-container>.link-button:visited{color:#5a5a5a!important;background-color:#fff}.chat-bubble>.bot-button-container>.link-button:hover{color:#5a5a5a!important;background-color:#eee}.chat-bubble>.bot-button-container>.link-button svg{max-height:11px;flex:0 0 auto}.user-message-container{display:flex;justify-content:flex-end;opacity:0}.chat-bubble.user{background:#336;background:var(--primary-color);border-radius:20px 20px 3px 20px;margin:20px 0}.chat-bubble.bot{box-shadow:1px 1px 1px 2px rgba(0,0,0,.08);background:#fff;color:#5a5a5a;margin:0;opacity:1;border-radius:3px 20px 20px 20px}.bot-message-container{display:flex;margin:10px 0;opacity:0}.bot-message-container>div:first-child{margin-right:10px}.bot-message-container img{border-radius:50%;max-width:30px}.hidden{opacity:0}.show{-webkit-animation:revealup .5s cubic-bezier(0,.57,.81,1.01) .2s forwards;animation:revealup .5s cubic-bezier(0,.57,.81,1.01) .2s forwards}#success-overlay{background:#0074ae;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:99;color:#fff;text-align:center;padding:20px;display:none}#success-overlay.active{display:block}.open-chat{background-color:#336;background-color:var(--primary-color);color:#fff;border:1px solid #fff;border-radius:0;line-height:1.4;position:absolute;bottom:0;right:0;margin-right:1rem;padding:.85em 1em;z-index:4;width:160px;box-shadow:none}.open-chat:hover{transform:none;box-shadow:none;background-color:#bcca4a!important}.open-chat svg{fill:#fff;max-height:16px;vertical-align:text-top;transition:all .2s}.open-chat:hover svg{fill:#336;fill:var(--primary-color)}@media only screen and (max-height:560px){#root main,.open-chat{display:none}}.chatbot{position:fixed;width:420px;z-index:10000;text-align:center;height:600px;font-size:18px;color:#000;display:none;justify-content:center;margin:10px;cursor:pointer;bottom:0;right:0;border-radius:10px;box-shadow:2px 4px 4px 1px rgba(70,70,70,.6)}.chatFrame{display:block;position:relative;clear:both;width:100%;height:100%}.chatFrame iframe{width:100%;height:100%;border:0}#chatbot-app-container .header-container .closeChat{flex:1 0 auto;text-align:right;opacity:.3;z-index:3;margin:0;padding:0}#chatbot-app-container .header-container .closeChat:hover{opacity:1}#chatbot-app-container .header-container .closeChat>svg{margin:6px 0 0;max-height:20px}.show-for-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@-webkit-keyframes revealup{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@keyframes revealup{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}