.aor-P0 {
	padding: 0 !important;
}

:root {
  --bg-color: #0F3B53;
  --border-color: #667F89;
  --text-color: #CCD4D8;
  --hl-bg-color: #0B2C3E;
  --hl-color: #E5E9EB;
  --system-bg-color: #FFF;
  --color-green: #22A573;
  --secondary-color: #7192A4;
  --tertiary-bg-color: #E7EDF0;
  --secondary-bg-color: #426E86;
}

.w-12{width: 0.75rem;}
.h-12{height: 0.75rem;}
.w-16{width: 1rem;}
.h-16{height: 1rem;}
.w-20{width: 1.25rem;}
.h-20{height: 1.25rem;}
.w-24{width: 1.5rem;}
.h-24{height: 1.5rem;}

#popUpOpener {
	cursor:pointer;
	display: flex;
	padding:1rem;
	border-radius: 50%;
	background-color: var(--bg-color);
	color: #FFF;
	position: fixed;
	right: 15px;
	bottom: 15px;
}

#popUpWrappper {
	position: fixed;
	/*top:100vh;*/
	top:100%;
	right: 15px;
	max-width: 400px;
	width:calc(100% - 30px);
	z-index: 10000; /* Overlay the AppBar */
}

@media (max-width: 480px) {
	#popUpWrappper {
		right: 0 !important;
		left: 0 !important;
		width: 100%;
		top: 100%;
		max-width: unset;
	}
}

#popUpWrappper:not(.open) {
	max-height: 0;
}
#popUpWrappper.open #popUpOpener, 
#popUpBigOpener+#popUpOpener {
	display:none;	
}

#popUpBigOpener {
	cursor:pointer;	
	position: fixed;
	right: 15px;
	bottom: 0px;
	max-width: 300px;
}

#popUpWrappper #botWrappper {
	-webkit-transform: translateY(0);
	-webkit-transition: .5s transform ease;
	transform: translateY(0);
	transition: .5s transform ease;
}
#popUpWrappper.open #botWrappper {
	-webkit-transform: translateY(-100%);
	-webkit-transition: .5s -webkit-transform ease;
	transform: translateY(-100%);
	transition: .5s transform ease;
}

#botWrappper {  
  border-width: 2px;
  border-bottom: 0 none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;  
}

:where(#botWrappper) {
	background-color: #FFFFFF;
  border-color: var(--bg-color);
}

@media (max-width: 480px) {
	#botWrappper {
		border: 0 none;
	}
}

#chat-left .aos-DF,
#chat-form .aos-DF,
#chat-main .aos-DF {
	display: flex !important;
}

#popUpWrappper #chat-left > * {
	padding-top: 10px;
	padding-bottom: 10px;
	display:flex;	
}
#popUpWrappper #chat-left > span:not(.aos-NM) {
	cursor: pointer;
}
#popUpWrappper #chat-deploy:hover,
#popUpWrappper #botWrappper.expanded #chat-deploy {	
	background-color: var(--bg-color);
}

#chat-left{
	width: 100%;
	background-color: var(--bg-color);
	color: var(--hl-color);
}

#chat-left h5 {
	color: var(--hl-color);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100vw - 80px)
}

#botWrappper{
	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}
	::-webkit-scrollbar-thumb {
	  border-radius: 4px;
	  background-color: var(--hl-bg-color);
	  box-shadow: 0 0 1px var(--hl-bg-color);
	}
}

#botWrappper.expanded #conversationPanel {
	-webkit-transform: translateX(0);
	-webkit-transition: .5s -webkit-transform ease;
	transform: translateX(0);
	transition: .5s transform ease;
	overflow-y: auto;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	scrollbar-color: var(--text-color) var(--hl-bg-color);
	padding-bottom: 10px;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  #botWrappper.expanded #conversationPanel {	
	scrollbar-width: auto;	
  }
} 
#botWrappper:not(.expanded) #conversationPanel {		
	-webkit-transform: translateX(-100%);
	-webkit-transition: .5s transform ease;
	transform: translateX(-100%);
	transition: .5s transform ease;
}

