chatbot-widget{position:fixed;bottom:1.25rem;right:1.25rem;z-index:10000;font-family:inherit;font-size:var(--font-size--sm)}.chatbot__toggle{width:3.5rem;height:3.5rem;border-radius:50%;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000002e;transition:transform .2s ease;padding:0}.chatbot__toggle:hover{background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);transform:scale(1.07)}.chatbot__toggle svg{width:1.625rem;height:1.625rem}.chatbot__panel{position:absolute;bottom:4.375rem;right:0;width:22.5rem;height:min(30rem,calc(100vh - 6rem));background-color:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(.625rem);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;transform-origin:bottom right}.chatbot__panel.is-open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.chatbot__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.125rem;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);flex-shrink:0}.chatbot__header-title{font-weight:700;font-size:var(--font-size--md);letter-spacing:.025rem}.chatbot__header-subtitle{font-size:var(--font-size--2xs);opacity:.8;margin-top:.125rem}.chatbot__close{background:none;border:none;cursor:pointer;color:var(--color-primary-button-text);padding:.25rem;display:flex;align-items:center;opacity:.8;transition:opacity .15s}.chatbot__close:hover{opacity:1}.chatbot__close svg{width:1.25rem;height:1.25rem}.chatbot__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth;background-color:var(--color-background)}.chatbot__message{max-width:80%;padding:.625rem .875rem;border-radius:.75rem;line-height:1.5;font-size:var(--font-size--sm)}.chatbot__message--bot{background-color:rgb(var(--color-foreground-rgb) / .07);color:var(--color-foreground);border-bottom-left-radius:.1875rem;align-self:flex-start}.chatbot__message--user{background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border-bottom-right-radius:.1875rem;align-self:flex-end}.chatbot__typing{display:flex;align-items:center;gap:.25rem;padding:.625rem .875rem;background-color:rgb(var(--color-foreground-rgb) / .07);border-radius:.75rem .75rem .75rem .1875rem;align-self:flex-start;width:fit-content}.chatbot__typing-dot{width:.4375rem;height:.4375rem;border-radius:50%;background-color:rgb(var(--color-foreground-rgb) / .4);animation:chatbot-bounce 1.2s infinite ease-in-out}.chatbot__typing-dot:nth-child(2){animation-delay:.2s}.chatbot__typing-dot:nth-child(3){animation-delay:.4s}@keyframes chatbot-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.3125rem)}}.chatbot__suggestions{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .875rem .75rem;background-color:var(--color-background);flex-shrink:0}.chatbot__suggestions[hidden]{display:none}.chatbot__suggestion{border:1px solid var(--color-border);border-radius:1rem;padding:.375rem .75rem;font-family:inherit;font-size:var(--font-size--2xs);line-height:1.3;background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color .15s,border-color .15s}.chatbot__suggestion:hover{background-color:rgb(var(--color-foreground-rgb) / .07);border-color:var(--color-primary)}.chatbot__form{display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem;border-top:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.chatbot__input{flex:1;border:1px solid var(--color-input-border);border-radius:.375rem;padding:.5625rem .75rem;font-family:inherit;font-size:var(--font-size--sm);background-color:var(--color-input-background);color:var(--color-input-text);outline:none;transition:border-color .15s;resize:none}.chatbot__input:focus{border-color:var(--color-primary)}.chatbot__input::placeholder{color:rgb(var(--color-foreground-rgb) / .4)}.chatbot__send{width:2.375rem;height:2.375rem;border-radius:50%;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s,opacity .15s}.chatbot__send:hover{background-color:var(--color-primary-button-hover-background)}.chatbot__send:disabled{opacity:.5;cursor:default}.chatbot__send svg{width:1.125rem;height:1.125rem}@media screen and (max-width:749px){chatbot-widget{bottom:1rem;right:1rem}.chatbot__panel{position:fixed;bottom:0;right:0;left:0;width:100%;height:85vh;border-radius:1rem 1rem 0 0;transform-origin:bottom center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/chatbot.css.map */