.aivio-toggle-chat{position:fixed;bottom:30px;right:30px;background:#18191a;color:#fff;padding:12px 18px;border:none;border-radius:50px;z-index:99999;font-weight:700;cursor:pointer;font-family:var(--font-body-family);font-size:15px}.aivio-chat-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;z-index:99999;align-items:center;justify-content:center}.aivio-chat-container{background:#fff;width:90%;max-width:1100px;height:65vh;border-radius:5px;display:flex;flex-direction:column;overflow:hidden;position:relative;border:black 1px solid}.aivio-close-chat{position:absolute;top:10px;right:10px;border:none;background:#18191a;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#fff;font-family:var(--font-body-family);font-size:25px;line-height:30px;overflow:hidden}.aivio-chat-log{flex:1;overflow-y:auto;padding:20px;font-family:sans-serif;font-size:15px;display:flex;flex-direction:column;gap:8px}.aivio-chat-input-wrapper{display:flex;border-top:1px solid #000000}.aivio-chat-input{flex:1;border:none;padding:15px;font-size:16px;font-family:var(--font-body-family)}.aivio-chat-send{border:none;background:#000;color:#fff;padding:0 20px;cursor:pointer;font-family:var(--font-body-family);font-weight:700;letter-spacing:1px;font-size:16px;line-height:16px}.wrapper-message{display:flex;flex-direction:column;width:100%;padding:15px 10px}.wrapper-message.bot{align-items:flex-start;align-self:flex-start}.wrapper-message.user{align-items:flex-end;align-self:flex-end;border-top:rgb(0 0 0 / 60%) solid 1px;border-bottom:rgb(0 0 0 / 60%) solid 1px}.wrapper-message .name-message{font-weight:700;margin-bottom:10px;font-size:15px;color:#000;font-family:var(--font-body-family)}.wrapper-message.bot .name-message{align-self:flex-start}.wrapper-message.user .name-message{align-self:flex-end}.chat-message{padding:0;border-radius:16px;word-break:break-word;transition:background .3s,color .3s;font-family:var(--font-body-family);max-width:100%}.chat-message p{margin:0}@media only screen and (min-width: 768px){.aivio-chat-log{padding:40px}.chat-message{max-width:70%}}.typing-loader .loader-text{font-style:italic;white-space:nowrap}.typing-loader .dots{display:inline-flex;gap:.3em;align-items:flex-end;vertical-align:baseline;line-height:1}.typing-loader .dots span{display:inline-block;width:.2em;height:.2em;border-radius:100%;background:currentColor;opacity:.5;transform:translateY(0);will-change:transform,opacity;animation:aivio-dot-bounce .9s infinite ease-in-out both}.typing-loader .dots span:nth-child(1){animation-delay:0ms}.typing-loader .dots span:nth-child(2){animation-delay:.15s}.typing-loader .dots span:nth-child(3){animation-delay:.3s}@keyframes aivio-dot-bounce{0%,to{transform:translateY(0);opacity:.45}35%{transform:translateY(-.22em);opacity:.9}70%{transform:translateY(0);opacity:.6}}@media (prefers-reduced-motion: reduce){.typing-loader .dots span{animation:none;opacity:.6}}html.dark-mode .aivio-toggle-chat,html.dark-mode .aivio-close-chat,html.dark-mode .aivio-chat-send{background:#fff;color:#000}html.dark-mode .aivio-chat-container{background:#000;border:white 1px solid}html.dark-mode .aivio-chat-modal{background:#000000e5}html.dark-mode .wrapper-message .name-message,html.dark-mode .wrapper-message .chat-message,html.dark-mode .aivio-chat-input::placeholder{color:#fff}html.dark-mode .aivio-chat-input-wrapper{border-color:#fff}html.dark-mode .aivio-chat-input{background:#000;color:#fff}html.dark-mode .wrapper-message.user{border-color:#fff9}
/*# sourceMappingURL=/cdn/shop/t/4/assets/styles-chat-aivio.css.map */