@headwai/chat-bubble 7.1.1 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +59 -0
  2. package/dist-widget/chat-bubble.css +1 -1
  3. package/dist-widget/chat-bubble.js +83 -83
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -39,6 +39,10 @@ Add the Headwai Chat Bubble to the respective .html file.
39
39
  fontFamily: '"Inter", system-ui, sans-serif', // optional - default: 'inherit'
40
40
  fontSize: '16px', // optional - default: 'inherit'
41
41
  locale: 'de-DE', // optional - auto-detects browser language, supported: en-GB, de-DE, de-AT
42
+ disclaimerTitle: 'Terms of Service', // optional - default: 'Terms of Use'
43
+ disclaimerMessage: 'Please accept our terms before using this service.', // optional - custom disclaimer message
44
+ infoTitle: 'Support Information', // optional - default: 'About this AI Assistant'
45
+ infoMessage: 'For help, contact support@example.com', // optional - custom info overlay message
42
46
  };
43
47
  </script>
44
48
  </head>
@@ -101,6 +105,10 @@ For multiple instances use data attributes of the `<div>` tag for configuration
101
105
  data-chat-bubble-favicon-background-color="#667eea"
102
106
  data-chat-bubble-font-family='"Inter", system-ui, sans-serif'
103
107
  data-chat-bubble-font-size="16px"
108
+ data-chat-bubble-disclaimer-title="Terms of Service"
109
+ data-chat-bubble-disclaimer-message="Please accept our terms before using this service"
110
+ data-chat-bubble-info-title="Support Information"
111
+ data-chat-bubble-info-message="For help, contact support@example.com"
104
112
  ></div>
105
113
 
106
114
  <!-- Another chat bubble with different config -->
@@ -326,6 +334,53 @@ fontSize: '1rem';
326
334
  fontSize: '14px';