#chat-main {
	position:relative;	
	overflow: hidden;
}
#chat-area {
	height:33vh;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--text-color) transparent;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  #chat-area {	
	scrollbar-width: auto;	
  }
}

#conversationPanel {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 280px;
	bottom: 0;
	background: var(--bg-color);
	z-index: 1;
}

#conversations .conversationWrapper {
	padding-top: 1px;
}

#conversations .conversationWrapper *,
#conversations > div {
	color: var(--text-color);
	background-color: transparent;
}

#conversations .conversation:hover,
#conversations .conversation:has(.conversationActions.expanded),
#conversations .conversation.selected{
	background-color: var(--hl-bg-color);
}
#conversations .conversation:hover *,
#conversations .conversation:has(.conversationActions.expanded),
#conversations .conversation.selected * {
	color: var(--hl-color);
}

#conversations .conversationWrapper > span,
#conversations .conversationWrapper .conversation > span {
	line-height: 1rem;
}

#conversations .conversationWrapper > span {
	font-size: 0.75rem;
}

#conversations .conversation > span {
	font-size: 0.875rem;
	line-height: 1rem;
	cursor:pointer;	
	/*text-overflow: ellipsis;*/
	text-overflow: clip;
	overflow: hidden;
	white-space: nowrap;	
	width: 100%;
	z-index: 0;
}

#conversations .conversation .conversationActions {
	position:absolute;
	z-index: 1;
	right: 0;
	max-width: 20px;
	display:flex !important;
	background: linear-gradient(90deg, rgba(15, 59, 83, 0) 0%, rgba(15, 59, 83, 1) 50%) !important;
 	width: 100%;
 	height: 100%;
}
#conversations .conversation:hover .conversationActions,
#conversations .conversation.selected .conversationActions,
#conversations .conversation .conversationActions.expanded {
	background: linear-gradient(90deg, rgba(11, 44, 62, 0) 0%, rgba(11, 44, 62, 1) 50%) !important;
}
#conversations .conversation:hover .conversationActions,
#conversations .conversation .conversationActions.expanded {
	max-width: 50px;		
}

#conversations .conversation .conversationActions > span {
	opacity:0;
	visibility: hidden;	
	cursor:pointer;
	padding-right:3px;
	transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;	
}
#conversations .conversation .conversationActions.expanded > span,
#conversations .conversation:hover .conversationActions > span {
	opacity:1;
	visibility: visible;	
}

#conversations .conversation .conversationActions > div {
  position:absolute;
  right: 20px;
  top: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  padding:3px;
  background-color: var(--hl-bg-color);
}

#conversations .conversation .conversationActions > div span {
	font-size:.8em;
	white-space: nowrap;
	width: 100%;
	padding:3px 6px 3px 23px;
	cursor:pointer;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 16px;
}
#conversations .conversation .conversationActions > div span:hover {
	background-color: var(--bg-color);
	color:#FFF;
}

#conversations .conversation .conversationActions .copyQ {
	background-size: 20px;
	background-position: 1px center;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(229, 233, 235)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.64286 6.4999H8.07143C7.65466 6.4999 7.25496 6.66546 6.96026 6.96016C6.66556 7.25486 6.5 7.65456 6.5 8.07132V17.4999C6.5 17.9167 6.66556 18.3164 6.96026 18.6111C7.25496 18.9058 7.65466 19.0713 8.07143 19.0713H15.9286C16.3453 19.0713 16.745 18.9058 17.0397 18.6111C17.3344 18.3164 17.5 17.9167 17.5 17.4999V8.07132C17.5 7.65456 17.3344 7.25486 17.0397 6.96016C16.745 6.66546 16.3453 6.4999 15.9286 6.4999H14.3571M9.64286 6.4999C9.64286 6.91666 9.80842 7.31636 10.1031 7.61106C10.3978 7.90576 10.7975 8.07132 11.2143 8.07132H12.7857C13.2025 8.07132 13.6022 7.90576 13.8969 7.61106C14.1916 7.31636 14.3571 6.91666 14.3571 6.4999M9.64286 6.4999C9.64286 6.08313 9.80842 5.68343 10.1031 5.38873C10.3978 5.09403 10.7975 4.92847 11.2143 4.92847H12.7857C13.2025 4.92847 13.6022 5.09403 13.8969 5.38873C14.1916 5.68343 14.3571 6.08313 14.3571 6.4999'/%3e%3c/svg%3e");
}
#conversations .conversation .conversationActions .copyLink {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='rgb(229, 233, 235)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z'/%3e%3c/svg%3e");
}
#conversations .conversation .conversationActions .deleteC {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='rgb(229, 233, 235)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z'/%3e%3c/svg%3e");
}

