:root{--header-height: 40px;--footer-height: 50px;--header-image-height: 30px;--color-white: #fff;--color-black: #121214;--color-disabled: #6d7691}body{margin:0;padding:0;font-size:1em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.webchat__container{height:100vh;display:flex;flex-direction:column}.user{position:relative;float:right;margin-right:5px}.bot{position:relative;float:left;margin-left:5px}.--fixed{position:fixed;z-index:1}.--display-none{display:none}.webchat__footer{bottom:0;right:0;left:0;height:40px;border:5px solid var(--color-primary);padding:0 45px 0 10px}.webchat__footer input[type=text]{width:100%;height:100%;border:none;background-color:var(--color-white);color:var(--color-black);font-size:1.2em;font-family:inherit;font-weight:inherit;padding:0;margin:0;outline:none}.webchat__footer-button{position:absolute;right:10px;bottom:8px;padding:0;border:none;color:var(--color-primary);background-color:transparent;cursor:pointer;outline:none}.webchat__header{top:0;right:0;left:0;height:var(--header-height);background-color:var(--color-header, var(--color-primary));box-shadow:0 1px #0003;color:var(--color-white);padding:8px 8px 0;font-weight:500}.webchat__header img{height:var(--header-image-height);margin-top:var(--header-image-margin-top)}.webchat__main{position:fixed;left:0;right:0;top:calc(var(--header-height) + 8px);bottom:var(--footer-height);padding:10px;overflow-x:hidden;overflow-y:auto;transition:transform .2s cubic-bezier(0,0,.5,1);transform:translateY(0)}.webchat__bot-avatar img{height:60px;float:left}.buttons__container{padding:8px;box-sizing:border-box;border:1px solid #d2dde5;background-color:var(--color-white);width:414px}.buttons__title{color:var(--color-black);font-weight:700;white-space:nowrap;box-sizing:border-box}.buttons__title p{margin:0 0 10px;width:100%;overflow:hidden;text-overflow:ellipsis}.buttons__list button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:0 1 auto;background-color:transparent;color:var(--color-primary);min-height:32px;width:100%;padding:0 16px;border:1px solid #ccc;border-radius:1px;cursor:pointer;transition:color .2s ease,background-color .2s ease;outline-color:var(--color-primary);margin-bottom:8px;font-size:1em}.buttons__list button:last-child{margin-bottom:0}.buttons__list button:hover{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.buttons__list button:active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@media (max-width: 450px){.buttons__container{width:214px}}@media (min-width: 768px){.buttons__container{width:414px}}.file__container{max-width:500px;padding:8px;box-sizing:border-box;border:1px solid #d2dde5;background-color:var(--color-white)}.file__form{display:flex}.file__button{flex:1;min-width:55px;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-left:none;font-size:15px;font-family:Segoe UI,sans-serif;font-weight:700;outline:none}.file__button:hover{border-left:none;color:#fff}.file__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file__input+label{flex:9;font-size:15px;font-family:Segoe UI,sans-serif;font-weight:700;color:var(--color-primary);background-color:#fff;border:1px solid #d2dde5;display:inline-block;padding:10px;cursor:pointer;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;margin-bottom:0}.--empty-space{margin-bottom:8px}.webchat__timestamp{clear:both;color:#767676;font-size:11px;margin-top:5px}.webchat__timestamp.bot{margin-left:10px}.webchat__timestamp.bot.avatar-on{margin-left:30px}.webchat__timestamp.user{float:right;margin-right:10px}.webchat__timestamp.user.avatar-on{margin-left:30px}.webchat__messages-wrapper{animation:animationFrames 2s;animation-iteration-count:1;clear:both;margin-bottom:10px;overflow:hidden;position:relative;transition:max-height 2s ease-in-out}.webchat__message-container{display:flex;flex-direction:row;align-items:flex-start}.webchat__message-container.user{align-items:flex-end}.webchat__message-container img{height:40px}.webchat__message-balloon{max-width:80vw}.webchat__message-balloon.avatar-on{max-width:70vw}.webchat__message-text{border-radius:2px;box-shadow:0 1px 1px #0003;padding:8px;word-break:break-word;min-width:15px;min-height:15px;max-width:100%}.webchat__message-text.user{background-color:var(--color-primary);color:var(--color-white)}.webchat__message-text.bot{background-color:var(--color-secondary);color:var(--color-black)}.webchat_message-link{text-decoration:none;font-weight:700;color:var(--color-primary)}.right-arrow{content:"";position:absolute;right:0;top:12px;width:0;height:0;border:8px solid transparent;border-left-color:var(--color-primary);border-right:0;margin-right:-7px}.left-arrow{content:"";position:absolute;left:0;top:12px;width:0;height:0;border:8px solid transparent;border-right-color:#eceff1;border-left:0;margin-left:-7px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{position:relative;width:50px;height:50px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite;align-items:center;left:50%;top:45%}.spinner-container{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.5)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:0;margin:0;background-color:#fafafa}.container .card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--color-primary);color:var(--color-white);border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;margin:20px}.container .card .hearder{display:flex}.container .card .hearder img.avatar{width:200px;margin-top:20px}.container .card .hearder .container_logo{width:100%}.container .card .hearder .container_logo img{width:200px;display:inline}.container .card .hearder .container_logo p{font-size:20px;font-weight:700}.container .card .main_body{width:100%}.container .card .buttons{display:flex;flex-direction:row;gap:15px;justify-content:space-evenly}.container .card .buttons button{margin-top:15px;border-radius:3px;padding:10px;font-size:18px;font-weight:700;color:#333;background:#ea757f;border:none;cursor:pointer;outline:0;transition:ease-in .1s}.container .card .buttons button:last-child{background-color:#e3e0b0}.container .card .buttons button:hover{background:#fafafa;color:#333}.container .card footer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin-top:20px;text-align:center;flex-wrap:wrap}.container .card footer a{text-decoration:underline;color:var(--color-white)}.container .card .container_action_secundary{width:100%}.container .card .container_action_secundary p{color:#e3e0b0;font-size:20px;font-weight:700}.container .card .container_action_secundary .inputs{display:flex;flex-direction:row;gap:15px;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.container .card .container_action_secundary .inputs input{width:100%;border:none;border-bottom:2px solid #e84751;padding:10px 15px;color:#e84751;font-weight:700;font-size:18px}.container .card .container_action_secundary .inputs .button{background-color:#333;color:#fbfaf5;margin-top:15px;border-radius:3px;padding:10px;font-size:18px;font-weight:700;border:none;cursor:pointer;width:100%;outline:0;transition:ease-in .1s}