.chat-bot-wrapper{align-items:center;background-color:transparent;border:2px solid var(--store-color-primary);border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.3);display:flex;height:50px;justify-content:center;margin-right:.3rem;text-decoration:none;transition:transform .3s ease,background-color .3s ease;width:50px}.chat-bot-wrapper:hover{background-color:var(--store-color-primary)}.chat-bot-wrapper .chat-bot-button{border-radius:100%;box-sizing:border-box;height:3.4rem;outline-offset:3px;overflow:hidden;padding:0;width:3.4rem}.chat-bot-wrapper .chat-bot-button img{aspect-ratio:1;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.chat-bot-talk{background-color:#fff;border:1px solid var(--store-color-primary);border-radius:8px;bottom:0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:min(70vh,35rem);margin-bottom:10px;overflow:hidden;position:absolute;right:0;width:25rem;z-index:4}.chat-bot-talk__header{align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:12px}.chat-bot-talk__body{display:flex;flex:1;flex-direction:column;gap:8px;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:10px 12px;position:relative;scroll-behavior:smooth}.chat-bot-talk__body .message{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.chat-bot-talk__body .message.user-message{align-items:flex-end;justify-content:flex-end}.chat-bot-talk__body .message.bot-message{align-items:flex-start;justify-content:flex-start}.chat-bot-talk__body .message .message-container{align-items:flex-end;animation-duration:.3s;border-radius:8px;display:flex;gap:.5rem;max-width:90%;position:relative}.chat-bot-talk__body .message .message-container.msg-fadeInUp{animation-name:fadeInUp;flex-direction:row-reverse}.chat-bot-talk__body .message .message-container.msg-fadeInDown{animation-name:fadeInDown}.chat-bot-talk__body .message .message-container__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2rem;justify-content:center;overflow:hidden;width:2rem}.chat-bot-talk__body .message .message-container__avatar img,.chat-bot-talk__body .message .message-container__avatar svg{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat-bot-talk__body .message .message-container__content{flex:1}.chat-bot-talk__body .message .message-container__content--header{color:#6b7280;font-size:.7rem}.chat-bot-talk__body .message .message-container__content--header .dotb{margin:0 .5rem}.chat-bot-talk__body .message .message-container__content--header .error{color:var(--store-color-error)}.chat-bot-talk__body .message .message-container__content--body{box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:.875rem;padding:8px 10px}.chat-bot-talk__body .message .message-container__content--body.user-msg{background-color:oklch(from var(--store-color-primary) l c h/.2);border-radius:16px 16px 0 16px}.chat-bot-talk__body .message .message-container__content--body.bot-msg{background-color:oklch(from var(--store-color-secondary) l c h/.2);border-radius:16px 16px 16px 0}.chat-bot-talk__body .message .message-container__content--body.error{align-items:center;background-color:oklch(from var(--store-color-error) l c h/.2);border-radius:16px 16px 16px 0;color:var(--store-color-error);display:flex;flex-direction:column;justify-content:center}.chat-bot-talk__body .message .message-container__content--body.error .error-message{font-weight:600}.chat-bot-talk__body .message .message-container__content--body.error .button-try-again{align-items:center;background:#ff362b34;border:none;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;display:flex;gap:8px;height:34px;justify-content:center;margin:10px 0;padding:6px 12px;width:80%}.chat-bot-talk__body .message .message-container__content--body.error .button-try-again .lable{color:var(--store-color-error);font-size:16px;letter-spacing:1px;line-height:20px}.chat-bot-talk__body .message .message-container__content--body.error .button-try-again:hover{background:#ff362b52}.chat-bot-talk__body .message .message-container__content--body.error .button-try-again:hover .svg-icon{animation:spin 2s linear infinite}.chat-bot-talk__body .message .message-container__content--body.loading{align-items:center;display:flex;gap:10px}.chat-bot-talk__body .message .message-container__content--body.loading .title{font-size:1rem;font-weight:600}.chat-bot-talk__body .message .message-container__content--body.loading .loader{align-items:center;display:flex;height:100%;justify-content:center}.chat-bot-talk__body .message .message-container__content--body.loading .loader .circle{animation:fill 1.2s ease-in-out infinite;border-radius:50%;box-shadow:inset 0 0 0 2px var(--store-color-primary);height:12px;margin:5px;position:relative;transform-origin:center;width:12px}.chat-bot-talk__body .message .message-container__content--body.loading .loader .circle-1{animation-delay:0s}.chat-bot-talk__body .message .message-container__content--body.loading .loader .circle-2{animation-delay:-.4s}.chat-bot-talk__body .message .message-container__content--body.loading .loader .circle-3{animation-delay:-.8s}.chat-bot-talk__body .message .message-container__content--body.loading .loader .circle-4{animation-delay:-1.2s}.chat-bot-talk__body .message .message-container__content--recomendation-list{background-color:oklch(from var(--store-color-secondary) l c h/.2);border-radius:16px 16px 16px 0;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:8px;padding:5px 10px}.chat-bot-talk__body .message .message-container__content--recomendation-list .title{border-bottom:1px dashed var(--store-color-secondary);font-size:.875rem;font-weight:600;margin:5px}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:.5rem}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container .recomendation-card{align-items:center;display:flex;gap:8px}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container .recomendation-card__img{border-radius:4px;flex-shrink:0;height:3rem;overflow:hidden;width:3rem}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container .recomendation-card__img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container .recomendation-card__title{color:#374151;font-size:.875rem;font-weight:500}.chat-bot-talk__body .message .message-container__content--recomendation-list .recomendation-card-container:hover{background-color:oklch(from var(--store-color-secondary) l c h/.3);box-shadow:0 5px 3px rgba(0,0,0,.1);transform:scale(1.02)}.chat-bot-talk__body .float-button-go-down{bottom:0;display:flex;justify-content:center;position:sticky;right:.3rem;width:100%}.chat-bot-talk__body .float-button-go-down__button{aspect-ratio:1;background-color:oklch(from var(--store-color-base-100) l c h/.3);border-color:var(--store-color-base-100);border-radius:50%;bottom:0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);color:var(--store-color-base-content);padding:.2rem;position:absolute}.chat-bot-talk__body .float-button-go-down__button:hover{box-shadow:0 6px 10px rgba(0,0,0,.15);transform:scale(1.1)}.chat-bot-talk__footer{box-shadow:0 -1px 3px rgba(0,0,0,.1)}.chat-bot-talk__footer .input-chatbot-wrapper{align-items:center;display:flex;margin:8px 10px;position:relative}.chat-bot-talk__footer .input-chatbot-wrapper .input{background-color:transparent;border:none;border-radius:8px;color:#1f2937;font-size:1rem;line-height:1.5rem;min-width:0;outline:1px solid #d1d5db;padding:10px 40px 10px 12px;resize:none;width:100%}.chat-bot-talk__footer .input-chatbot-wrapper .input:focus-within{outline:2px solid var(--store-color-primary);outline-offset:-2px}.chat-bot-talk__footer .input-chatbot-wrapper .input::-moz-placeholder{color:#9ca3af}.chat-bot-talk__footer .input-chatbot-wrapper .input::placeholder{color:#9ca3af}.chat-bot-talk__footer .input-chatbot-wrapper .input:invalid~.invalid-feedback{visibility:visible}.chat-bot-talk__footer .input-chatbot-wrapper .input-icon{align-items:center;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#9ca3af;cursor:pointer;display:flex;height:calc(100% - 8px);justify-content:center;padding:5px;position:absolute;right:.5rem}.chat-bot-talk__footer .input-chatbot-wrapper .input-icon .icon{height:1.5rem;width:1.5rem}.chat-bot-talk__footer .input-chatbot-wrapper:focus-within .input-icon{background:oklch(from var(--store-color-primary) l c h/.4);color:var(--store-color-primary)}@keyframes fill{0%{transform:scale(1)}50%{transform:scale(1.5)}to{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 6px #fff;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media(max-width:640px){.chat-bot-wrapper{height:44px;margin-right:0;width:44px}.chat-bot-talk{width:20rem}}
/*# sourceMappingURL=chatbot.css.map */