/**
 * Chitta Behavioral AI Chatbot Styles 
 * * These styles are encapsulated within the Shadow DOM to ensure 
 * complete isolation and prevent conflicts with the host website's CSS. 
 * All selectors apply exclusively to the Chitta Behavioral AI Chatbot elements.
 *
 * @package ChittaBAI
 * @author Chitta Team
 * @license GPL-2.0-or-later
 * @link https://chitta.site
 */
*, *::before, *::after {box-sizing: border-box;}
.chat-window-wrapper {bottom: var(--chat--window--bottom);right: var(--chat--window--right);z-index: var(--chat--window--z-index);max-width: calc(100% - var(--chat--window--right,var(--chat--spacing))*2);max-height: calc(100% - var(--chat--window--bottom,var(--chat--spacing))*2);flex-direction: column;display: flex;position: fixed}
.chat-window-wrapper .chat-window {width: var(--chat_width, var(--chat_width_def));height: var(--chat_height, var(--chat_height_def));border: var(--chat--window--border,1px solid var(--chat--color-light-shade-100));border-radius: var(--chat--window--border-radius,var(--chat--border-radius));max-width: 100%;max-height: 100%;margin-bottom: var(--chat--window--margin-bottom,var(--chat--spacing));transform-origin: 100% 100%;display: flex;overflow: hidden;pointer-events: all;transition: transform var(--chat--transition-duration) ease-in-out, opacity var(--chat--transition-duration);}
.chat-window.is-closed {opacity: 0;transform: scale(0);pointer-events: none;}
.chat-window-wrapper .chat-window-toggle{position:relative;background:var(--chat_toggle_background, var(--chat_toggle_background_def));color:var(--chat_toggle_icon_color, var(--chat_toggle_icon_color_def));cursor:pointer;width:var(--chat_toggle_size, var(--chat_toggle_size_def));height:var(--chat_toggle_size, var(--chat_toggle_size_def));border-radius:var(--chat--toggle--border-radius,50%);transition:transform var(--chat--transition-duration)ease,background var(--chat--transition-duration)ease;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}
.chat-window-wrapper .chat-window-toggle:hover{transform: scale(1.05);background:var(--chat_toggle_hover_background, var(--chat_toggle_hover_background_def));}
.chat-window-wrapper .chat-window-toggle:active{transform: scale(.95);}
.chat-window-wrapper .chat-window-toggle svg {width:var(--chat_toggle_icon_size, var(--chat_toggle_icon_size_def));height:var(--chat_toggle_icon_size, var(--chat_toggle_icon_size_def));}
.chat-layout {position:relative; font-family: var(--chat--font-family); width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.chat-layout .chat-header {display:var(--chat_header_display, var(--chat_header_display_def));position:relative;background: var(--chat_h_background, var(--chat_h_background_def));color: var(--chat--header--color);padding: var(--chat--header--padding);flex-direction: column;justify-content: center;border-top: var(--chat--header--border-top);border-left: var(--chat--header--border-left);border-right: var(--chat--header--border-right);border-bottom:var(--chat_h_bborder, var(--chat_h_bborder_def));height:var(--chat_h_heigth, var(--chat_h_heigth_def));min-height:var(--chat_h_heigth, var(--chat_h_heigth_def));gap:var(--chat_h_gap, var(--chat_h_gap_def));}
.chat-window-wrapper .chat-window .chat-layout {flex: 1;width: auto;height: auto;}
[data-chitta-type="st"] .chat-layout .chat-header, [data-chitta-type="st_pop"] .chat-layout .chat-header{padding-top:0px; padding-bottom:0px;}
.chat-layout .chat-header h1 {font-size: 1.25rem; margin: 0; color: inherit;width:100%;margin-bottom:0!important;color:var(--chat_h_title_color, var(--chat_h_title_color_def));font-size:var(--chat_h_title_size, var(--chat_h_title_size_def));text-align:var(--chat_h_title_position, var(--chat_h_title_position_def));text-transform:var(--chat_h_title_uppercase, var(--chat_h_title_uppercase_def));font-style:var(--chat_h_title_em, var(--chat_h_title_em_def));font-weight:var(--chat_h_title_bold, var(--chat_h_title_bold_def));text-shadow:var(--chat_h_title_text_shadow, var(--chat_h_title_text_shadow_def));}
.chat-layout .chat-header p {width:100%;line-height: var(--chat--subtitle--line-height);margin-top:0px!important;margin-bottom:0!important;color:var(--chat_h_subtitle_color, var(--chat_h_subtitle_color_def));font-size:var(--chat_h_subtitle_size, var(--chat_h_subtitle_size_def));text-align:var(--chat_h_subtitle_position, var(--chat_h_subtitle_position_def));text-transform:var(--chat_h_subtitle_uppercase, var(--chat_h_subtitle_uppercase_def));font-style:var(--chat_h_subtitle_em, var(--chat_h_subtitle_em_def));font-weight:var(--chat_h_subtitle_bold, var(--chat_h_subtitle_bold_def));text-shadow:var(--chat_h_subtitle_text_shadow, var(--chat_h_subtitle_text_shadow_def));}
[data-chitta-type="st"] .chat-layout .chat-header p, [data-chitta-type="st_pop"] .chat-layout .chat-header p {display:none!important;}
.chat-layout .chat-body {flex: 1;overflow-y:auto;display: flex; flex-direction: column;background:var(--chat_b_background, var(--chat_b_background_def));min-height:var(--chat_b_min_height, var(--chat_b_min_height_def));}
.chat-messages-list {position:relative;padding: var(--chat--messages-list--padding); display: flex; flex-direction: column; gap: 8px;}
[data-chitta-type="st"] .chat-messages-list:empty, [data-chitta-type="st_pop"] .chat-messages-list:empty {padding-top:0px;padding-bottom:0px;}
.chat-message {line-height:1.5; max-width: fit-content;font-size: var(--chat_b_font_size, var(--chat_b_font_size_def));padding: var(--chat--message--padding);border-radius: var(--chat--message--border-radius);scroll-margin: 3rem;display: block;position: relative;}
.chat-message.chat-message-from-bot {color:var(--chat_b_answer_color, var(--chat_b_answer_color_def));border-bottom-left-radius: 0;}
.chat-message.chat-message-from-bot:not(.chat-message-transparent) {background: var(--chat_b_answer_background, var(--chat_b_answer_background_def));border: var(--chat--message--bot--border);}
.chat-message.chat-message-from-user {color:var(--chat_b_question_color, var(--chat_b_question_color_def));border-bottom-right-radius: 0;margin-left: auto;}
.chat-message.chat-message-from-user:not(.chat-message-transparent) {background: var(--chat_b_question_background, var(--chat_b_question_background_def));border: var(--chat--message--user--border);}
.chat-message > .chat-message-markdown {box-sizing: border-box;font-size: inherit;display: block;}
.chat-message + .chat-message {margin-top: var(--chat--message--margin-bottom);}
.chat-message.chat-message-from-user + .chat-message.chat-message-from-bot,.chat-message.chat-message-from-bot + .chat-message.chat-message-from-user {margin-top: var(--chat--spacing);}        
.chat-footer {border-top: var(--chat_b_bborder_width, var(--chat_b_bborder_width_def)) solid var(--chat_b_bborder_color, var(--chat_b_bborder_color_def));background: var(--chat--footer--background);color: var(--chat--footer--color);}
.chat-input[data-v-chitta] { flex-direction: column; justify-content: center; align-items: center; width: 100%; display: flex; position: relative; }
.chat-inputs[data-v-chitta] {position:relative; justify-content: center; align-items: flex-end; width: 100%; display: flex; }
.chat-inputs textarea[data-v-chitta] {font-family: inherit;font-size:var(--chat_f_font_size, var(--chat_f_font_size_def));border: 0; width: 100%; padding: var(--chat--input--padding);height: var(--chat--textarea--height, 2.5rem);min-height: var(--chat--textarea--height, 2.5rem);max-height: var(--chat--textarea--max-height); resize: none;background: var(--chat_f_background, var(--chat_f_background_def));color: var(--chat_f_color, var(--chat_f_color_def));line-height: var(--chat--input--line-height, 1.5); outline: none;}
.chat-inputs textarea[data-v-chitta]::placeholder {color: var(--chat_f_placeholder_color, var(--chat_f_placeholder_color_def));}
.chat-inputs textarea[data-v-chitta]::empty {max-height:50px !important;overflow:hidden !important;}
.chat-input-send-button[data-v-chitta] {height: var(--chat--textarea--height);width: var(--chat--textarea--height);background:var(--chat_sb_background, var(--chat_sb_background_def));cursor: pointer;color: var(--chat_sb_color, var(--chat_sb_color_def));border: 0; justify-content: center; align-items: center; display: inline-flex;}
.chat-input-send-button[disabled][data-v-chitta] {color: var(--chat_sb_dis_color, var(--chat_sb_dis_color_def));cursor: not-allowed; }
.chat-input-send-button.in_send {animation: sendPulse 0.9s ease-in-out infinite;}
@keyframes sendPulse {0% {transform: translateX(0) scale(1);opacity: 1;} 80% {transform: translateX(5px) scale(0.85);opacity: 0.8;} 100% {transform: translateX(0) scale(1);opacity: 1;}}
.chat-message-typing.neural-symmetry {width: 150px; max-width: 150px;height: 2px;min-height: 2px;margin: 20px 15px 30px 15px;position: relative;background: transparent;}
.chat-message-typing.neural-symmetry::before,.chat-message-typing.neural-symmetry::after {content: "";position: absolute;top: 0;width: 50%;height: 100%;background: #e443ff;box-shadow: 0 0 9px #e443ffa3;}
.chat-message-typing.neural-symmetry::before {right: 50%;transform-origin: right;animation: neural-pulse-left 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.chat-message-typing.neural-symmetry::after {left: 50%;transform-origin: left;animation: neural-pulse-right 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.chat-message-markdown h1, .chat-message-markdown h2, .chat-message-markdown h3, .chat-message-markdown h4, .chat-message-markdown h5, .chat-message-markdown h6 { margin: 5px 0 5px 0; line-height: 1.5; font-weight: bold;}
.chat-message-markdown h1 {font-size:1.5rem;}
.chat-message-markdown h2 {font-size:1.4rem;}
.chat-message-markdown h3 {font-size:1.3rem;}
.chat-message-markdown h4 {font-size:1.2rem;}
.chat-message-markdown h5 {font-size:1.1rem;}
.chat-message-markdown h6 {font-size:1rem;}
.chat-message-markdown a {color: var(--chat_b_links_color, var(--chat_b_links_color_def));}
.chat-message-markdown a:hover {color: var(--chat_b_links_hover_color, var(--chat_b_links_hover_color_def));}
.chat-message-markdown hr {border-width:0!important;border-top-width:1px!important;border-color:var(--chat_b_answer_color, var(--chat_b_answer_color_def))!important;color:var(--chat_b_answer_color, var(--chat_b_answer_color_def))!important;}
.chat-message-markdown p { margin: 0 0 10px 0; line-height: 1.5; }
.chat-message-markdown p:last-child { margin-bottom: 0; }
.chat-message-markdown ul, .chat-message-markdown ol { margin: 10px 0; padding-left: 25px; }
.chat-message-markdown li { margin-bottom: 5px; }
.chat-message-markdown li:last-child { margin-bottom: 0; }
.chat-message-markdown ol li {list-style-type: decimal;} 
.chat-message-markdown ul li {list-style-type: disc;}
.chat-message-markdown em {font-style: italic;}
.chat-message-markdown strong {font-weight: bold;}
.chat-message-markdown table {width: 100%;border-collapse: collapse;margin: 15px 0; background-color: transparent;color: inherit;border-radius: 4px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.chat-message-markdown table thead tr {background-color: rgba(0, 0, 0, 0.1);text-align: left;font-weight: bold;}
.chat-message-markdown table th, .chat-message-markdown table td {padding: 7px 10px;border: 1px solid rgba(0, 0, 0, 0.1);}
.chat-message-markdown table tbody tr:nth-of-type(even) {background-color: rgba(0, 0, 0, 0.02);}
.chat-message-markdown table tbody tr:hover {background-color: rgba(0, 0, 0, 0.05);transition: background-color 0.2s ease;}
@keyframes neural-pulse-left {0% { transform: scaleX(0); opacity: 0; }50% { transform: scaleX(1); opacity: 1; }100% { transform: scaleX(0); opacity: 0; transform-origin: left; }}
@keyframes neural-pulse-right {0% { transform: scaleX(0); opacity: 0; }50% { transform: scaleX(1); opacity: 1; }100% { transform: scaleX(0); opacity: 0; transform-origin: right; }}
/* Quick Questions */
.chitta-qque-wrap {width:100%;display:flex;flex-direction:column;min-height: 0;position: relative;overflow: hidden;} 
[data-chitta-type="st_pop"] .chitta-qque-wrap, [data-chitta-type="ch"] .chitta-qque-wrap, [data-chitta-type="ib"] .chitta-qque-wrap {will-change: transform, opacity;min-height: 0;height: 0;opacity: 0;transition: min-height 0.3s linear, opacity 0.3s ease;}
[data-chitta-type="st_pop"] .chitta-qque-wrap.is-visible, [data-chitta-type="ch"] .chitta-qque-wrap.is-visible, [data-chitta-type="ib"] .chitta-qque-wrap.is-visible {opacity: 1;}
.chitta-qque-wrap .chitta-qque {width:100%;display:flex;flex-wrap:wrap;padding:10px 10px 0px 10px;opacity: 0;visibility:hidden;font-size: 0;will-change: transform, opacity, visibility;transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.34, 1, 0.64, 1), visibility 0.6s;position: absolute;top: 0;left: 0;pointer-events:none;backface-visibility: hidden;align-items:start;align-content:flex-start;background:var(--cqq_div_background, var(--cqq_div_background_def));border-top:var(--cqq_div_top_border, var(--cqq_div_top_border_def));}
.chitta-qque-wrap .chitta-qque.active {opacity: 1;visibility:visible;position:relative;pointer-events:auto;}
.chitta-qque .chitta-qque-el, .chitta-qque .chitta-call-manager {padding:0px 12px;margin-right:10px;min-height:2px;margin-bottom:10px;cursor:pointer;max-width:100%;position:relative;top:0px;transition:border 0.2s ease-in-out;flex-shrink: 0;white-space: nowrap;backface-visibility: hidden;}
[data-chitta-type="st"] .chitta-qque .chitta-qque-el, [data-chitta-type="st"] .chitta-qque .chitta-call-manager, [data-chitta-type="st_pop"] .chitta-qque .chitta-qque-el, [data-chitta-type="st_pop"] .chitta-qque .chitta-call-manager {margin-bottom:8px;}
.chitta-qque .chitta-qque-el {border:1px solid var(--cqq_que_border_color, var(--cqq_que_border_color_def));font-size:var(--cqq_text_size, var(--cqq_text_size_def));border-radius:var(--cqq_que_border_radius, var(--cqq_que_border_radius_def));background:var(--cqq_que_background, var(--cqq_que_background_def));box-shadow:var(--cqq_que_boxshadow, var(--cqq_que_boxshadow_def));color:var(--cqq_que_color, var(--cqq_que_color_def));text-shadow:var(--cqq_text_shadow, var(--cqq_text_shadow_def));}
.chitta-qque .chitta-qque-el:not(.chitta-call-manager){
  opacity: 0;will-change: transform, opacity;backface-visibility: hidden;transform: translateX(25px) translateY(-15px) scale(1.15); transition: opacity 0.6s ease, transform 0.4s ease;}
.chitta-qque .chitta-qque-el:hover {border:1px solid var(--cqq_que_border_color_hover, var(--cqq_que_border_color_hover_def));}
.chitta-qque .chitta-qque-el:not(.chitta-call-manager) {visibility:hidden;}
.chitta-qque.active .chitta-qque-el {opacity: 1;transform: translateX(0) translateY(0) scale(1);}
.chitta-qque .chitta-qque-el:active {transform: translateX(0) scale(0.95);transition: transform 0.1s ease !important;transition-delay: 0s !important;}
.chitta-qque .chitta-call-manager {border:1px solid var(--callman_border_color, var(--callman_border_color_def));font-size: var(--callman_text_size, var(--callman_text_size_def));border-radius:var(--callman_border_radius, var(--callman_border_radius_def));background:var(--callman_background, var(--callman_background_def));box-shadow:var(--callman_boxshadow, var(--callman_boxshadow_def));color:var(--callman_color, var(--callman_color_def));text-shadow:var(--callman_text_shadow, var(--callman_text_shadow_def));}
.chitta-qque .chitta-call-manager:hover {border:1px solid var(--callman_border_color_hover, var(--callman_border_color_hover_def));}
/* Quick Questions IN Toggle */
.chat-window-wrapper .chat-window-toggle.e3qque_in_btn {padding-left:25px;padding-right:14px;width:var(--chat_quick_question_in_btn_fixing_width, var(--chat_quick_question_in_btn_fixing_width_def));max-width:var(--chat_quick_question_in_btn_fixing_max_width, var(--chat_quick_question_in_btn_fixing_max_width_def));}
[data-chitta-position="right"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn {-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important;}
.chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap {padding-right:20px;display:-webkit-box !important;display: -ms-flexbox !important;display: flex !important;width:100%;color:var(--chat_quick_question_in_btn_color, var(--chat_quick_question_in_btn_color_def));font-size:var(--chat_quick_question_in_btn_size, var(--chat_quick_question_in_btn_size_def));text-shadow:var(--chat_quick_question_in_btn_text_shadow, var(--chat_quick_question_in_btn_text_shadow_def));}
[data-chitta-in_btn_position="center"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap {-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;}
[data-chitta-in_btn_position="left"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap {-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:start !important;}
[data-chitta-in_btn_position="right"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap {-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:end !important;}
[data-chitta-in_btn_animation="fade"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap.e3qque_in_btn_fade {animation: e3qque_fade 0.5s ease-in-out;}
@keyframes e3qque_fade{0%{opacity:0;transform:translateY(5px);}100%{opacity:1;transform:translateY(0);}}
[data-chitta-in_btn_animation="flip"] .chat-window-wrapper .chat-window-toggle.e3qque_in_btn .e3qque_in_btn_wrap.e3qque_flip {backface-visibility: hidden;animation: e3qque_flip 0.8s ease-in-out;}
@keyframes e3qque_flip{0%{transform:rotateX(0deg);opacity:1;}45%{transform:rotateX(90deg);opacity:0;}55%{transform:rotateX(-90deg);opacity:0;}100%{transform:rotateX(0deg);opacity:1;}}
/* Sticker */
[data-chitta-type="st"] {position:fixed;top:auto;opacity: 0;visibility: hidden;pointer-events: none;bottom:var(--chat_sticker_bottom, var(--chat_sticker_bottom_def));left:var(--chat_sticker_left, var(--chat_sticker_left_def));right:var(--chat_sticker_right, var(--chat_sticker_right_def));}
[data-chitta-type="st"][data-chitta-st_anim="fade"] {will-change:opacity,visibility;visibility: hidden;transition: var(--chat_sticker_animation__fade, var(--chat_sticker_animation__fade_def));}
[data-chitta-type="st"][data-chitta-st_anim="slide"] {will-change:opacity,transform;transform: translateY(var(--chat_sticker_animation__slide_translate_y, var(--chat_sticker_animation__slide_translate_y_def)));transition: var(--chat_sticker_animation__slide, var(--chat_sticker_animation__slide_def));}
[data-chitta-type="st"][data-chitta-st_anim="zoom"] {will-change:opacity,transform;transform: scale(var(--chat_sticker_animation__zoom_scale, var(--chat_sticker_animation__zoom_scale_def)));transition: var(--chat_sticker_animation__zoom, var(--chat_sticker_animation__zoom_def));}
[data-chitta-type="st"][data-chitta-st_anim="blur"] {will-change:opacity,filter,transform;filter: blur(var(--chat_sticker_animation__blur_blur, var(--chat_sticker_animation__blur_blur_def)));transform: scale(var(--chat_sticker_animation__blur_scale, var(--chat_sticker_animation__blur_scale_def)));transition: var(--chat_sticker_animation__blur, var(--chat_sticker_animation__blur_def))}
[data-chitta-type="st"].is-visible {opacity: 1;visibility: visible;pointer-events: auto;z-index:var(--chat_sticker_zindex, var(--chat_sticker_zindex_def));}
[data-chitta-type="st"][data-chitta-st_anim="fade"].is-visible {visibility: visible;}
[data-chitta-type="st"][data-chitta-st_anim="slide"].is-visible {transform: translateY(0);}
[data-chitta-type="st"][data-chitta-st_anim="zoom"].is-visible {transform: scale(1);}
[data-chitta-type="st"][data-chitta-st_anim="blur"].is-visible {filter: blur(0);transform: scale(1);}
[data-chitta-type="st"] .chat-layout{border-top:var(--st_chat_border_top, var(--st_chat_border_top_def));border-left:var(--st_chat_border_left, var(--st_chat_border_left_def));border-right:var(--st_chat_border_right, var(--st_chat_border_right_def));border-bottom:var(--st_chat_border_bottom, var(--st_chat_border_bottom_def));border-radius:var(--chat_border_radius, var(--chat_border_radius_def));max-height:var(--chat_max_height, var(--chat_max_height_def));}
[data-chitta-type="st"] .closebtn {position: absolute;top:-20px;background: none;border: none;font-size: 22px;cursor: pointer;line-height: 1;padding: 0;transition: color 0.2s;outline:none;left:var(--st_left, var(--st_left_def));right:var(--st_right, var(--st_right_def));color:var(--chat_sticker_close_btn_color, var(--chat_sticker_close_btn_color_def));z-index:var(--chat_sticker_zindex, var(--chat_sticker_zindex_def));}
[data-chitta-type="st"] .closebtn:hover {color:var(--chat_sticker_close_btn_color_hover, var(--chat_sticker_close_btn_color_hover_def));}
/* Chat */
[data-chitta-type="ch"] .chat-window-wrapper {z-index:var(--chat_z_index, var(--chat_z_index_def));}
[data-chitta-type="ch"][data-chitta-position="left"] .chat-window-wrapper {left: var(--chat--window--right)!important;right:auto!important;}
[data-chitta-type="ch"][data-chitta-position="right"] .chat-window-wrapper {-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important;}
[data-chitta-type="ch"] .chat-window-wrapper .chat-window, [data-chitta-type="st_pop"] .chat-window-wrapper .chat-window {border:1px solid var(--chat_border_color, var(--chat_border_color_def));border-top-width:var(--chat_border_width_top, var(--chat_border_width_top_def));border-bottom-width:var(--chat_border_width_bottom, var(--chat_border_width_bottom_def));border-left-width:var(--chat_border_width_left, var(--chat_border_width_left_def));border-right-width:var(--chat_border_width_right, var(--chat_border_width_right_def));border-radius:var(--chat_border_radius, var(--chat_border_radius_def));}
[data-chitta-type="ch"] .chat-window-wrapper .chat-window-toggle, [data-chitta-type="st_pop"] .chat-window-wrapper .chat-window-toggle {border-radius:var(--chat_toggle_radius, var(--chat_toggle_radius_def));}
[data-chitta-type="ch"][data-chitta-position="left"] .chat-window-wrapper .chat-window-toggle {margin-left:0px!important;}
/* Sticker-POP */
[data-chitta-type="st_pop"] {height:auto;}
[data-chitta-type="st_pop"] .chat-window-wrapper .chat-window {height:auto;}
[data-chitta-type="st_pop"] .chat-window-wrapper {z-index:var(--chat_z_index, var(--chat_z_index_def));left:var(--chat_sticker_left, var(--chat_sticker_left_def));right:var(--chat_sticker_right, var(--chat_sticker_right_def));}
[data-chitta-type="st_pop"][data-chitta-position="right"] .chat-window-wrapper {-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important;}
[data-chitta-type="st_pop"][data-chitta-position="left"] .chat-window-wrapper .chat-window-toggle {margin-left:0px!important;}
[data-chitta-type="st_pop"][data-chitta-position="right"] .chat-window-wrapper:has(> .chat-window.is-closed) {left:auto!important;}
[data-chitta-type="st_pop"][data-chitta-position="left"] .chat-window-wrapper:has(> .chat-window.is-closed) {right:auto!important;}
[data-chitta-type="st_pop"] .chat-window-wrapper .chat-window {margin-bottom:var(--chat_sticker_bottom, var(--chat_sticker_bottom_def));width:100%;}
[data-chitta-type="st_pop"] .chat-layout {max-height:var(--chat_max_height, var(--chat_max_height_def));}
/* InfoBlock */
.chitta-ib-top {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;width:100%;max-width:100%;-webkit-box-pack:var(--wrap_position, var(--wrap_position_def));-ms-flex-pack:var(--wrap_position, var(--wrap_position_def));justify-content:var(--wrap_position, var(--wrap_position_def));}
.chitta-ib-top .chitta-ib-top-wrap {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-pack:var(--chat_position, var(--chat_position_def));-ms-flex-pack:var(--chat_position, var(--chat_position_def));justify-content:var(--chat_position, var(--chat_position_def));width:var(--wrap_width, var(--wrap_width_def));max-width:var(--wrap_max_width, var(--wrap_max_width_def));background:var(--wrap_background, var(--wrap_background_def));border:0px solid var(--wrap_border_color, var(--wrap_border_color_def));border-top-width:var(--wrap_border_width_top, var(--wrap_border_width_top_def));border-bottom-width:var(--wrap_border_width_bottom, var(--wrap_border_width_bottom_def));border-left-width:var(--wrap_border_width_left, var(--wrap_border_width_left_def));border-right-width:var(--wrap_border_width_right, var(--wrap_border_width_right_def));border-radius:var(--wrap_border_radius, var(--wrap_border_radius_def));padding-top:var(--wrap_padding_top, var(--wrap_padding_top_def));padding-bottom:var(--wrap_padding_bottom, var(--wrap_padding_bottom_def));padding-left:var(--wrap_padding_left, var(--wrap_padding_left_def));padding-right:var(--wrap_padding_right, var(--wrap_padding_right_def));margin-top:var(--wrap_margin_top, var(--wrap_margin_top_def));margin-bottom:var(--wrap_margin_bottom, var(--wrap_margin_bottom_def));margin-left:var(--wrap_margin_left, var(--wrap_margin_left_def));margin-right:var(--wrap_margin_right, var(--wrap_margin_right_def));box-shadow:var(--wrap_box_shadow, var(--wrap_box_shadow_def));}
[data-chitta-type="ib"] {overflow-y: auto;width:var(--chat_width, var(--chat_width_def));max-width:var(--chat_max_width, var(--chat_max_width_def));max-height:var(--chat_max_height, var(--chat_max_height_def));}
/* Icon */
.chat-layout .chat-header:before {
content: "";z-index:2;display: block;position:absolute;top:var(--chat_icon_top, var(--chat_icon_top_def));bottom:var(--chat_icon_bottom, var(--chat_icon_bottom_def));right:var(--chat_icon_right, var(--chat_icon_right_def));left:var(--chat_icon_left, var(--chat_icon_left_def));width:var(--chat_icon_size, var(--chat_icon_size_def));height:var(--chat_icon_size, var(--chat_icon_size_def));background-size:var(--chat_icon_size, var(--chat_icon_size_def)) var(--chat_icon_size, var(--chat_icon_size_def));opacity:var(--chat_icon_opacity, var(--chat_icon_opacity_def));background-image:var(--chat_icon_url, var(--chat_icon_url_def));}
/* Reset Button */
.chitta-reset-sess {display:block;font-family:inherit;padding:3px 18px;cursor:pointer;font-size:14px;line-height:1;border-radius:12px;position: absolute;right:auto;left:30px;top:-10px;z-index:2;border:1px solid var(--chat_reset_session_border_color, var(--chat_reset_session_border_color_def));background:var(--chat_reset_session_bg, var(--chat_reset_session_bg_def));color:var(--chat_reset_session_color, var(--chat_reset_session_color_def));}
/* ANIMATION CHITTA */
[data-chitta-type="st"] .chat-layout.chat-wrapper.anim_chitta {overflow-x:hidden;}
[data-chitta-type="ib"] .chat-layout.chat-wrapper.anim_chitta, [data-chitta-type="p"] .chat-layout.chat-wrapper.anim_chitta {overflow-x:hidden;overflow-y:hidden;}
[data-chitta-type="st"] .chat-layout.chat-wrapper .chat-header.anim_chitta::after,
[data-chitta-type="ib"] .chat-input .chat-inputs.anim_chitta::after,
[data-chitta-type="p"] .chat-input .chat-inputs.anim_chitta::after,
[data-chitta-type="st_pop"] .chat-window-toggle.anim_chitta::after,
[data-chitta-type="ch"] .chat-window-toggle.anim_chitta::after { content: "";pointer-events: none;position: absolute;aspect-ratio: 1 / 1;opacity: 0;z-index:3;height:var(--anim_chitta_size, var(--anim_chitta_size_def));top:var(--anim_chitta_position_relative_top, var(--anim_chitta_position_relative_top_def));background-image:var(--anim_chitta_url, var(--anim_chitta_url_def));background-size: cover;background-position: center;}
/* Mobiles */
@media (max-width: 767px) {
  [data-chitta-type="ib"] .chat-layout .chat-header:before, [data-chitta-type="p"] .chat-layout .chat-header:before{width:30px;height:30px;background-size:30px 30px;}
  [data-chitta-type="ib"] .chat-layout .chat-header h1, [data-chitta-type="p"] .chat-layout .chat-header h1{font-size:20px;}
  [data-chitta-type="ib"] .chat-layout .chat-header p, [data-chitta-type="p"] .chat-layout .chat-header p{font-size:16px;}
}
.chitta-branding {display: flex;justify-content: end;}
.chitta-branding a {text-decoration: none;color: inherit;opacity: 0.7;font-size:0.75rem; padding: 0 10px;background: #ffffff57;}
.chat-inputs-controls {display: flex;}
.chat-input-plus-button {height: var(--chat--textarea--height);width: var(--chat--textarea--height);background:var(--chat_sb_background, var(--chat_sb_background_def));cursor: pointer;color: var(--chat_sb_color, var(--chat_sb_color_def));border: 0; justify-content: center; align-items: center; display: inline-flex;}
.chitta-popover-main, .chitta-sub-inner {background: var(--chat_menu_background, var(--chat_menu_background_def));backdrop-filter: blur(8px);border: 1px solid var(--chat_menu_border_color, var(--chat_menu_border_color_def));border-radius: var(--chat_menu_border_radius, var(--chat_menu_border_radius_def));box-shadow: var(--chat_menu_box_shadow, var(--chat_menu_box_shadow_def)); padding: 8px; min-width: var(--chat_menu_min_width, var(--chat_menu_min_width_def));animation: chittaMenuFadeUp 0.2s ease-out;}
@keyframes chittaMenuFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.chitta-popover-main {max-height: 80vh;overflow-y: auto;}
.chitta-menu-item {display: flex;align-items: center;justify-content: space-between;padding: 5px 14px;border-radius: var(--chat_menu_item_border_radius, var(--chat_menu_item_border_radius_def));cursor: pointer;font-size: var(--chat_menu_item_font_size, var(--chat_menu_item_font_size_def));color: var(--chat_menu_item_color, var(--chat_menu_item_color_def));position: relative;}
.chitta-menu-item:hover {background: var(--chat_menu_item_background_hover, var(--chat_menu_item_background_hover_def));}
.chitta-popover-sub {position: absolute;top: -8px;left: 100%;z-index: 1001;padding-right: 12px;display: none;}
.chitta-sub-inner {background: var(--chat_menu_sub_background, var(--chat_menu_sub_background_def));border: 1px solid var(--chat_menu_sub_border_color, var(--chat_menu_sub_border_color_def));max-height: 60vh;overflow-y: auto;overflow-x: hidden;position: relative;}
.chitta-sub-inner.no-scroll {overflow: visible !important;max-height: none !important;}
.chitta-popover-main:has(.is-open) {overflow: visible !important;}
.chitta-menu-item.is-open > .chitta-popover-sub {display: block;}
.chitta-menu-item.is-open > svg {transform: rotate(90deg);transition: transform 0.2s;}
.chitta-menu-item.is-open > .chitta-sub-inner, .chitta-popover-sub > .chitta-sub-inner {max-height: calc(100vh - 40px);overflow-y: auto;}
.chitta-popover-sub.mode-stack-bottom {top: 100%; margin-top: 5px;}
.chitta-popover-sub.mode-stack-top {bottom: 100%;top: auto;margin-bottom: 5px;}
.chat-inputs-controls {display: flex;position:relative;}
.chat-input-voice-button {height: var(--chat--textarea--height);width: var(--chat--textarea--height);background:var(--chat_sb_background, var(--chat_sb_background_def));cursor: pointer;color: var(--chat_sb_color, var(--chat_sb_color_def));border: 0; justify-content: center; align-items: center; display: inline-flex;}
#chitta-voice-btn.is-recording, .chitta-form-mic-btn.is-recording {background-color: #ff4444 !important;}
#chitta-voice-btn.is-recording svg, .chitta-form-mic-btn.is-recording svg {color: #fff;animation: chitta-mic-pulse 1.5s infinite;}
@keyframes chitta-mic-pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.4; }
  100% { transform: scale(1); opacity: 1; }
}
.chat-message-voice-preparing {position: absolute;top: 15px;left: -210px;min-width: 200px;margin: 0;background: linear-gradient(to right, #008cffd1, #8b5cf6d1);padding: 2px 15px;font-style: italic;font-size: 0.95rem;line-height: 1;color: #ffffff;border-radius: 3px;text-align: center;}
.chat-message-voice-waiting {position: absolute;top: 25px; left: -210px;width: 200px; max-width: 300px;height: 2px;min-height: 2px;margin: 0;background: transparent;}
.chat-message-voice-waiting::before,.chat-message-voice-waiting::after {content: "";position: absolute;top: 0;width: 50%;height: 100%;background: #ff4444;}
.chat-message-voice-waiting::before {right: 50%;transform-origin: right;animation: neural-pulse-left 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.chat-message-voice-waiting::after {left: 50%;transform-origin: left;animation: neural-pulse-right 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
.chat-layout .chat-body {position: relative;justify-content: space-between;}
.chat-footer{position: relative;}
.chitta-photo-wrapper {position: relative;display: flex;flex-direction: column;justify-content: end;align-items: end;padding: 5px;padding-bottom: 38px;}
.chitta-photo-search-btn{position: absolute; top:-41px; right: 17px;left: auto; bottom: auto;display: flex;align-items: center;gap: 8px;background: var(--images_section_btn_bg, var(--images_section_btn_bg_def));color: var(--images_section_btn_color, var(--images_section_btn_color_def));border: 1px solid var(--images_section_btn_border_color, var(--images_section_btn_border_color_def));border-radius: var(--images_section_btn_border_radius, var(--images_section_btn_border_radius_def));font-size: var(--images_section_btn_size, var(--images_section_btn_size_def));box-shadow: var(--images_section_btn_boxshadow, var(--images_section_btn_boxshadow_def));cursor: pointer;padding: 8px 14px;transition: box-shadow 0.2s ease, background 0.2s ease;outline: none;user-select: none;}
.chitta-photo-search-btn:hover {background: var(--images_section_btn_bg_hover, var(--images_section_btn_bg_hover_def));box-shadow: var(--images_section_btn_boxshadow_hover, var(--images_section_btn_boxshadow_hover_def));}
.chitta-photo-search-btn .chitta-photo-icon {display: block;flex-shrink: 0;}
.chitta-photo-container {display: none; align-items: center;gap: 12px;padding: 10px 5px 15px 5px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;}
.chitta-photo-container.chitta-photo-actions-active {display: flex;opacity: 1;visibility: visible;transform: translateY(0);}
.chitta-photo-actions {display: flex;flex-direction: column;align-items: flex-end;gap: 10px;}
.chitta-photo-action-item {background: var(--images_section_action_btn_bg, var(--images_section_action_btn_bg_def));color: var(--images_section_action_btn_color, var(--images_section_action_btn_color_def));font-size: var(--images_section_action_btn_size, var(--images_section_action_btn_size_def));border-radius: var(--images_section_action_btn_border_radius, var(--images_section_action_btn_border_radius_def));box-shadow: var(--images_section_action_btn_boxshadow, var(--images_section_action_btn_boxshadow_def));border: none; padding: 6px 12px;cursor: pointer;white-space: nowrap;transition: background 0.2s ease, transform 0.2s ease;}
.chitta-photo-action-item:hover {background: var(--images_section_action_btn_bg_hover, var(--images_section_action_btn_bg_hover_def));transform: translateX(-2px);}
.chitta-photo-preview {position: relative;width: 90px;}
.chitta-preview-item-wrap {position: relative; margin-top: 8px; display: block; width: fit-content; margin-left: auto;}
.chitta-preview-img {max-width: 80px; max-height: 80px; border-radius: 6px; object-fit: cover; display: block; box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.chitta-photo-item-delete-btn {position: absolute; top: -5px; right: -5px; background: #ff4d4d; color: white; border: none; border-radius: 50%; width: 18px; height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); z-index: 10;}
.chitta-photo-close-icon {fill: #ffffff;}
.chat-layout.chat-wrapper.chitta-drag-over, .chat-body.chitta-drag-over, .chat-window-wrapper.chitta-drag-over {border: 2px dashed #3b82f6 !important;background-color: rgba(59, 130, 246, 0.04) !important;box-shadow: inset 0 0 12px rgba(59, 130, 246, 0.1);}
.chat-message-markdown img {max-width: 160px;max-height: 160px;border-radius: 8px;}
.chitta-img_max_warn {color: #ff4d4d; font-weight: bold; display: inline;}
@keyframes chittaMsgUp {
  0% {
    transform: translateY(30px); opacity: 0;                  
  }
  100% {
    transform: translateY(0); opacity: 1;                  
  }
}
.chat-message {opacity: 0; transform: translateY(30px); animation: chittaMsgUp 0.35s cubic-bezier(0.25, 1, 0.5, 1) forwards; will-change: transform, opacity;}
.chitta-action-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;align-items: flex-end;justify-content: center; background: rgba(15, 23, 42, 0.15);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px); opacity: 0;transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);border-radius: 16px;}
.chitta-action-backdrop.active {opacity: 1;}
.chitta-action-sheet {background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);width: 100%;border-radius: 24px 24px 0 0;padding: 24px 16px 16px 16px;box-sizing: border-box;border-top: 1px solid rgba(255, 255, 255, 0.4);box-shadow: 0 -10px 25px -5px rgba(15, 23, 42, 0.08), 0 -4px 12px -4px rgba(15, 23, 42, 0.04);transform: translateY(100%);transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
.chitta-action-sheet.active {transform: translateY(0);}
@media (min-width: 576px) {
  .chitta-action-backdrop {align-items: center;}
  .chitta-action-sheet {width: 85%;max-width: 420px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.5);padding: 20px 16px;transform: scale(0.95);opacity: 0;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 10px 10px -5px rgba(15, 23, 42, 0.04);}
  .chitta-action-sheet.active {transform: scale(1);opacity: 1;}
}
.chitta-upload-action-btn {display: flex;align-items: center;justify-content: center;gap: 12px;width: 100%;height: 48px;border: none;background: rgba(15, 23, 42, 0.04);border-radius: 14px;font-size: 15px;font-weight: 500;color: #1e293b;cursor: pointer;transition: background 0.2s ease, transform 0.1s ease;margin-bottom: 8px;}
.chitta-upload-action-btn:active {transform: scale(0.98);}
.chitta-upload-action-btn:hover {background: rgba(15, 23, 42, 0.08);}
.chitta-upload-action-btn-cancel {background: transparent;color: #64748b;margin-bottom: 0;margin-top: 4px;font-weight: 400;}
.chitta-upload-action-btn-cancel:hover {background: rgba(15, 23, 42, 0.03);}
.chitta-inline-btn, .chitta-inline-btn-link  {display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;gap: 8px;padding: 6px 14px;margin: 4px;box-sizing: border-box;white-space: nowrap;color: #ffffff !important;font-size: inherit;font-weight: 500;line-height: 1;font-family: inherit;cursor: pointer;background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #a855f7 100%);background-size: 200% auto;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 12px;box-shadow: 0 3px 10px rgba(124, 58, 237, 0.12);transition: background-position 0.25s ease, transform 0.15s ease,box-shadow 0.25s ease;will-change: transform, background-position;}
.chitta-inline-btn-link {text-decoration: none;background: linear-gradient(135deg, #a321b6 0%, #7c3aed 50%, #a35073 100%);}
.chitta-inline-btn:hover, .chitta-inline-btn-link:hover {background-position: right center; box-shadow: 0 5px 15px rgba(124, 58, 237, 0.25);}
.chitta-inline-btn:active {transform: scale(0.96);box-shadow: 0 2px 6px rgba(124, 58, 237, 0.15);}
.chitta-inline-btn svg {flex-shrink: 0;stroke: #ffffff;fill: none;}
.chat-message.chat-message-inline-form {width: 100%;  max-width: 532px;}
.chitta-lead-form-container {width: 100%;max-width: 500px; margin-top: 6px;box-sizing: border-box;}
.chitta-inline-lead-form {display: flex;flex-direction: column;gap: 10px;width: 100%;}
.chitta-form-title {font-size: inherit;font-weight: 600;color: inherit;margin-bottom: 4px;  opacity: 0.9;}
.chitta-form-group {width: 100%;position: relative;}
.chitta-form-input-wrapper {position: relative;display: flex;align-items: center;background: #ffffff;border: 1px solid rgba(148, 163, 184, 0.3);border-radius: 10px;height: 38px;box-sizing: border-box;transition: border-color 0.2s ease, box-shadow 0.2s ease;overflow: hidden;}
.chitta-form-textarea-wrapper {height: auto;}
.chitta-form-input-wrapper:focus-within {border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);}
.chitta-form-icon {display: flex;align-items: center;justify-content: center;padding-left: 10px;color: #94a3b8; flex-shrink: 0;}
.chitta-form-input {width: 100%;height: 100%;border: none !important;outline: none !important;background: transparent !important;padding: 0 10px !important;font-size: inherit;color: #1e293b !important;font-family: inherit;box-sizing: border-box;}
.chitta-form-input::placeholder {color: #abc1d6;opacity: 1;}
.chitta-form-textarea {padding: 6px 10px !important;}
.chitta-form-submit-btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #a855f7 100%);background-size: 200% auto;color: #ffffff !important;font-size: inherit;font-weight: 500;cursor: pointer;margin-top: 4px;transition: background-position 0.25s ease, transform 0.15s ease;}
.chitta-form-submit-btn:hover {background-position: right center;}
.chitta-form-submit-btn:active {transform: scale(0.97);}
.chitta-form-submit-btn.has-error {background: #ef4444 !important;}
.chitta-form-input-wrapper.chitta-form-error {border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;}
@keyframes chittaShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}
.chitta-form-error-shake {animation: chittaShake 0.2s ease-in-out 0s 2;}
.chitta-form-mic-btn {display: flex;align-items: center;justify-content: center;background: transparent !important;border: none !important;padding: 0 12px !important;height: 100%;color: #94a3b8;cursor: pointer;flex-shrink: 0;transition: color 0.2s ease, transform 0.1s ease;}
.chitta-form-mic-btn:hover {color: #7c3aed;}
.chitta-form-mic-btn:active {transform: scale(0.9);}
.chat-message-voice-preparing-form {top: 8px;left: auto;right: 40px;}
.chat-message-voice-waiting-form {top: 18px;left: auto;right: 40px;}
select.chitta-form-input {appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;padding-right: 36px !important;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23abc1d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;background-repeat: no-repeat !important;background-position: right 12px center !important;background-size: 16px !important;}
select.chitta-form-input:invalid, select.chitta-form-input:has(option[value=""]:checked) {color: #abc1d6 !important;}
select.chitta-form-input option {background: #e5d5ff36;color: #4e209d;}
select.chitta-form-input option[hidden], select.chitta-form-input option[value=""] {color: #abc1d6;opacity: 1;}
.chitta-form-checkbox-wrapper {height: auto;flex-direction: column;}
.chitta-form-checkbox-header {display: flex;align-items: center;width: 100%;margin-bottom: 10px;margin-top: 8px;}
.chitta-form-checkbox-title {color: #abc1d6;font-size: inherit;padding-left: 10px;}
.chitta-form-checkbox-group {display: flex;flex-direction: column;gap: 10px; width: 100%;padding-left: 24px;margin-bottom: 15px;}
.chitta-form-checkbox-group.single {padding-left: 10px;margin: 6px 0;}
.chitta-form-checkbox-label {display: flex; align-items: center;gap: 9px;cursor: pointer;color: #4e209d;user-select: none;}
input[type="checkbox"].chitta-form-checkbox {appearance: none;-webkit-appearance: none;width: 18px;height: 18px;background: #ffffff;border: 1px solid #ae80fd;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.2s ease, border-color 0.2s ease;margin: 0;flex-shrink: 0;}
input[type="checkbox"].chitta-form-checkbox:hover {border-color: #4e209d;}
input[type="checkbox"].chitta-form-checkbox:checked {background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #a855f7 100%);border-color: #4e209d;}
input[type="checkbox"].chitta-form-checkbox:checked::before {content: "";width: 10px;height: 10px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>");background-size: contain;background-repeat: no-repeat;background-position: center;}