#conversations .conversation .conversationActions .copyQ:hover {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.64286 6.4999H8.07143C7.65466 6.4999 7.25496 6.66546 6.96026 6.96016C6.66556 7.25486 6.5 7.65456 6.5 8.07132V17.4999C6.5 17.9167 6.66556 18.3164 6.96026 18.6111C7.25496 18.9058 7.65466 19.0713 8.07143 19.0713H15.9286C16.3453 19.0713 16.745 18.9058 17.0397 18.6111C17.3344 18.3164 17.5 17.9167 17.5 17.4999V8.07132C17.5 7.65456 17.3344 7.25486 17.0397 6.96016C16.745 6.66546 16.3453 6.4999 15.9286 6.4999H14.3571M9.64286 6.4999C9.64286 6.91666 9.80842 7.31636 10.1031 7.61106C10.3978 7.90576 10.7975 8.07132 11.2143 8.07132H12.7857C13.2025 8.07132 13.6022 7.90576 13.8969 7.61106C14.1916 7.31636 14.3571 6.91666 14.3571 6.4999M9.64286 6.4999C9.64286 6.08313 9.80842 5.68343 10.1031 5.38873C10.3978 5.09403 10.7975 4.92847 11.2143 4.92847H12.7857C13.2025 4.92847 13.6022 5.09403 13.8969 5.38873C14.1916 5.68343 14.3571 6.08313 14.3571 6.4999'/%3e%3c/svg%3e");
}
#conversations .conversation .conversationActions .copyLink:hover {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z'/%3e%3c/svg%3e");
}
#conversations .conversation .conversationActions .deleteC:hover {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z'/%3e%3c/svg%3e");
}

#conversations .conversation .conversationActions > div {
	display:none;	
}
#conversations .conversation .conversationActions.expanded > div {
	display:flex;
}

#conversationPanel #chat-add {
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  color: var(--text-color);
  padding: 5px;
  width:calc(100% - 10px);
  margin:5px;
  font-size: 0.875rem;
  cursor: pointer;
}

#chat-namespace {		
	gap:1px;
}
#chat-namespace > *:not(hr) {		
	font-size: 0.875rem;
	font-weight: 500;
	width: 100%;
	padding:5px;
	color: var(--text-color);
	line-height: 1rem;
	text-decoration: none;
}
#chat-namespace > span,	
#chat-namespace a:hover {		
	background-color: var(--hl-bg-color);
	color: var(--hl-color);	
}

#chat-left .aos-Select {	
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3e%3c/svg%3e");
    background-size: 24px;
    background-position: calc(100% - 5px) 50%;    
	padding-right: 30px !important;
}

#conversations .conversation span.delete,
#conversations .conversation span.editC {
	cursor:pointer;
	height:24px;
	width: 24px;
	display: flex;
  align-items: center;
  justify-content: center;
}

#chat-left .chat-button {		
	font-size: 0.875rem;
	cursor:pointer;
}

@media (max-width: 1024px) {
	#chat-left #chat-expand {		
		padding: 8px;
		width: 100%;
		height: 50px;
		position: fixed;
		z-index: 1;
	}
	#chat-left #chat-expand > span {		
		width: 34px;
	}

	#chat-left .chat-button {
		padding:5px;
		height: 34px;
		min-width: 34px;
	}
}

