@botfabrik/engine-webclient 4.77.4-alpha.0 → 4.77.4-alpha.2

package/README.md

@@ -327,6 +327,19 @@ Das Aussehen des Webclients kann pro Projekt angepasst werden. Dazu kann eine ei
 Verzeichnis `public/\${name-meines-webclients}/` abgelegt werden. Auf gleiche Art und Weise können auch der FAB (fab.svg), der Bot-Avatar
 (bot.svg) sowie das Logo (logo.svg) angepasst werden.
 
+### Favicon
+
+Um ein eigenes Favicon zu haben, müssen folgende Dateien im Chatbot Projekt hinterlegt werden:
+
+- apple-touch-icon.png
+- favicon-96x96.png
+- favicon.ico
+- favicon.svg
+- web-app-manifest-192x192.png
+- web-app-manifest-512x512.png
+
+Favicons können z.B. mittels https://realfavicongenerator.net/ generiert werden.
+
 ### Standard CSS Variabeln
 
 ```css

package/dist/client/assets/index-BUh3ZqA7.css

@@ -0,0 +1 @@
+@charset "UTF-8";body{margin:0}._app_7t89t_5{display:flex;flex-direction:row;height:100vh;height:100svh;background-color:var(--body-background-color)}._container_102qq_1{height:100%;position:relative}._chatcontent_102qq_6{display:flex;flex-flow:column nowrap;height:100%}._accessabilityHidden_102qq_12{visibility:hidden}._messageContainer_1io2g_1{flex:1;overflow-y:scroll;overscroll-behavior:contain;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(0,0,0,.2) transparent}._messages_1io2g_11{position:relative;list-style:none;font-size:.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media screen and (min-width: 1024px){._messageContainer_1io2g_1{margin-bottom:1rem}._messages_1io2g_11{padding-left:0}}@media (min-width: 36rem){._messageContainer_1io2g_1{padding-top:2rem;padding-bottom:2rem}._messages_1io2g_11{font-size:1rem;line-height:1.8}}._generalConditionsContainer_1ijeb_1{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem}._generalConditions_1ijeb_1{transition:all .5s linear;background-color:var(--bot-bubble-background-color);color:var(--bot-bubble-text-color);padding:.9em 1.3em;font-size:.9rem}._generalConditionsHeader_1ijeb_15{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}._generalConditionsHeader_1ijeb_15:focus{outline:none}._generalConditionsBody_1ijeb_25{display:flex;align-items:flex-end}._generalConditionsBody_1ijeb_25:focus{outline:none}._generalConditionsAccept_1ijeb_33{padding:.9em 1.3em;font-size:.9rem}._generalConditionsAccept_1ijeb_33:focus{outline:none}._message_1unr4_5{--bubble-margin: var(--bubble-margin-small);margin-bottom:var(--bubble-margin);transition:border-radius .5s;position:relative}._messageBot_1unr4_12{--bot-bubble-user-actions-display: none;display:flex;align-items:flex-end}._messageBot_1unr4_12:focus-within,._messageBot_1unr4_12:hover{--bot-bubble-user-actions-display: flex}._messageBot_1unr4_12:not(._messageBotLast_1unr4_20) ._avatar_1unr4_20{visibility:hidden}._messageBotFirst_1unr4_24{--bot-bubble-top-left-radius: var(--bubble-radius-large);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large)}._messageBotLast_1unr4_20{--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large)}._messageBotAnimated_1unr4_37{animation-duration:.25s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1unr4_1}._messageGuest_1unr4_48{display:flex;align-items:flex-end;justify-content:flex-end}._messageGuestFirst_1unr4_54{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}._messageGuestLast_1unr4_60{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large);margin-bottom:var(--bubble-margin)}._avatar_1unr4_20{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius, 50%)}._botAvatar_1unr4_74{background-color:var(--bot-avatar-background-color)}._agentAvatar_1unr4_78{background-color:var(--agent-avatar-background-color)}._bubble_1unr4_82{display:inline-block;max-width:calc(100% - 4.3rem);position:relative}._bubbleContent_1unr4_88{padding:var(--bubble-padding);color:inherit;font-size:inherit}._bubbleContent_1unr4_88 *>:first-child{margin-top:0}._bubbleContent_1unr4_88 *>:last-child{margin-bottom:0}._bubbleLeft_1unr4_100{border-radius:var(--bot-bubble-top-left-radius) var(--bot-bubble-top-right-radius) var(--bot-bubble-bottom-right-radius) var(--bot-bubble-bottom-left-radius);border-color:var(--bot-bubble-border-color);border-width:var(--bot-bubble-border-width);border-style:solid;background-color:var(--bot-bubble-background-color);margin-left:1rem}._leftText_1unr4_109{color:var(--bot-bubble-text-color)}._leftText_1unr4_109 a{color:var(--bot-bubble-text-color)!important}._bubbleRight_1unr4_116{border-radius:var(--guest-bubble-top-left-radius) var(--guest-bubble-top-right-radius) var(--guest-bubble-bottom-right-radius) var(--guest-bubble-bottom-left-radius);border-color:var(--guest-bubble-border-color);border-width:var(--guest-bubble-border-width);border-style:solid;background-color:var(--guest-bubble-background-color)}._rightText_1unr4_124,._rightText_1unr4_124 a{color:var(--guest-bubble-text-color)}@keyframes _fadeInLeft_1unr4_1{0%{transform:translate(-100vw)}to{transform:translate(0)}}._sourceInfoReference_1unr4_139{margin-left:3px;margin-right:3px;display:none}._sourceInfoReference_1unr4_139 a{--bot-bubble-text-color: black;background:color-mix(in srgb,var(--brand-primary-color) 20%,transparent);padding:3px 6px;border-radius:6px;font-size:.75rem;font-family:monospace}@media screen and (min-width: 1024px){._sourceInfoReference_1unr4_139{display:inline}}._botMessageActions_y79ik_1{--bot-bubble-user-actions-container-bg-opacity: 1;color:var(--text-secondary-color);padding:.125rem .5rem;vertical-align:middle;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255)/var(--bot-bubble-user-actions-container-bg-opacity));border-color:var(--color-gray-200);border-style:solid;border-width:1px;border-radius:.75rem;margin-top:-.75rem;top:100%;left:calc(var(--avatar-size, 2rem) + 1.5rem);position:absolute;z-index:10;display:var(--bot-bubble-user-actions-display);gap:.15rem}._alwaysVisible_y79ik_20{--bot-bubble-user-actions-display: flex;--bot-bubble-user-actions-container-bg-opacity: 0;border-width:0;top:calc(100% + .75rem)}._reported_y79ik_27{display:flex}._action_y79ik_31{display:var(--bot-bubble-user-actions-display);font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:.375rem;white-space:nowrap;justify-content:center;align-items:center;height:1.5rem;text-transform:none;border:0;cursor:pointer;color:inherit;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255)/var(--bot-bubble-user-actions-container-bg-opacity))}._action_y79ik_31:hover{background-color:var(--color-gray-200)}._action_y79ik_31._reported_y79ik_27{display:flex}._button_1a6cs_1{display:inline-block;font-family:inherit;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;cursor:pointer;transition:all .2s linear;text-align:center}._buttonDefault_1a6cs_13{color:#000000d9;background-color:#fff;border:2px solid var(--brand-primary-color)}._buttonDefault_1a6cs_13:hover{color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonDefault_1a6cs_13{color:#000000d9;background-color:#fff;border:2px solid;border-color:color-mix(in srgb,var(--brand-primary-color) 20%,transparent)}._buttonDefault_1a6cs_13:hover{color:var(--brand-primary-color);border-color:var(--brand-primary-color)}._buttonDefault_1a6cs_13:disabled{cursor:not-allowed;opacity:.3}._buttonPrimary_1a6cs_27{color:var(--brand-secondary-color);background-color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_1a6cs_27:hover{color:var(--brand-primary-color);background-color:var(--brand-secondary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_1a6cs_27:disabled{cursor:not-allowed;opacity:.3;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._title_1mhh2_1{margin-top:0;margin-block-start:0}._subtitle_1mhh2_6{margin-top:.5rem;margin-bottom:.5rem}._buttons_1mhh2_11{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}._button_1mhh2_11{font-size:.9em;margin:0;background-color:var(--bot-bubble-text-color);color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color);width:100%}._button_1mhh2_11:hover{color:var(--bot-bubble-text-color);background-color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color)}._imageContainer_1mhh2_33{display:flex}._image_1mhh2_33{height:100%;width:100%;object-fit:cover;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._video_container_1mhh2_44{display:flex}._video_1mhh2_44{width:100%;height:100%;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._only_1mhh2_54{border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-left-radius) - var(--bot-bubble-border-width))}._text_ola9a_1{overflow-wrap:break-word}._command_ola9a_5{padding:3px 6px;margin-right:3px;border-radius:6px;font-size:.75rem;font-family:monospace;background-color:var(--guest-bubble-command-background-color, rgba(255, 255, 255, .3))}._markdown_v53dg_1 h1,._markdown_v53dg_1 h2,._markdown_v53dg_1 h3,._markdown_v53dg_1 h4,._markdown_v53dg_1 h5,._markdown_v53dg_1 p,._markdown_v53dg_1 a,._markdown_v53dg_1 ul,._markdown_v53dg_1 ol{color:inherit;margin-block-start:.4em;margin-block-end:.4em;margin-inline-start:0px;margin-inline-end:0px}._markdown_v53dg_1 h1{font-size:1.2rem;white-space:pre-wrap}._markdown_v53dg_1 h2{font-size:1.1rem;white-space:pre-wrap}._markdown_v53dg_1 h3,._markdown_v53dg_1 h4,._markdown_v53dg_1 h5{font-size:1rem;white-space:pre-wrap}._markdown_v53dg_1 a{text-decoration:underline;cursor:pointer}._markdown_v53dg_1 a:hover{opacity:.8}._markdown_v53dg_1 img{max-width:100%;margin-block-start:0;margin-block-end:0}._markdown_v53dg_1 ul{padding:0 0 0 1.1em}._markdown_v53dg_1 ul>li{list-style-type:disc}._markdown_v53dg_1 ul>li ul{margin-block-start:0}._markdown_v53dg_1 ul>li p{margin-bottom:0}._markdown_v53dg_1 ol{padding:0 0 0 1.1em}._markdown_v53dg_1 ol>li{list-style-type:decimal}._markdown_v53dg_1 table,._markdown_v53dg_1 td,._markdown_v53dg_1 th{border:1px solid}._markdown_v53dg_1 table{width:100%;border-collapse:collapse;margin-bottom:1rem;-webkit-hyphens:auto;hyphens:auto}._markdown_v53dg_1 table th{text-align:left;padding:5px}._markdown_v53dg_1 table td{padding:5px}._markdown_v53dg_1 hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid;border-left:0;border-bottom:0;border-right:0}._ticontainer_wftg7_1{padding:var(--bubble-padding)}._tiblock_wftg7_5{align-items:center;display:flex;height:1rem;margin:2.1px}._tidot_wftg7_12{background-color:var(--bot-bubble-text-color);animation:_mercuryTypingAnimation_wftg7_1 1s infinite ease-in-out;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@keyframes _mercuryTypingAnimation_wftg7_1{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}._tidot_wftg7_12:nth-child(1){animation-delay:50ms}._tidot_wftg7_12:nth-child(2){animation-delay:.15s}._tidot_wftg7_12:nth-child(3){animation-delay:.25s}._bottomSheet_8itd6_1{visibility:hidden;position:absolute;z-index:3000;height:100%;width:100%;background-color:var(--body-background-color);top:0;bottom:0;transform:translateY(100%);overflow-y:auto;overscroll-behavior:contain}._bottomSheetOpen_8itd6_15{animation:_slide-in_8itd6_1 .2s forwards;visibility:visible}._bottomSheetClose_8itd6_20{animation:_slide-out_8itd6_1 .2s forwards;visibility:hidden}@keyframes _slide-in_8itd6_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slide-out_8itd6_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._container_ooyn8_1{overflow:hidden}._container_ooyn8_1 iframe{width:100%;height:100%;border:none}._container_vrn4j_1{padding:.5rem;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--text-primary-color);background-color:#fff;font-size:.7rem;color:var(--text-secondary-color)}._container_vrn4j_1 a{color:var(--brand-primary-color);text-decoration:none}@media screen and (min-width: 1024px){._container_vrn4j_1{padding:.75rem 0 0;background-color:transparent;border-top:unset}}._container_rkqaf_1{padding:1rem}._container_rkqaf_1 h1{font-size:1.6em}._container_rkqaf_1 h2{font-size:1em}._container_rkqaf_1 p{line-height:1.5}._formContainer_rkqaf_14{display:flex;flex-direction:column}._emailInput_rkqaf_19{box-sizing:border-box;margin:1rem 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000a6;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;outline:none}._emailInput_rkqaf_19:hover{border:1px solid var(--brand-primary-color)}._emailInput_rkqaf_19:focus{border:1px solid var(--brand-primary-color)}._description_rkqaf_48{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto}._actions_rkqaf_53{margin-top:1rem;padding-bottom:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}._validationError_rkqaf_63{padding-top:.5em;color:var(--danger-color);font-size:.8em;height:1rem}._submitted_rkqaf_70{margin-top:3rem;padding:1rem;border:1px solid var(--brand-primary-color);border-radius:2px}._inputContainer_1px77_1{z-index:2000}._blockUserInput_rv0dg_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:left;position:relative;background-color:#fff;color:#717171;font-size:.9rem;border-top:1px solid #bfbfbf;padding:.6rem 1rem;animation:_append-animate_rv0dg_1 .2s ease-in;z-index:0}@keyframes _append-animate_rv0dg_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._commandsDropdown_5ytuv_1{position:relative}._commandsDropdown_5ytuv_1 ._commands_5ytuv_1{position:absolute;bottom:calc(100% - 3px);left:0;right:0;padding:1rem;margin:0;width:100%;overflow-y:auto;max-height:30em;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0006;background-color:var( --commands-background-color, var(--brand-primary-color) );list-style-type:none}._commandsDropdown_5ytuv_1 ._command_5ytuv_1{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:1rem;border-radius:10px;color:var(--commands-text-color, white)}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 h1{font-size:1.1rem;margin-block:0}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}._commandsDropdown_5ytuv_1 ._commandActive_5ytuv_46{color:var(--commands-active-text-color, white);background-color:var( --commands-active-background-color, rgba(255, 255, 255, .3) )}._commandsSelections_5ytuv_55{display:none}@media screen and (min-width: 1024px){._commandsSelections_5ytuv_55{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-inline:1rem;margin-top:1rem}._commandsSelections_5ytuv_55 button{background:transparent;color:var(--text-secondary-color);border:1px solid var(--text-secondary-color);border-radius:20px;padding:.5rem 1rem;cursor:pointer}._commandsSelections_5ytuv_55 button:hover{background:var(--brand-primary-color);border-color:var(--brand-primary-color);color:#fff}}._callToActionContainer_1qvk4_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;padding:.6rem 1rem .3rem;animation:_append-animate_1qvk4_1 .2s ease-in;z-index:0}@keyframes _append-animate_1qvk4_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._callToActionTitle_1qvk4_22{font-size:.9rem;color:var(--text-secondary-color);margin-bottom:.2rem;padding-right:.5rem}._rateOverlay_1qvk4_29{display:flex;flex-direction:column;justify-content:space-between}._rateOverlay_1qvk4_29 h2{font-size:1em;text-align:center}._rateOverlay_1qvk4_29 p{line-height:1.5}._rateOverlay_1qvk4_29 form{display:flex;flex:1;flex-direction:column;justify-content:space-between}._body_1qvk4_48{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}._footer_1qvk4_56 input{font-size:1rem;border:none;box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem 1rem;text-overflow:ellipsis;color:var(--text-primary-color)}._actions_1qvk4_67{display:flex;justify-content:flex-end;align-items:center;line-height:0}._actions_1qvk4_67 button{width:100%;border-radius:0}@media screen and (min-width: 1024px){._footer_1qvk4_56 input{border-radius:20px}._actions_1qvk4_67{margin-top:.5rem}._actions_1qvk4_67 button{border-radius:.2rem}}._bubbles_1qvk4_89{display:flex;flex-direction:column}@keyframes _appear_1qvk4_1{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes _fadeInLeft_1qvk4_1{0%{transform:translate(-3rem)}80%{transform:translate(-3rem)}to{transform:translate(0)}}._rateFeedbackBotBubble_1qvk4_116{display:flex;align-items:flex-end;margin:1rem 0}._rateFeedbackGuestBubble_1qvk4_122{display:flex;align-items:flex-end;justify-content:flex-end}._avatar_1qvk4_128{width:var(--avatar-size);height:var(--avatar-size);animation-duration:.5s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1qvk4_1}._bubble_1qvk4_89{padding:var(--bubble-padding);font-size:.9rem;animation-duration:1s;animation-delay:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_appear_1qvk4_1}._botBubble_1qvk4_154{border-radius:var(--bubble-radius-large);background-color:var(--bot-bubble-background-color);margin-left:1rem;color:var(--bot-bubble-text-color)}._botBubble_1qvk4_154 a{color:var(--bot-bubble-text-color)!important}._guestBubble_1qvk4_164{animation-duration:.25s;align-self:end;border-radius:var(--bubble-radius-large);background-color:var(--guest-bubble-background-color);color:var(--guest-bubble-text-color);margin-left:1rem;display:box;line-clamp:3;box-orient:vertical;overflow:hidden}._guestBubble_1qvk4_164 a{color:var(--guest-bubble-text-color)}._rateText_1qvk4_180{padding:.75rem;font-size:.9rem}._stars_1qvk4_185{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:"tnum";display:inline-block;margin:0;padding:0;line-height:unset;list-style:none;outline:none}._starsSmall_1qvk4_197{font-size:1.2rem}._starsLarge_1qvk4_201{font-size:2rem}._starsLarge_1qvk4_201 ._star_1qvk4_185:not(:last-child){margin-right:1.5rem}._star_1qvk4_185{display:inline-block;color:inherit;cursor:pointer}._star_1qvk4_185:not(:last-child){margin-right:8px}._starReadonly_1qvk4_218{cursor:inherit}._star_1qvk4_185>div{transition:all .3s,outline 0s}._starIcon_1qvk4_226{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizelegibility}._star_1qvk4_185 [aria-checked=true]{color:var(--brand-primary-color, #fadb14)}._star_1qvk4_185 [aria-checked=false]{color:var(--color-gray-400)}._starsDescriptionContainer_1qvk4_244{display:flex;flex-direction:column;width:fit-content;padding-top:1rem;padding-bottom:1rem;margin:auto}._starsDescription_1qvk4_244{display:flex;flex-direction:row;justify-content:space-between;font-size:.7rem;color:var(--text-secondary-color)}._inputWrapper_p2y33_5{display:flex;justify-content:center;align-items:center;line-height:0;background-color:#fff}@media screen and (min-width: 1024px){._inputWrapper_p2y33_5{border-radius:20px}._withOpenCommands_p2y33_17{border-top-left-radius:0;border-top-right-radius:0}}._messageInputWrapper_p2y33_22{flex:1;margin-right:.5rem;border-radius:inherit}._messageInput_p2y33_22{resize:none;font-size:1rem;font-family:inherit;border:none;border-radius:inherit;height:calc(1em + 3rem);box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem;text-overflow:ellipsis}._messageInput_p2y33_22:focus{outline:none}._buttons_p2y33_46{padding-right:.5rem;display:flex;justify-content:center;align-items:center}._button_p2y33_46[disabled]{opacity:.4}._button_p2y33_46{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:inherit;color:var(--brand-primary-color);background-color:var(--brand-secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;border:none;text-align:center}._button_p2y33_46 svg{margin:2px;height:2em;width:2em;fill:currentColor}._button_p2y33_46:hover,._button_p2y33_46:active,._button_p2y33_46:focus{border:none;outline:none;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._button_p2y33_46:not(:last-child){margin-right:.5em}*{box-sizing:border-box}._audioRecorder_xps9k_5{display:flex;margin-left:-5px}._recordButton_xps9k_10{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._recordButton_xps9k_10:hover,._recordButton_xps9k_10:active,._recordButton_xps9k_10:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._recordButton_xps9k_10 svg{margin:2px;height:2em;width:2em;fill:currentColor}._submitButton_xps9k_37{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._submitButton_xps9k_37:hover,._submitButton_xps9k_37:active,._submitButton_xps9k_37:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._submitButton_xps9k_37 svg{margin:2px;height:2em;width:2em;fill:currentColor}._cancelButton_xps9k_64{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._cancelButton_xps9k_64:hover,._cancelButton_xps9k_64:active,._cancelButton_xps9k_64:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._cancelButton_xps9k_64 svg{margin:2px;height:2em;width:2em;fill:currentColor}._recorderIcon_xps9k_91{width:1.3em;height:1.3em;border-radius:50%;animation:_pulse_xps9k_1 2s infinite;margin:auto .6em}@keyframes _pulse_xps9k_1{0%{background-color:#fff}40%{background-color:var(--danger-color)}60%{background-color:var(--danger-color)}to{background-color:#fff}}._spinning_xps9k_113{width:40px;height:40px;padding:5px;display:block;margin:auto;color:var(--brand-primary-color);animation:_spin_xps9k_113 1.2s linear infinite}@keyframes _spin_xps9k_113{to{transform:rotate(360deg)}}._quickReplies_11l22_1{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:.4rem 1rem;gap:.5rem}._quickReply_11l22_9{font-size:.8rem;background-color:var(--brand-secondary-color);color:var(--brand-primary-color);border:1px solid var(--brand-primary-color)}._quickReply_11l22_9:active,._quickReply_11l22_9:focus,._quickReply_11l22_9:hover{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:1px solid var(--brand-secondary-color);outline:none}._header_17eop_1{display:flex;justify-content:space-between;align-items:center;padding:1rem;height:var(--header-height);color:var(--header-color, white);background-color:var( --header-background-color, var(--brand-primary-color, white) )}._logoContainer_17eop_14{height:inherit;flex:1;padding:var(--header-logo-padding, 1em)}._logo_17eop_14{height:100%;background-image:var(--header-logo-url);background-repeat:no-repeat;background-size:contain}._actions_17eop_27{display:flex;align-items:center;gap:.25rem;padding:var(--header-icons-padding, .9em)}._actions_17eop_27 button{background-color:transparent;color:inherit;border:none;cursor:pointer;font-size:2rem;border-radius:50%;padding:.5rem;margin:0}._actions_17eop_27 button:hover{background-color:rgb(from var(--header-icons-color, white) r g b / 20%)}._actions_17eop_27 button svg{display:block}@media screen and (min-width: 1024px){._header_17eop_1{padding:0;background-color:transparent}._actions_17eop_27 button{color:var(--header-color, white)}._actions_17eop_27 button:hover{background-color:var(--brand-primary-color);color:#fff}._closeButton_17eop_72{display:none}}._chatwindow_1jwgt_1{display:flex;flex-direction:column;position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}._chatwindow_1jwgt_1 main{flex:1;overflow:hidden}._chatwindow_1jwgt_1 aside{display:none}@media screen and (min-width: 1024px){._chatwindow_1jwgt_1{justify-content:center}._chatwindow_1jwgt_1 header{padding-inline:2rem;grid-area:header}._chatwindow_1jwgt_1 main{grid-area:header;flex:none;overflow:hidden}._chatwindow_1jwgt_1 header,._chatwindow_1jwgt_1 main{display:block;max-width:50em;width:100%;margin-left:auto;margin-right:auto}._chatwindowWithAside_1jwgt_38{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;grid-column-gap:6rem;grid-template-areas:"header aside" "main aside"}._chatwindowWithAside_1jwgt_38 header{grid-area:header;display:block;margin-right:unset;padding:1rem 2rem}._chatwindowWithAside_1jwgt_38 main{grid-area:main;flex:1;margin-right:unset;padding:0 2rem 1rem}._chatwindowWithAside_1jwgt_38 aside{grid-area:aside;overflow:hidden;display:block;container-type:inline-size}}._sourceInfos_y5y67_1{margin-left:1rem;height:100%;max-width:35rem;background-color:#fff;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column}._sourceInfos_y5y67_1 svg{display:block}._sourceDetails_y5y67_16{padding:2rem;display:flex;flex-direction:column;gap:1rem}._sourceHeader_y5y67_23{display:flex;align-items:center;justify-content:space-between;gap:.5rem}._sourceHeader_y5y67_23 h1{margin:0;overflow-wrap:break-word;word-break:break-all;font-size:1.25rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._sourceHeaderIcon_y5y67_43{font-size:2rem}._openSourceButton_y5y67_47{margin:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none}._openSourceButton_y5y67_47 p{font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._openSourceButton_y5y67_47 svg{font-size:1.5rem}._closeSourceInfosButton_y5y67_70{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;margin:0;padding:.25rem;border-radius:50%}._closeSourceInfosButton_y5y67_70:hover{background-color:var(--brand-primary-color);color:#fff}._sourceContent_y5y67_85{flex:1;padding:0 2rem;overflow-y:auto}@container (min-width: 30rem){._sourceInfos_y5y67_1{margin:2rem;height:calc(100% - 4rem)}}@keyframes _rotate_y5y67_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingSourceInfos_y5y67_107{display:flex;align-items:center;justify-content:center;font-size:5rem;margin-top:7rem;color:var(--color-gray-700)}._loading_y5y67_107{animation:_rotate_y5y67_1 2s linear infinite;transform-origin:center}._container_1hbca_2{display:flex;flex-direction:column;height:100%}._body_1hbca_8{padding:1rem;overflow-y:auto;flex:1;color:var(--text-primary-color)}._intro_1hbca_15{margin-bottom:1em}._intro_1hbca_15 h1{font-size:1.3em}._intro_1hbca_15 h2{font-size:1em}._intro_1hbca_15 p{line-height:1.4}._intro_1hbca_15 ul{padding-left:1em}._intro_1hbca_15 li{padding-top:.3em;padding-bottom:.3em;line-height:1.4}._footer_1hbca_36{padding:1rem}._footnote_1hbca_40{margin-top:.75rem;text-align:center;font-size:.8em;color:var(--text-secondary-color)}@media screen and (min-width: 1024px){._container_1hbca_2{justify-content:center;background:#fff;border-radius:20px;padding:2rem}._containerWithFootnote_1hbca_54{padding-bottom:1rem}._body_1hbca_8{max-height:60vh;padding:0 0 1rem;margin-bottom:1rem}._footer_1hbca_36{padding:0}}._startChatButton_1hbca_66{width:100%}._formFields_1hbca_70{display:flex;flex-direction:column;gap:.75em}._formField_1hbca_70{display:flex;flex-direction:column;gap:8px}._radio_1hbca_82{display:flex;align-items:flex-start;gap:6px;accent-color:var(--brand-primary-color)}._checkbox_1hbca_89{display:flex;align-items:flex-start;gap:6px;padding:6px 0;accent-color:var(--brand-primary-color)}._input_1hbca_97 input{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color)}._input_1hbca_97 input:focus,._input_1hbca_97 input:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._input_1hbca_97 input:hover{border-color:var(--brand-primary-color)}._inputLabel_1hbca_127{margin-bottom:8px}._selectWrapper_1hbca_131{position:relative}._selectWrapper_1hbca_131:after{content:"⌄";font-size:1rem;top:2px;right:14px;position:absolute}._select_1hbca_131 select{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}._select_1hbca_131 select:focus,._select_1hbca_131 select:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._select_1hbca_131 select:hover{border-color:var(--brand-primary-color)}._selectLabel_1hbca_173{margin-bottom:8px}:root{--aspect-ratio: calc(16 / 9);--color-gray-100: #e9eff6;--color-gray-200: #d6d6d6;--color-gray-300: #bfbfbf;--color-gray-400: #999999;--color-gray-500: #707070;--color-gray-600: #565656;--color-gray-700: #434343;--color-gray-800: #2e2e2e;--color-gray-900: #1a1a1a;--body-background-color: white;--brand-primary-color: rgb(4, 47, 97);--brand-secondary-color: white;--text-primary-color: var(--color-gray-800);--text-secondary-color: var(--color-gray-500);--danger-color: #b11106;--scrollbar-thumb-color: var(--color-gray-200);--header-height: 4em;--header-color: white;--header-logo-url: url(./logo.svg);--avatar-size: 2rem;--avatar-radius: 50%;--bot-avatar-background-color: var(--color-gray-100);--agent-avatar-background-color: var(--color-gray-100);--bubble-padding: .9em 1.3em;--bubble-margin-small: 3px;--bubble-margin-large: 1.2rem;--bubble-radius-large: 20px;--bubble-radius-small: 4px;--bot-bubble-background-color: white;--bot-bubble-text-color: var(--text-primary-color);--bot-bubble-border-color: var(--color-gray-700);--bot-bubble-border-width: 2px;--bot-bubble-top-left-radius: var(--bubble-radius-small);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-small);--guest-bubble-background-color: var(--brand-primary-color);--guest-bubble-text-color: white;--guest-bubble-border-color: white;--guest-bubble-border-width: 0px;--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}.chat__large{--header-color: var(--color-gray-800)}[data-title]{--tooltip-tick-position-top: -10px;--tooltip-tick-position-bottom: unset;--tooltip-position-top: -42px;--tooltip-position-bottom: auto;--tooltip-position-left: auto;--tooltip-position-right: -.5em;--tooltip-border-color: #1f1f1f;--tooltip-border-color-top: var(--tooltip-border-color);--tooltip-border-color-bottom: transparent;position:relative;opacity:1}[data-title]:before{content:"";position:absolute;top:var(--tooltip-tick-position-top);bottom:var(--tooltip-tick-position-bottom);right:35%;border:6px solid transparent;border-top-color:var(--tooltip-border-color-top);border-bottom-color:var(--tooltip-border-color-bottom);z-index:999999;visibility:hidden}[data-title]:after{content:attr(data-title);position:absolute;top:var(--tooltip-position-top);bottom:var(--tooltip-position-bottom);right:var(--tooltip-position-right);left:var(--tooltip-position-left);font-size:14px;line-height:16px;padding:8px 10px;font-family:inherit;white-space:nowrap;border-radius:5px;background-color:#1f1f1f;color:#fafafa;box-shadow:1px 6px 16px #1f1f1f;z-index:99999;visibility:hidden}[data-title]:hover:before,[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}.tooltip--right[data-title]{--tooltip-position-left: -1em;--tooltip-position-right: auto}.tooltip--bottom[data-title]{--tooltip-position-top: auto;--tooltip-position-bottom: -3em;--tooltip-tick-position-top: unset;--tooltip-tick-position-bottom: -10px;--tooltip-border-color-top: transparent;--tooltip-border-color-bottom: var(--tooltip-border-color)}::-webkit-scrollbar{width:8px;border:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}input::placeholder,textarea::placeholder{color:#666;opacity:1}svg{fill:currentColor}