:host{--vt-c-white-v1: #ffffff;--vt-c-black-v1: #333333;--vt-c-black-v2: #424242;--vt-c-black-v3: #424242;--vt-c-gray-v1: #0000001a;--vt-c-gray-v2: #f3f4f6;--vt-c-gray-v3: #e4e4e7;--vt-c-blue-v1: #368e7d}:host{font-family:Roboto!important;position:fixed;z-index:99999999;bottom:20px;right:20px;width:440px}:host .visible{bottom:20px!important}:host .invisible{top:100vh}:host .loading-dots{text-align:center;padding:5px}:host .loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--vt-c-black-v1);margin:0 5px;animation:loading 1s infinite}:host .loading-dots span:nth-child(2){animation-delay:.2s}:host .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}:host img{width:20px;height:20px;border-radius:12px;margin:0 5px}:host .toggle{position:absolute;bottom:20px;right:20px;border-radius:50%;cursor:pointer;border:none;padding:5px;transition:top 1s ease}:host .toggle img{height:40px!important;width:40px!important}:host .header{padding:0 10px;text-align:center;color:var(--vt-c-white-v1);max-height:58px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}:host .header button{background:none;border:none;cursor:pointer}:host .header .info{display:flex;align-items:center;max-width:80%}:host .header .info p{text-align:left;padding-left:5px}:host .chat-box{box-shadow:0 5px 20px var(--vt-c-gray-v1);position:absolute;bottom:-100vh;transition:bottom .5s ease;width:100%;border-radius:20px;overflow:hidden}:host .chat-box .messages-container{width:100%;height:400px;overflow:auto;display:flex;flex-direction:column;position:relative}:host .chat-box .messages-container .message{max-width:75%;padding:8px 12px;border-radius:12px;background-color:var(--vt-c-gray-v2);color:var(--vt-c-black-v3);word-wrap:break-word;margin:10px 0 0}:host .chat-box .messages-container .message a{cursor:pointer;color:var(--vt-c-blue-v1)}:host .chat-box .messages-container .message p{margin:5px 0}:host .chat-box .messages-container .chatbot-message{display:flex;align-items:flex-end}:host .chat-box .messages-container .chatbot-message ol{padding-left:10px}:host .chat-box .messages-container .chatbot-message ol ul{padding-left:10px}:host .chat-box .messages-container .chatbot-message ol pre{overflow:auto;background-color:var(--vt-c-black-v2);color:var(--vt-c-white-v1);padding:5px}:host .chat-box .messages-container .user-message{display:flex;justify-content:end;margin-right:10px}:host .form-wrapper{position:relative}:host .form-wrapper form{padding:10px;background-color:var(--vt-c-white-v1)}:host .form-wrapper form input{font-size:16px;border:1px solid var(--vt-c-gray-v3);border-radius:10px;box-shadow:none;box-sizing:border-box;opacity:1;outline:none;padding:16px 52px 16px 10px;width:100%}:host .form-wrapper form input:focus{outline:none}:host .form-wrapper form input:disabled{cursor:not-allowed}:host .form-wrapper form button{cursor:pointer;position:absolute;top:50%;right:10px;transform:translate(-50%,-50%);background-color:inherit;border:none}:host .form-wrapper form button:disabled{cursor:not-allowed;opacity:.5}:host .messages-container,:host .form-wrapper,:host .footer{background-color:var(--vt-c-white-v1)}:host .messages-container p,:host .form-wrapper p,:host .footer p{color:var(--vt-c-black-v1)}:host .footer{display:flex;height:34px;width:100%;align-items:center;justify-content:center;text-align:center}:host .spinner-box{position:absolute;left:50%;visibility:hidden;opacity:0;transform:translateY(-50%);transition:all .3s ease-out}:host .spinner-box .spinner-border{line-height:1.5;text-align:left;box-sizing:border-box;display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid var(--vt-c-blue-v1);border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite;padding:16px}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host .loading{visibility:visible;opacity:1;transform:translateY(100%)}@media screen and (max-width: 426px){:host{width:100%!important;height:100vh!important;right:0;bottom:0}:host .chat-box{display:flex;flex-direction:column;height:100vh;border-radius:0}:host .chat-box .messages-container{flex:1}:host .visible{top:0}}