/*** END LHC COLUMN (CONVERSATION LIST MENU) ***/


/*** MAIN COLUMN (CHAT) ***/
#chat-area > div:not(#chat-intro) {
	margin-bottom: 15px;
	display: flex;
	width: 100%;
	float: left;
	gap:10px;
}
#chat-area > div > div {	
	position: relative;
}
#chat-area > .answer > div {
	width: 100%;
}

#chat-area > div:not(#chat-intro) > span {
	height:40px;
	width:40px;	
	background-color: #3391A4;
	color: #FFF;
	flex-shrink: 0;	
}

#chat-area div .debug {
	border: 2px solid #FFF;
}

#chat-area .question > div.aos-P20px,
#chat-area .answer > div.aos-P20px {
	padding: 8px;
}

#chat-area .answer > div P {    
    margin-block-end: 1em;
}
#chat-area .answer > div > *:last-child {    
    margin-block-end: 0em;
}

#chat-area .answer > span {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='white' d='M23.2647 5.35056C23.2647 2.52532 20.9584 0.235107 18.1134 0.235107C15.2684 0.235107 12.9621 2.52532 12.9621 5.35056V10.188L10.3719 5.88257C8.82682 3.31461 5.47818 2.47658 2.89193 4.01091C0.305979 5.54555 -0.537621 8.87059 1.00716 11.4388C2.55194 14.0071 5.90058 14.8445 8.48714 13.3108L12.6536 10.8382L9.97071 15.4457C8.29502 18.323 9.28528 22.0038 12.183 23.6678C15.0808 25.3321 18.7873 24.3487 20.4633 21.4708C22.1387 18.5936 21.1487 14.9125 18.2507 13.2488L13.4057 10.466H18.1131C20.9584 10.466 23.2647 8.17549 23.2647 5.35056ZM7.7102 12.0187C5.84544 13.1251 3.42221 12.5185 2.30801 10.667C1.19412 8.81552 1.8044 6.40885 3.66917 5.30241C5.53393 4.19597 7.95716 4.8026 9.07135 6.6541C10.1852 8.50559 9.57467 10.9123 7.7102 12.0187ZM17.4925 14.5508C19.6621 15.7969 20.4066 18.5638 19.1521 20.7177C17.8973 22.8722 15.1111 23.6112 12.9418 22.3658C10.7722 21.1194 10.028 18.3528 11.2825 16.1989C12.537 14.0438 15.3229 13.3045 17.4925 14.5508ZM14.4772 5.35056C14.4772 3.35944 16.1083 1.73965 18.1134 1.73965C20.1185 1.73965 21.7496 3.35944 21.7496 5.35056C21.7496 7.34167 20.1185 8.96146 18.1134 8.96146C16.1083 8.96146 14.4772 7.34137 14.4772 5.35056Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}

#chat-area .question,
#chat-area .answer {
	flex-wrap: wrap;
}
#chat-area > div:not(#chat-intro) > div {
  max-width: calc(100% - 50px);
}
#chat-area nav {
	width: 100%;
	display: flex;	
	flex-shrink: 0;
	align-items: center;
	padding-left: 50px;
}

#chat-area nav:not(#feedback_Panel) span {
	height:24px;
	width: 24px;
	cursor:pointer;	
	background-repeat: no-repeat;
}