327
335
  ```
328
336
 
337
+ ### Disclaimer and Info Configuration
338
+
339
+ #### `disclaimerTitle`
340
+
341
+ **Type:** `string` | **Default:** Translation-based (`'Terms of Use'` in English, `'Nutzungsbedingungen'` in German)
342
+ Title displayed in the initial disclaimer dialog that users must accept before using the chat. This appears when the chat is first opened and the user hasn't previously accepted the terms.
343
+
344
+ ```javascript
345
+ disclaimerTitle: 'Privacy Notice';
346
+ disclaimerTitle: 'Terms of Service';
347
+ ```
348
+
349
+ #### `disclaimerMessage`
350
+
351
+ **Type:** `string` | **Default:** Translation-based disclaimer message
352
+ Main message text displayed in the initial disclaimer dialog. This is the content users must read and accept before they can start chatting.
353
+
354
+ ```javascript
355
+ disclaimerMessage: 'By using this service, you agree to our terms and privacy policy.';
356
+ disclaimerMessage: 'Please review our terms before continuing.';
357
+ ```
358
+
359
+ #### `infoTitle`
360
+
361
+ **Type:** `string` | **Default:** Translation-based (`'About this AI Assistant'` in English, `'Über diesen KI-Assistenten'` in German)
362
+ Title displayed in the info overlay that can be accessed via the info button (ⓘ) in the chat header. This provides users with additional information about the service after they've started chatting.
363
+
364
+ ```javascript
365
+ infoTitle: 'How This Works';
366
+ infoTitle: 'Support Information';
367
+ ```
368
+
369
+ #### `infoMessage`
370
+
371
+ **Type:** `string` | **Default:** Translation-based info message
372
+ Content displayed in the info overlay accessible via the info button. Use this to provide help information, contact details, or explain how the AI assistant works.
373
+
374
+ ```javascript
375
+ infoMessage: 'Our AI assistant uses advanced technology to help answer your questions. For additional support, contact us at support@company.com';
376
+ infoMessage: 'This chat service is powered by artificial intelligence and may occasionally provide inaccurate information.';
377
+ ```
378
+
379
+ **Note:** The disclaimer and info content serve different purposes:
380
+
381
+ - **Disclaimer**: Legal/privacy notice shown once before first use (requires acceptance)
382
+ - **Info**: Helpful information accessible anytime via the info button in the chat header
383
+
329
384
  ### Data Attribute Format
330
385
 
331
386
  When using data attributes for multiple chat bubbles, convert camelCase property names to kebab-case with the `data-chat-bubble-` prefix:
@@ -334,6 +389,10 @@ When using data attributes for multiple chat bubbles, convert camelCase property
334
389
  - `chatTitle` → `data-chat-bubble-chat-title`
335
390
  - `userMessageBackgroundColor` → `data-chat-bubble-user-message-background-color`
336
391
  - `initialMessage` → `data-chat-bubble-initial-message`
392
+ - `disclaimerTitle` → `data-chat-bubble-disclaimer-title`
393
+ - `disclaimerMessage` → `data-chat-bubble-disclaimer-message`
394
+ - `infoTitle` → `data-chat-bubble-info-title`
395
+ - `infoMessage` → `data-chat-bubble-info-message`
337
396
 
338
397
  ## Troubleshooting
339
398
 
package/dist-widget/chat-bubble.css CHANGED
@@ -1 +1 @@
1
- .chat-header.svelte-1rricw0.svelte-1rricw0{color:#fff;padding:16px 20px;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.chat-header-content.svelte-1rricw0.svelte-1rricw0{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:2em}.chat-header-icon.svelte-1rricw0.svelte-1rricw0{height:100%;max-height:2em;width:auto;object-fit:contain;flex-shrink:0}.chat-title.svelte-1rricw0.svelte-1rricw0{margin:0;font-weight:600;text-align:center;font-family:inherit;flex:1;line-height:1.2;padding:.5rem 0}.chat-header-buttons.svelte-1rricw0.svelte-1rricw0{display:flex;gap:4px;align-items:center;flex-shrink:0}.chat-new-button.svelte-1rricw0.svelte-1rricw0,.chat-download-button.svelte-1rricw0.svelte-1rricw0,.chat-close-button.svelte-1rricw0.svelte-1rricw0{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;height:100%;max-height:3.5em;width:auto;aspect-ratio:1;min-height:3em;min-width:3em}.chat-new-button.svelte-1rricw0.svelte-1rricw0:hover,.chat-download-button.svelte-1rricw0.svelte-1rricw0:hover,.chat-close-button.svelte-1rricw0.svelte-1rricw0:hover{background-color:#ffffff1a;transform:scale(1.05)}.chat-new-button.svelte-1rricw0.svelte-1rricw0:active,.chat-download-button.svelte-1rricw0.svelte-1rricw0:active,.chat-close-button.svelte-1rricw0.svelte-1rricw0:active{background-color:#fff3;transform:scale(.95)}.chat-new-button.svelte-1rricw0.svelte-1rricw0:focus,.chat-download-button.svelte-1rricw0.svelte-1rricw0:focus,.chat-close-button.svelte-1rricw0.svelte-1rricw0:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.chat-download-button.svelte-1rricw0.svelte-1rricw0:disabled{opacity:.5;cursor:not-allowed}.chat-download-button.svelte-1rricw0.svelte-1rricw0:disabled:hover{background-color:transparent;transform:none}@media (max-width: 768px){.chat-header.svelte-1rricw0.svelte-1rricw0{border-radius:0;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));position:relative;z-index:1000}.chat-header-buttons.svelte-1rricw0.svelte-1rricw0{gap:2px}.chat-new-button.svelte-1rricw0.svelte-1rricw0,.chat-download-button.svelte-1rricw0.svelte-1rricw0,.chat-close-button.svelte-1rricw0.svelte-1rricw0{width:3.5em;height:3.5em;padding:2px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:3.75em;min-height:3.75em}.chat-new-button.svelte-1rricw0.svelte-1rricw0:hover,.chat-download-button.svelte-1rricw0.svelte-1rricw0:hover,.chat-close-button.svelte-1rricw0.svelte-1rricw0:hover{background-color:transparent;transform:none}.chat-new-button.svelte-1rricw0.svelte-1rricw0:active,.chat-download-button.svelte-1rricw0.svelte-1rricw0:active,.chat-close-button.svelte-1rricw0.svelte-1rricw0:active{background-color:#fff3;transform:scale(.9);transition:all .1s ease}.chat-title.svelte-1rricw0.svelte-1rricw0{font-size:1.125em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media screen and (max-width: 768px){.chat-header-buttons.svelte-1rricw0 button.svelte-1rricw0{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;cursor:pointer;pointer-events:auto;z-index:998;transition:transform .2s ease,box-shadow .2s ease}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:hover{transform:scale(1.1);box-shadow:0 6px 8px #00000026}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a}.ai-assistant-icon.svelte-1qxp0ze img.svelte-1qxp0ze{width:75%;height:75%;object-fit:contain}@media (max-width: 768px){.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{width:56px;height:56px;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px));-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:9998}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:hover{transform:none}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:active{transform:scale(.9);transition:transform .1s ease}}@media (max-width: 480px){.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{width:64px;height:64px;min-width:44px;min-height:44px}}.chat-content.svelte-nmr4np{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-content.svelte-nmr4np deep-chat{width:100%!important;height:100%!important;position:relative!important;display:block!important;top:0!important;left:0!important;box-sizing:border-box!important}.chat-content.svelte-nmr4np deep-chat>*{width:100%!important;height:100%!important;box-sizing:border-box!important}@media (max-width: 768px){.chat-content.svelte-nmr4np{position:relative;min-height:0;flex:1 1 auto}.chat-content.svelte-nmr4np deep-chat{max-height:100%!important;overflow:hidden!important}.chat-content.svelte-nmr4np deep-chat [class*=input],.chat-content.svelte-nmr4np deep-chat [class*=text-input],.chat-content.svelte-nmr4np deep-chat input,.chat-content.svelte-nmr4np deep-chat textarea{position:relative!important;z-index:1000!important;margin-bottom:env(safe-area-inset-bottom,0px)!important;font-size:16px!important;-webkit-text-size-adjust:100%!important}.chat-content.svelte-nmr4np deep-chat [class*=messages],.chat-content.svelte-nmr4np deep-chat [class*=message-container]{padding-bottom:80px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media screen and (max-width: 768px) and (max-height: 600px){.chat-content.svelte-nmr4np deep-chat{height:100%!important;max-height:none!important}}html,body{margin:0;padding:0;width:100%;height:100%}main.svelte-rzw9x0{font-family:sans-serif;margin:0;padding:0;pointer-events:none}.chat-container.svelte-rzw9x0{position:fixed;bottom:20px;right:20px;width:400px;height:600px;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden;z-index:999;background:#fff;pointer-events:auto;animation:svelte-rzw9x0-slideIn .3s ease-out;display:flex;flex-direction:column}@keyframes svelte-rzw9x0-slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.chat-container.svelte-rzw9x0{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box;-webkit-text-size-adjust:100%;z-index:9999}@media (orientation: portrait){.chat-container.svelte-rzw9x0{min-height:100dvh;max-height:100dvh}}}
1
+ .chat-header.svelte-2g81hg.svelte-2g81hg{color:#fff;padding:16px 20px;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.chat-header-content.svelte-2g81hg.svelte-2g81hg{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:2em}.chat-header-icon.svelte-2g81hg.svelte-2g81hg{height:100%;max-height:2em;width:auto;object-fit:contain;flex-shrink:0}.chat-title.svelte-2g81hg.svelte-2g81hg{margin:0;font-weight:600;text-align:center;font-family:inherit;flex:1;line-height:1.2;padding:.5rem 0}.chat-header-buttons.svelte-2g81hg.svelte-2g81hg{display:flex;gap:4px;align-items:center;flex-shrink:0}.chat-new-button.svelte-2g81hg.svelte-2g81hg,.chat-download-button.svelte-2g81hg.svelte-2g81hg,.chat-info-button.svelte-2g81hg.svelte-2g81hg,.chat-close-button.svelte-2g81hg.svelte-2g81hg{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;height:100%;max-height:3.5em;width:auto;aspect-ratio:1;min-height:3em;min-width:3em}.chat-new-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-download-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-info-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-close-button.svelte-2g81hg.svelte-2g81hg:hover{background-color:#ffffff1a;transform:scale(1.05)}.chat-new-button.svelte-2g81hg.svelte-2g81hg:active,.chat-download-button.svelte-2g81hg.svelte-2g81hg:active,.chat-info-button.svelte-2g81hg.svelte-2g81hg:active,.chat-close-button.svelte-2g81hg.svelte-2g81hg:active{background-color:#fff3;transform:scale(.95)}.chat-new-button.svelte-2g81hg.svelte-2g81hg:focus,.chat-download-button.svelte-2g81hg.svelte-2g81hg:focus,.chat-info-button.svelte-2g81hg.svelte-2g81hg:focus,.chat-close-button.svelte-2g81hg.svelte-2g81hg:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.chat-download-button.svelte-2g81hg.svelte-2g81hg:disabled{opacity:.5;cursor:not-allowed}.chat-download-button.svelte-2g81hg.svelte-2g81hg:disabled:hover{background-color:transparent;transform:none}@media (max-width: 768px){.chat-header.svelte-2g81hg.svelte-2g81hg{border-radius:0;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));position:relative;z-index:1000}.chat-header-buttons.svelte-2g81hg.svelte-2g81hg{gap:2px}.chat-new-button.svelte-2g81hg.svelte-2g81hg,.chat-download-button.svelte-2g81hg.svelte-2g81hg,.chat-info-button.svelte-2g81hg.svelte-2g81hg,.chat-close-button.svelte-2g81hg.svelte-2g81hg{width:3.5em;height:3.5em;padding:2px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:3.75em;min-height:3.75em}.chat-new-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-download-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-info-button.svelte-2g81hg.svelte-2g81hg:hover,.chat-close-button.svelte-2g81hg.svelte-2g81hg:hover{background-color:transparent;transform:none}.chat-new-button.svelte-2g81hg.svelte-2g81hg:active,.chat-download-button.svelte-2g81hg.svelte-2g81hg:active,.chat-info-button.svelte-2g81hg.svelte-2g81hg:active,.chat-close-button.svelte-2g81hg.svelte-2g81hg:active{background-color:#fff3;transform:scale(.9);transition:all .1s ease}.chat-title.svelte-2g81hg.svelte-2g81hg{font-size:1.125em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media screen and (max-width: 768px){.chat-header-buttons.svelte-2g81hg button.svelte-2g81hg{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;cursor:pointer;pointer-events:auto;z-index:998;transition:transform .2s ease,box-shadow .2s ease}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:hover{transform:scale(1.1);box-shadow:0 6px 8px #00000026}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a}.ai-assistant-icon.svelte-1qxp0ze img.svelte-1qxp0ze{width:75%;height:75%;object-fit:contain}@media (max-width: 768px){.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{width:56px;height:56px;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px));-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:9998}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:hover{transform:none}.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze:active{transform:scale(.9);transition:transform .1s ease}}@media (max-width: 480px){.ai-assistant-icon.svelte-1qxp0ze.svelte-1qxp0ze{width:64px;height:64px;min-width:44px;min-height:44px}}.chat-content.svelte-nmr4np{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-content.svelte-nmr4np deep-chat{width:100%!important;height:100%!important;position:relative!important;display:block!important;top:0!important;left:0!important;box-sizing:border-box!important}.chat-content.svelte-nmr4np deep-chat>*{width:100%!important;height:100%!important;box-sizing:border-box!important}@media (max-width: 768px){.chat-content.svelte-nmr4np{position:relative;min-height:0;flex:1 1 auto}.chat-content.svelte-nmr4np deep-chat{max-height:100%!important;overflow:hidden!important}.chat-content.svelte-nmr4np deep-chat [class*=input],.chat-content.svelte-nmr4np deep-chat [class*=text-input],.chat-content.svelte-nmr4np deep-chat input,.chat-content.svelte-nmr4np deep-chat textarea{position:relative!important;z-index:1000!important;margin-bottom:env(safe-area-inset-bottom,0px)!important;font-size:16px!important;-webkit-text-size-adjust:100%!important}.chat-content.svelte-nmr4np deep-chat [class*=messages],.chat-content.svelte-nmr4np deep-chat [class*=message-container]{padding-bottom:80px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media screen and (max-width: 768px) and (max-height: 600px){.chat-content.svelte-nmr4np deep-chat{height:100%!important;max-height:none!important}}.disclaimer-container.svelte-x957gv.svelte-x957gv{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.disclaimer-content.svelte-x957gv.svelte-x957gv{padding:24px;max-width:350px;text-align:left}.disclaimer-header.svelte-x957gv h3.svelte-x957gv{margin:0 0 16px;font-size:var(--title-font-size, 1.125rem);font-family:var(--font-family, inherit);font-weight:600;color:#333;text-align:center}.disclaimer-body.svelte-x957gv.svelte-x957gv{margin-bottom:24px}.disclaimer-body.svelte-x957gv p.svelte-x957gv{margin:0 0 12px;font-size:var(--message-font-size, .875rem);font-family:var(--font-family, inherit);line-height:1.5;color:#555}.disclaimer-actions.svelte-x957gv.svelte-x957gv{display:flex;gap:12px;justify-content:center}.decline-button.svelte-x957gv.svelte-x957gv,.accept-button.svelte-x957gv.svelte-x957gv{padding:10px 20px;border:none;border-radius:6px;font-size:var(--button-font-size, .875rem);font-family:var(--font-family, inherit);font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:80px}.decline-button.svelte-x957gv.svelte-x957gv{background:#f5f5f5;color:#666}.decline-button.svelte-x957gv.svelte-x957gv:hover{background:#e8e8e8}.accept-button.svelte-x957gv.svelte-x957gv{background:var(--submit-button-color, #007bff);color:#fff}.accept-button.svelte-x957gv.svelte-x957gv:hover{opacity:.8}.accept-button.svelte-x957gv.svelte-x957gv:focus,.decline-button.svelte-x957gv.svelte-x957gv:focus{outline:2px solid var(--submit-button-color, #007bff);outline-offset:2px}.disclaimer-info-overlay.svelte-1vxbapg.svelte-1vxbapg{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:svelte-1vxbapg-fadeIn .2s ease-out}@keyframes svelte-1vxbapg-fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer-info-content.svelte-1vxbapg.svelte-1vxbapg{background:#fff;border-radius:12px;padding:24px;max-width:350px;max-height:80%;overflow-y:auto;position:relative;animation:svelte-1vxbapg-slideInScale .3s ease-out;box-shadow:0 12px 40px #0003}@keyframes svelte-1vxbapg-slideInScale{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.disclaimer-info-header.svelte-1vxbapg.svelte-1vxbapg{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.disclaimer-info-header.svelte-1vxbapg h3.svelte-1vxbapg{margin:0;font-size:calc(var(--base-font-size, 1rem) * 1.3);font-family:var(--font-family, inherit);font-weight:600;color:#333;flex:1;padding-right:12px}.close-info-button.svelte-1vxbapg.svelte-1vxbapg{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.close-info-button.svelte-1vxbapg.svelte-1vxbapg:hover{background-color:#f5f5f5;color:#333}.close-info-button.svelte-1vxbapg.svelte-1vxbapg:active{background-color:#e8e8e8;transform:scale(.95)}.close-info-button.svelte-1vxbapg.svelte-1vxbapg:focus{outline:2px solid var(--submit-button-color, #007bff);outline-offset:2px}.disclaimer-info-body.svelte-1vxbapg.svelte-1vxbapg{color:#555}.disclaimer-info-body.svelte-1vxbapg p.svelte-1vxbapg{margin:0 0 12px;font-size:var(--base-font-size, 1rem);font-family:var(--font-family, inherit);line-height:1.5}@media (max-width: 768px){.disclaimer-info-content.svelte-1vxbapg.svelte-1vxbapg{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);margin:20px}.disclaimer-info-header.svelte-1vxbapg h3.svelte-1vxbapg{font-size:calc(var(--base-font-size, 1rem) * 1.2)}.close-info-button.svelte-1vxbapg.svelte-1vxbapg{padding:8px;min-width:44px;min-height:44px}}html,body{margin:0;padding:0;width:100%;height:100%}main.svelte-rzw9x0{font-family:sans-serif;margin:0;padding:0;pointer-events:none}.chat-container.svelte-rzw9x0{position:fixed;bottom:20px;right:20px;width:400px;height:600px;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden;z-index:999;background:#fff;pointer-events:auto;animation:svelte-rzw9x0-slideIn .3s ease-out;display:flex;flex-direction:column}@keyframes svelte-rzw9x0-slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.chat-container.svelte-rzw9x0{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box;-webkit-text-size-adjust:100%;z-index:9999}@media (orientation: portrait){.chat-container.svelte-rzw9x0{min-height:100dvh;max-height:100dvh}}}