#chat-area nav .negativeSent {
	cursor:default;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(239, 68, 68)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M16.4356 5.8309L13.3114 5.04985C13.1796 5.01683 13.0443 5.00008 12.9084 5H9.56988C9.2612 5.00001 8.95864 5.08599 8.69608 5.24831C8.43353 5.41062 8.22138 5.64285 8.0834 5.91897L5.17526 11.7353C5.04866 11.9886 4.98891 12.2701 5.00169 12.5531C5.01447 12.836 5.09935 13.111 5.24828 13.3519C5.3972 13.5928 5.60523 13.7916 5.85261 13.9295C6.09999 14.0675 6.37851 14.1399 6.66174 14.1399H10.6201H12.2819M16.4356 5.8309L16.4364 13.309L13.618 17.5366C13.2881 18.031 13.1128 18.6109 13.1128 19.205C13.1128 19.6196 12.7763 19.9561 12.3609 19.9561H12.2811C11.8404 19.9561 11.4177 19.7811 11.106 19.4694C10.7944 19.1578 10.6193 18.7351 10.6193 18.2944V14.1399M16.4356 5.8309H18.0982C18.5389 5.8309 18.9616 6.00598 19.2733 6.31763C19.5849 6.62927 19.76 7.05196 19.76 7.49269V12.4781C19.76 12.9188 19.5849 13.3415 19.2733 13.6531C18.9616 13.9648 18.5389 14.1399 18.0982 14.1399H16.021'/%3e%3c/svg%3e");
}
#chat-area nav .positiveSent {
	cursor:default;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(34, 165, 115)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M13.759 10.3383H17.7174C18.0006 10.3383 18.2792 10.4107 18.5265 10.5486C18.7739 10.6865 18.9819 10.8853 19.1309 11.1262C19.2798 11.3672 19.3647 11.6421 19.3774 11.9251C19.3902 12.208 19.3305 12.4895 19.2039 12.7429L16.2957 18.5591C16.1577 18.8354 15.9454 19.0677 15.6827 19.23C15.42 19.3924 15.1172 19.4783 14.8084 19.4781H11.4707C11.3353 19.4781 11.1998 19.4615 11.0677 19.4283L7.94273 18.6472M13.759 10.3383V6.18377C13.759 5.74303 13.5839 5.32035 13.2723 5.0087C12.9606 4.69705 12.5379 4.52197 12.0972 4.52197H12.0183C11.6028 4.52197 11.2663 4.85849 11.2663 5.27393C11.2663 5.86719 11.091 6.44716 10.7611 6.94071L7.94273 11.1691V18.6472M13.759 10.3383H12.0972M7.94273 18.6472H6.28093C5.8402 18.6472 5.41752 18.4721 5.10587 18.1605C4.79422 17.8488 4.61914 17.4262 4.61914 16.9854V12C4.61914 11.5593 4.79422 11.1366 5.10587 10.825C5.41752 10.5133 5.8402 10.3383 6.28093 10.3383H8.35818'/%3e%3c/svg%3e");
}

#chat-area #feedback_Panel {
	float:right;
	gap:5px;
	padding-left:10px;
	width: auto;
	font-size: .9rem;
}
#chat-area #feedback_Panel span {
	cursor:pointer;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 24px;
	min-width: 24px;
}
#chat-area #feedback_Panel span.close {	
	height: 39px;
	width: 39px;
}



#chat-area #chat-intro {
	float:none;
	margin-left: auto;
	margin-right: auto;
	max-width: 830px;
}

#chat-area #chat-intro > span.aos-NS {
	line-height: 140%;
}
#chat-area #chat-intro #suggested-prompts > span {
	transition: transform .25s ease-in;
  -moz-transition: transform .25s ease-in;
  -webkit-transition: transform .25s ease-in;
  width: 100%;
}
#chat-area #chat-intro #suggested-prompts > span:hover {
	cursor: pointer;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 4px rgba(0,0,0,.2);
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
}
/*** END MAIN COLUMN (CONVERSATION PANEL) ***/



/*** BOTTOM (SEND QUESTION PANEL) ***/
#chat-form > div {
	flex-direction: column;
	gap: 10px;
}

@media (min-width: 800px) {
	#chat-form > div > div {
		float:none;
		margin: auto;
		max-width: 760px;
	}
	#chat-form > div > div#chat-info {
		max-width: 600px;
	}
}

#chat-addquestion span {
	position: absolute;
	top: 0;
	right:0;
	cursor:pointer;
	padding:.5em .5em 0 0;
}
#chat-addquestion textarea {
  height: 36px;
  min-height: 36px;
  padding-right: 30px;
  resize: vertical;
  overflow: hidden;
}
#chat-addquestion textarea:focus {
	outline: none;
}

#chat-system {
	background-color: #FFF;
}
#chat-system svg {
	height: 0.75rem;
	width: 0.75rem;
	position: absolute;
	right:5px;
	top: 5px;
	cursor:pointer;
}

#chat-regenerate {
	display:flex;
	gap:10px;
}
/*** END BOTTOM (SEND QUESTION PANEL) ***/


/* ANIMATION */
#chat-left .dot, 
#chat-area .dot {
	margin-left:48px;
	margin-top:10px;
	width:30px;
	height:20px;
	--d:radial-gradient(farthest-side,currentColor 90%,#0000);
	background:var(--d),var(--d),var(--d);
	background-size: 5px 5px;
	background-repeat:no-repeat;
	animation: loadingAnimation 1s infinite;
	display: inline-block;
}

@keyframes loadingAnimation {
	0%   {background-position:calc(0*100%/3) 100%, calc(1*100%/3) 100%, calc(2*100%/3) 100%, calc(3*100%/3) 100%}
	12.5%{background-position:calc(0*100%/3) 0   , calc(1*100%/3) 100%, calc(2*100%/3) 100%, calc(3*100%/3) 100%}
	25%  {background-position:calc(0*100%/3) 0   , calc(1*100%/3) 0   , calc(2*100%/3) 100%, calc(3*100%/3) 100%}
	37.5%{background-position:calc(0*100%/3) 0   , calc(1*100%/3) 0   , calc(2*100%/3) 0   , calc(3*100%/3) 100%}
	50%  {background-position:calc(0*100%/3) 0   , calc(1*100%/3) 0   , calc(2*100%/3) 0   , calc(3*100%/3) 0   }
	62.5%{background-position:calc(0*100%/3) 100%, calc(1*100%/3) 0   , calc(2*100%/3) 0   , calc(3*100%/3) 0   }
	75%  {background-position:calc(0*100%/3) 100%, calc(1*100%/3) 100%, calc(2*100%/3) 0   , calc(3*100%/3) 0   }
	87.5%{background-position:calc(0*100%/3) 100%, calc(1*100%/3) 100%, calc(2*100%/3) 100%, calc(3*100%/3) 0   }
	100% {background-position:calc(0*100%/3) 100%, calc(1*100%/3) 100%, calc(2*100%/3) 100%, calc(3*100%/3) 100%}
}

#popUpOpener.pulse:before,
#popUpOpener.pulse:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--bg-color);
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
	transform: scale(1);
  animation: ping2 5s cubic-bezier(0,0,.2,1) infinite;
  pointer-events: none;
}
#popUpOpener.pulse:after {
  transform: scale(.95);
  opacity: .6;
  animation: ping 5s cubic-bezier(0,0,.2,1) infinite;
}

@keyframes ping {
  15%,
  to {
    transform:scale(2);
    opacity:0
  }
}
@keyframes ping2 {
  15%,
  to {
    transform:scale(1);
  }
}

:where(html) {
	--size-1: .25rem;
	--size-2: .5rem;	
	--size-3: .75rem;	
	--size-4: 1rem;
	--size-8: 2rem;
	--size-10: 3rem;
	
	--primary-text: hsl(0 0% 100%);
  --success: hsl(157 66% 39%);

	--font-size-1: .775rem; 
	--font-weight-5: 500;
	--radius-2: 4px;

	--shadow-color: 220 3% 15%;
  --shadow-strength: 1%;  
  --shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
}

.chat-notification {
    display: flex;
    align-items: center;
    gap: var(--size-1);
    padding: var(--size-2);
    width: fit-content;    
    color: var(--primary-text);
    font-size: var(--font-size-1);
    font-weight: var(--font-weight-5);
    box-shadow: var(--shadow-3);
    border-radius: var(--radius-2);
    background-color: var(--success);
    opacity: 0;
    transform: translateX(150%);
    position: absolute;
    z-index: 1;
    top: var(--size-10);
    right: var(--size-8);
    transition: all .5s ease-in-out;

    &.open {
        opacity: 1;
        transform: translateX(0);
    }
}