.ht-ctc-chat
{
	display: none !important;	
}

/* Cortex Search owns the viewport while its modal is open. The webchat state
   remains intact and returns unchanged when Search closes. */
html[data-ysa-cortex-search-open="true"] .ysa_popup_floating_layer,
html[data-ysa-cortex-search-open="true"] .ysa_popup-div,
html[data-ysa-cortex-search-open="true"] .ysa_toggle-button,
html[data-ysa-cortex-search-open="true"] .ysa_mobile_chat_sheet_backdrop,
html[data-ysa-cortex-search-open="true"] .ysa_popup_notification
{
	display:none !important;
}

.ysa_popup_floating_layer
{
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
	z-index: 1000000010 !important;
	transform: translate3d(0, 0, 0);
}

.ysa_popup_drag_handle
{
	cursor: grab;
}

.ysa_popup_drag_handle:not(.ysa_ai_question_bar)
{
	touch-action: none;
	-webkit-user-select: none;
	user-select: none;
}

.ysa_popup_floating_layer.ysa_popup_dragging,
.ysa_popup_drag_handle.ysa_popup_dragging
{
	cursor: grabbing;
	will-change: transform;
}

.ysa_mobile_chat_sheet_handle
{
	display:none;
	box-sizing:border-box;
	width:100%;
	min-height:44px;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	appearance:none;
	-webkit-appearance:none;
	cursor:ns-resize;
	touch-action:none;
	-webkit-user-select:none;
	user-select:none;
}

.ysa_mobile_chat_sheet_handle::before
{
	content:"";
	display:block;
	width:46px;
	height:5px;
	border-radius:999px;
	background:rgba(127,127,127,0.42);
}

.ysa_mobile_chat_sheet_handle:focus-visible
{
	outline:2px solid rgba(31,41,55,0.42);
	outline-offset:-5px;
}

.ysa_mobile_chat_sheet_handle.ysa_mobile_chat_sheet_dragging
{
	cursor:grabbing;
}

.ysa_mobile_chat_sheet_backdrop
{
	display:none;
}

/* popup_notification */
.ysa_popup_notification
{
	z-index: 1000000001 !important;
	box-sizing: border-box;
	display: block !important;
	pointer-events: none;
	width: 400px;
	height:auto;
	padding:25px;
	padding-right:80px;
	background-color: rgba(255,255,255,0.95);
	color:#000000;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	position: fixed;
	
		right:20px;
		font-family: Tahoma;
	bottom:30px;
	font-size:14px;
	line-height:20px;
	cursor: pointer;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	
		opacity: 0; /* Make it transparent initially */
		transform: translateX(100%); /* Start from outside the screen */
		transition: opacity 0.5s, transform 0.5s; /* Adjust timing as necessary */
		transition: transform 0.5s ease, opacity 0.5s ease; /* Add transform transition */
		
}

.chat_creator_label
{
    display: block;
    position: absolute;
    background-color: #333333;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
    height: auto;
    top: 100%;
    
		right:20px;
		
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.15);
	opacity: 1;
	
	padding: 3px 7px 7px 7px !important;;
    font-size: 10px !important;;
    font-family: Tahoma !important;;
	line-height: 0px !important;
	
	transition: opacity 0.0s, transform 0.5s; /* Adjust timing as necessary */
	transition: transform 0.0s ease, opacity 0.5s ease; /* Add transform transition */
}

	.chat_creator_label:hover
	{
		opacity: 1;
		cursor:pointer;
		background: linear-gradient(129deg, #1d94a0, #2a65a4);
		background: linear-gradient(129deg, #1d94a0, #348ece);
	}

	.chat_creator_label_image
	{
		display: inline-block;
		width: 14px;
		height: 14px;
		background-image: url(https://app.youshouldask.ai/img/chat_icon.webp);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		margin-bottom:-3px;
		margin-left:4px;
	}

	.chat_creator_label.chatwindow
	{
		display: none;
		
		/*transition: opacity 0.5s, transform 0.5s;
   		transition: transform 0.5s ease, opacity 0.5s ease;*/
	}

	.maximized .chat_creator_label.chatwindow
	{
		transform: rotate(90deg);
		display: block;
		position: fixed;
		
			right: 384px;
			
		bottom: 97px;
		top:auto;
		height:auto;
		opacity: 1;
		padding: 3px 7px;
		font-size: 10px;
		font-family: arial;
	}
	
	.chat_creator_label.left.chatwindow
	{
		transform: rotate(270deg) !important;
	}

		.maximized .chat_creator_label.chatwindow:hover
		{
			opacity: 1;
			cursor:pointer;
			background: linear-gradient(45deg, #be01b3, #9c75a7);
			background: linear-gradient(129deg, #1d94a0, #348ece);
		}


/* Final (visible) state of the popup */
.ysa_popup_notification.visible {
    opacity: 1; /* Fully visible */
    transform: translateX(0); /* Align it with the right edge of the screen */
	pointer-events: auto;
}

/* Final (visible) state of the popup */
.ysa_popup_notification.small {
    opacity: 1; /* Fully visible */
	transform: translateX(0); /* Align it with the right edge of the screen */
	pointer-events: auto;
	
		right:-320px;
		
}

.ysa_status
{
	box-sizing: border-box;
    border-radius: 100px;
    display: block !important;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: -45px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    font-size: 10px;
	right:48px;
	left:auto;
	margin-left:0;
    background-color: rgb(232 54 101);
	/*background-color: #70be01;*/
}

	.ysa_status_counter
	{
		display: block !important;
		margin-top: -2px;
		font-weight: bold;
	}

.ysa_persona_avatar
{
	box-sizing: border-box;
	border-radius: 100px;
	display: block !important;
	width:40px;
	height:40px;
	background-size:cover;
	background-position: center center;
	position: absolute;
	margin-top:-45px;
	right:56px;
	left:auto;
	margin-left:0;
	box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);
}

.ysa_title
{
	font-weight: 600;
    padding-bottom: 5px;
    font-size: 16px;
	padding-top:5px;
	font-family: Tahoma;
}

.ysa_collapse_icon
{
	box-sizing: border-box;
	border-radius: 100px;
	display: block !important;
	width:40px;
	height:40px;
	background-image:url(https://app.youshouldask.ai/img/chat_icon.webp);
	background-size:50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#be01b3;
	position: absolute;
	top:50%;
	margin-top:-20px;
	right:20px;
	text-align: center;
	padding-top:10px;
	padding-right:2px;
	font-size:17px;
	color:#ffffff;
}

.ysa_hided_popup_div
{
	position: fixed;
	pointer-events: none;
    
		right:-120px;
		
    bottom: 20px;
    width:50px;
	height:50px;
    z-index: 1000000000 !important;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 100px;
	background-size:cover;
	box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 12%);
	opacity: 0; /* Make it transparent initially */
	transform: translateX(100%); /* Start from outside the screen */
	transition: opacity 0.5s, transform 0.5s; /* Adjust timing as necessary */
	transition: transform 0.5s ease, opacity 0.5s ease; /* Add transform transition */
	cursor: pointer;
	display:block !important;
}

	.ysa_hided_popup_div:hover
	{
		box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 32%);
	}

	.ysa_hided_popup_div.visible 
	{
		
			right:20px;
			
		display:block !important;
		pointer-events:auto;
		opacity: 1; /* Fully visible */
		transform: translateX(0); /* Align it with the right edge of the screen */
		transition: opacity 0.5s, transform 0.5s; /* Adjust timing as necessary */
		transition: transform 0.5s ease, opacity 0.5s ease; /* Add transform transition */
	}

	.ysa_status_hided {
		
			right:-121px;
			
		display: flex !important;
		pointer-events:none;
		align-items: center;
		justify-content: center;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background-color: #70be01;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		position: fixed;
		bottom: 58px;
		z-index: 1000000003 !important;
		opacity: 0;
		transform: translateX(150px);
		transition: transform 0.5s ease, opacity 0.5s ease;
	}

	.ysa_status_hided.visible
	{
		
			right:21px;
			
		opacity: 1; /* Fully visible */
		transform: translateX(0); /* Align it with the right edge of the screen */
		transition: opacity 0.5s, transform 0.5s; /* Adjust timing as necessary */
		transition: transform 0.5s ease, opacity 0.5s ease; /* Add transform transition */

		animation: pulseFade 2s ease-in-out infinite;
	}

.ysa_hided_popup_div_title_close {
	box-sizing:border-box !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	position:absolute;
	top:50%;
	left:4px;
	right:auto;
	width:44px !important;
	min-width:44px !important;
	max-width:44px !important;
	height:44px !important;
	min-height:44px !important;
	max-height:44px !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	border-radius:50% !important;
	appearance:none !important;
	background:transparent;
	color:inherit;
	font:inherit;
	font-size:22px;
	line-height:1;
	text-align:center;
	transform:translateY(-50%);
	cursor:pointer;
}

.ysa_hided_popup_div_title_close:hover {
	background:rgba(0, 0, 0, 0.08);
}

.ysa_hided_popup_div_title_close:focus-visible {
	outline:2px solid currentColor;
	outline-offset:-4px;
}
	
.ysa_hided_popup_div_title
{
	position: fixed;
	pointer-events:none;
    
		right:-160px;
		
    bottom: 15px;
    height: 60px;
    padding-right: 80px;
    z-index: 900000000 !important;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left;
    /* text-align: right; */
    border-radius: 100px;
    font-size: 14px;
    padding:15px 85px 15px 56px;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 15%);
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.5s, transform 0.5s;
    transition: transform 0.5s ease, opacity 0.5s ease;
    cursor: pointer;
    line-height: 16px;

	box-shadow: none;
    border: 1px solid #00000011;
}
	.ysa_hided_popup_div_title .title {
		font-size: 14px;
		font-weight: 600;
		margin-top:-2px;
	}

	.ysa_hided_popup_div_title .subtitle {
		font-size: 11px;
		margin-top: 1px;
		opacity: 0.7;
	}

	.ysa_hided_popup_div_title.visible 
	{
		
			right:15px;
			
		opacity: 1; /* Fully visible */
		pointer-events:auto;
		transform: translateX(0); /* Align it with the right edge of the screen */
		transition: opacity 0.5s, transform 0.5s; /* Adjust timing as necessary */
		transition: transform 0.5s ease, opacity 0.5s ease; /* Add transform transition */
	}
	
	.ysa_hided_popup_div_title
	{
		bottom:15px;
		width:360px;
		max-width:calc(100vw - 32px);
		height:64px;
		padding:10px 78px 10px 56px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		text-align:left;
		border-radius:32px;
		transform:translateY(10px);
		transition:opacity 220ms ease-out, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.ysa_hided_popup_div_title .title,
	.ysa_hided_popup_div_title .subtitle
	{
		min-width:0;
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.ysa_hided_popup_div_title.visible
	{
		transform:translateY(0);
	}

	.ysa_hided_popup_div.visible,
	.ysa_status_hided.visible
	{
		translate:0 0;
		transition:opacity 220ms ease-out, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), translate 220ms cubic-bezier(0.22, 1, 0.36, 1), bottom 220ms cubic-bezier(0.22, 1, 0.36, 1), left 220ms cubic-bezier(0.22, 1, 0.36, 1), right 220ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.ysa_hided_popup_div.visible.with-title
	{
		bottom:22px;
	}

	.ysa_status_hided.visible.with-title
	{
		bottom:60px;
	}
	
	.ysa_hided_popup_div_title,
	.ysa_hided_popup_div_title.visible
	{
		left:auto;
		right:16px;
	}

	.ysa_hided_popup_div.visible.with-title
	{
		left:auto;
		right:26px;
		translate:0 0;
	}

	.ysa_status_hided.visible.with-title
	{
		left:auto;
		right:27px;
		translate:0 0;
	}
		

	.ysa_popup_sr_only
	{
		display:none !important;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode
	{
		--ysa-ai-popup-width:min(340px, calc(100vw - 32px));
		--ysa-ai-popup-half-width:min(170px, calc((100vw - 32px) / 2));
		--ysa-ai-popup-gutter:16px;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.ysa_ai_question_expanded
	{
		--ysa-ai-popup-width:min(480px, calc(100vw - 32px));
		--ysa-ai-popup-half-width:min(240px, calc((100vw - 32px) / 2));
	}

	.ysa_hided_popup_div_title.ysa_ai_question_mode
	{
		bottom:calc(15px + env(safe-area-inset-bottom, 0px));
		width:var(--ysa-ai-popup-width);
		max-width:calc(100vw - 32px);
		height:auto;
		min-height:60px;
		padding:52px 0 0;
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
		box-sizing:border-box;
		overflow:visible;
		border:0;
		border-radius:0;
		background:transparent !important;
		box-shadow:none;
		cursor:default;
		transition:width 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease-out, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded
	{
		width:var(--ysa-ai-popup-width);
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_hided_popup_div_title.ysa_ai_question_mode
	{
		z-index:1 !important;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_hided_popup_div.visible.with-title
	{
		z-index:2 !important;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_status_hided.visible.with-title
	{
		z-index:3 !important;
	}

	.ysa_hided_popup_div_title.ysa_ai_question_mode > .ysa_hided_popup_div_title_close
	{
		top:20px;
		left:auto;
		right:0;
		width:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		height:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		z-index:2;
		transform:none;
		box-shadow:0 3px 10px rgba(17, 24, 39, 0.1);
	}

	.ysa_hided_popup_div_title.ysa_ai_question_mode > .ysa_hided_popup_div_title_close::before
	{
		content:"";
		position:absolute;
		inset:-10px;
	}

	.ysa_hided_popup_div_title.ysa_ai_question_mode > .ysa_hided_popup_div_title_close:hover
	{
		filter:brightness(0.97);
	}

	.ysa_ai_question_bar
	{
		position:relative;
		width:100%;
		height:60px;
		min-height:60px;
		padding:8px 8px 8px 66px;
		display:flex;
		align-items:center;
		box-sizing:border-box;
		border:1px solid rgba(17, 24, 39, 0.08);
		border-radius:30px;
		background:#ffffff;
		box-shadow:0 7px 20px rgba(17, 24, 39, 0.12);
		transition:box-shadow 180ms ease-out;
	}

	.ysa_ai_question_expanded .ysa_ai_question_bar
	{
		box-shadow:0 9px 26px rgba(17, 24, 39, 0.15), 0 0 0 2px rgba(17, 24, 39, 0.05);
	}

	.ysa_ai_question_form
	{
		width:100%;
		height:44px;
		min-width:0;
		display:flex;
		align-items:center;
		gap:8px;
	}

	.ysa_ai_question_input
	{
		box-sizing:border-box !important;
		flex:1 1 auto !important;
		width:100% !important;
		min-width:0 !important;
		max-width:none !important;
		height:44px !important;
		min-height:0 !important;
		max-height:44px !important;
		margin:0 !important;
		padding:0 4px !important;
		border:0 !important;
		border-radius:0 !important;
		outline:0 !important;
		-webkit-appearance:none !important;
		appearance:none !important;
		background:transparent !important;
		box-shadow:none !important;
		color:inherit !important;
		font:inherit !important;
		font-size:15px !important;
		font-weight:400 !important;
		letter-spacing:normal !important;
		line-height:1.35 !important;
		text-transform:none !important;
		text-overflow:ellipsis;
	}

	.ysa_ai_question_input::placeholder
	{
		color:inherit !important;
		opacity:0.65 !important;
	}

	.ysa_ai_question_input:focus::placeholder
	{
		opacity:0;
	}

	#ysa_ai_question_input.ysa_ai_question_input:focus,
	#ysa_ai_question_input.ysa_ai_question_input:focus-visible
	{
		border:0 !important;
		border-color:transparent !important;
		outline:0 !important;
		background:transparent !important;
		box-shadow:none !important;
	}

	.ysa_ai_question_submit
	{
		box-sizing:border-box !important;
		flex:0 0 44px !important;
		width:44px !important;
		min-width:44px !important;
		max-width:44px !important;
		height:44px !important;
		min-height:44px !important;
		max-height:44px !important;
		margin:0 !important;
		padding:0 0 3px !important;
		display:inline-flex !important;
		align-items:center !important;
		justify-content:center !important;
		border:0 !important;
		border-radius:50% !important;
		appearance:none !important;
		background:#139b8f !important;
		color:#ffffff !important;
		font:inherit !important;
		font-size:27px !important;
		font-weight:400 !important;
		letter-spacing:normal !important;
		line-height:1 !important;
		text-transform:none !important;
		box-shadow:0 3px 12px rgba(17, 24, 39, 0.16) !important;
		cursor:pointer;
		transition:transform 160ms ease-out, opacity 160ms ease-out, box-shadow 160ms ease-out;
	}

	.ysa_ai_question_submit:disabled
	{
		opacity:0.42;
		cursor:default;
		box-shadow:none;
	}

	.ysa_ai_question_submit:focus-visible,
	.ysa_ai_question_suggestion:focus-visible
	{
		outline:2px solid currentColor;
		outline-offset:3px;
	}

	.ysa_ai_question_suggestions
	{
		width:100%;
		max-height:0;
		margin:0;
		padding:0 2px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
		justify-content:flex-start;
		gap:8px;
		box-sizing:border-box;
		overflow:hidden;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translateY(8px);
		transition:max-height 220ms cubic-bezier(0.22, 1, 0.36, 1), margin 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease-out, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 220ms;
	}

	.ysa_hided_popup_div_title.ysa_ai_question_expanded:not(.ysa_ai_question_suggestions_dismissed) .ysa_ai_question_suggestions
	{
		max-height:180px;
		margin-bottom:10px;
		overflow:visible;
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translateY(0);
		transition-delay:0s;
	}

	.ysa_ai_question_expanded.ysa_ai_question_suggestions_dismissed .ysa_ai_question_suggestions
	{
		transform:translateY(6px) scale(0.985);
	}

	.ysa_ai_question_suggestion
	{
		flex:0 1 auto;
		width:auto;
		max-width:calc(50% - 4px);
		min-width:0;
		min-height:38px;
		margin:0;
		padding:7px 13px;
		display:inline-flex;
		align-items:center;
		justify-content:flex-start;
		border:1px solid rgba(17, 24, 39, 0.1);
		border-radius:999px;
		appearance:none;
		background:#ffffff;
		color:#111827;
		font:inherit;
		font-size:13px;
		font-weight:500;
		line-height:1.3;
		text-align:left;
		white-space:nowrap;
		overflow:hidden;
		box-shadow:0 5px 18px rgba(17, 24, 39, 0.12);
		cursor:pointer;
		transition:transform 160ms ease-out, box-shadow 160ms ease-out;
	}

	.ysa_ai_question_suggestion_label
	{
		flex:1 1 auto;
		min-width:0;
		overflow:hidden;
		text-overflow:clip;
		white-space:nowrap;
	}

	.ysa_ai_question_suggestion_label_text
	{
		width:max-content;
		min-width:100%;
		display:block;
		transform:translate3d(0, 0, 0);
	}

	.ysa_ai_question_suggestion_label_overflowing .ysa_ai_question_suggestion_label_text
	{
		animation:ysa_ai_question_suggestion_pan var(--ysa-ai-question-label-duration, 6s) ease-in-out var(--ysa-ai-question-label-delay, 900ms) infinite alternate both;
		animation-play-state:paused;
	}

	.ysa_hided_popup_div_title.visible.ysa_ai_question_expanded:not(.ysa_ai_question_suggestions_dismissed) .ysa_ai_question_suggestion_label_overflowing .ysa_ai_question_suggestion_label_text
	{
		animation-play-state:running;
		will-change:transform;
	}

	@keyframes ysa_ai_question_suggestion_pan
	{
		0%, 18%
		{
			transform:translate3d(0, 0, 0);
		}

		82%, 100%
		{
			transform:translate3d(var(--ysa-ai-question-label-offset, 0px), 0, 0);
		}
	}

	.ysa_ai_question_mode.left .ysa_ai_question_suggestions
	{
		justify-content:flex-start;
	}

	.ysa_ai_question_mode.center .ysa_ai_question_suggestions
	{
		justify-content:center;
	}

	.ysa_ai_question_mode.right .ysa_ai_question_suggestions
	{
		justify-content:flex-end;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode .ysa_hided_popup_div.visible.with-title
	{
		bottom:calc(20px + env(safe-area-inset-bottom, 0px));
		border:2px solid transparent;
		box-shadow:inset 0 0 0 2px #ffffff;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode .ysa_status_hided.visible.with-title
	{
		bottom:calc(16px + env(safe-area-inset-bottom, 0px));
		border:2px solid transparent;
		box-sizing:border-box;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.left .ysa_hided_popup_div.visible.with-title
	{
		left:calc(var(--ysa-ai-popup-gutter) + 7px);
		right:auto;
		translate:0 0;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.left .ysa_status_hided.visible.with-title
	{
		left:calc(var(--ysa-ai-popup-gutter) + 42px);
		right:auto;
		translate:0 0;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.right .ysa_hided_popup_div.visible.with-title
	{
		left:auto;
		right:calc(var(--ysa-ai-popup-gutter) + var(--ysa-ai-popup-width) - 57px);
		translate:0 0;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.right .ysa_status_hided.visible.with-title
	{
		left:auto;
		right:calc(var(--ysa-ai-popup-gutter) + var(--ysa-ai-popup-width) - 56px);
		translate:0 0;
	}

	.ysa_popup_floating_layer.ysa_ai_question_mode.center .ysa_hided_popup_div.visible.with-title,
	.ysa_popup_floating_layer.ysa_ai_question_mode.center .ysa_status_hided.visible.with-title
	{
		translate:calc(32px - var(--ysa-ai-popup-half-width)) 0;
	}

	.ysa_ai_question_suggestion:disabled
	{
		cursor:default;
	}

	.ysa_ai_question_submitting .ysa_ai_question_bar
	{
		opacity:0.82;
	}

	@media (hover:hover) and (pointer:fine)
	{
		.ysa_ai_question_submit:not(:disabled):hover
		{
			transform:translateY(-1px);
			box-shadow:0 5px 16px rgba(17, 24, 39, 0.22);
		}

		.ysa_ai_question_suggestion:not(:disabled):hover
		{
			transform:translateY(-1px);
			box-shadow:0 8px 22px rgba(17, 24, 39, 0.16);
		}
	}

	.ysa_ai_question_submit:not(:disabled):active,
	.ysa_ai_question_suggestion:not(:disabled):active
	{
		transform:scale(0.98);
	}

	@media (max-width:600px)
	{
		.ysa_popup_floating_layer.ysa_ai_question_mode
		{
			--ysa-ai-popup-width:min(300px, calc(100vw - 32px));
			--ysa-ai-popup-half-width:min(150px, calc((100vw - 32px) / 2));
			--ysa-ai-popup-mobile-edge:15px;
		}

		.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_hided_popup_div,
		.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_status_hided,
		.ysa_popup_floating_layer.ysa_ai_question_mode > .ysa_hided_popup_div_title
		{
			/* WebKit can leave nested fixed elements attached to the layout
			   viewport while the keyboard shrinks the visual viewport. */
			position:absolute;
		}

		.ysa_popup_floating_layer.ysa_ai_question_mode.ysa_ai_question_expanded
		{
			--ysa-ai-popup-width:min(300px, calc(100vw - 32px));
			--ysa-ai-popup-half-width:min(150px, calc((100vw - 32px) / 2));
			--ysa-ai-popup-gutter:16px;
		}

		.ysa_popup_floating_layer.ysa_ai_question_mode.left .ysa_hided_popup_div.visible.with-title
		{
			left:calc(var(--ysa-ai-popup-gutter) + 18px);
		}

		.ysa_popup_floating_layer.ysa_ai_question_mode.left .ysa_status_hided.visible.with-title
		{
			left:calc(var(--ysa-ai-popup-gutter) + 53px);
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded.left
		{
			left:var(--ysa-ai-popup-mobile-edge);
			right:auto;
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded.right
		{
			left:auto;
			right:var(--ysa-ai-popup-mobile-edge);
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded
		{
			width:var(--ysa-ai-popup-width);
			max-width:calc(100vw - 32px);
		}

		.ysa_ai_question_bar
		{
			width:min(300px, calc(100vw - 32px));
			padding-left:76px;
		}

		.ysa_ai_question_mode.left .ysa_ai_question_bar
		{
			align-self:flex-start;
		}

		.ysa_ai_question_mode.center .ysa_ai_question_bar
		{
			align-self:center;
		}

		.ysa_ai_question_mode.right .ysa_ai_question_bar
		{
			align-self:flex-end;
		}

		.ysa_ai_question_input
		{
			font-size:16px !important;
			font-weight:400 !important;
		}

		.ysa_hided_popup_div_title.ysa_ai_question_expanded:not(.ysa_ai_question_suggestions_dismissed) .ysa_ai_question_suggestions
		{
			position:relative;
			left:calc(0px - var(--ysa-popup-placement-offset-x, 0px));
			width:100vw;
			max-width:none;
			max-height:64px;
			padding:4px max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px));
			align-self:center;
			flex-wrap:nowrap;
			justify-content:flex-start;
			overflow-x:auto;
			overflow-y:hidden;
			overscroll-behavior-inline:contain;
			-webkit-overflow-scrolling:touch;
			scroll-padding-inline:max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
			scroll-snap-type:x proximity;
			scrollbar-width:none;
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded.left .ysa_ai_question_suggestions
		{
			left:calc(((100vw - var(--ysa-ai-popup-width)) / 2) - var(--ysa-ai-popup-mobile-edge) - var(--ysa-popup-placement-offset-x, 0px));
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode.ysa_ai_question_expanded.right .ysa_ai_question_suggestions
		{
			left:calc(var(--ysa-ai-popup-mobile-edge) - ((100vw - var(--ysa-ai-popup-width)) / 2) - var(--ysa-popup-placement-offset-x, 0px));
		}

		.ysa_ai_question_suggestions::-webkit-scrollbar
		{
			display:none;
		}

		.ysa_ai_question_suggestion
		{
			flex:0 0 auto;
			max-width:min(78vw, 280px);
			font-size:13px;
			scroll-snap-align:start;
		}

	}


	@media (prefers-reduced-motion: reduce)
	{
		.ysa_hided_popup_div_title,
		.ysa_hided_popup_div_title.visible,
		.ysa_hided_popup_div.visible,
		.ysa_status_hided.visible,
		.ysa_hided_popup_div.visible.with-title,
		.ysa_status_hided.visible.with-title
		{
			transition:none;
		}

		.ysa_status_hided.visible.with-title
		{
			animation:none;
		}

		.ysa_hided_popup_div_title.ysa_ai_question_mode,
		.ysa_ai_question_bar,
		.ysa_ai_question_suggestions,
		.ysa_ai_question_submit,
		.ysa_ai_question_suggestion
		{
			transition:none;
		}

		.ysa_ai_question_suggestion_label
		{
			text-overflow:ellipsis;
		}

		.ysa_ai_question_suggestion_label_text,
		.ysa_ai_question_suggestion_label_overflowing .ysa_ai_question_suggestion_label_text
		{
			width:auto;
			min-width:0;
			display:inline;
			animation:none;
			transform:none;
		}
	}
	
	.ysa_letter {
		display: inline-block; /* Needed for fading each letter individually */
		opacity: 0;
		transition: opacity 0.5s ease-in; /* Adjust duration and easing as needed */
	}
	

/* popup-styles.css */
.ysa_popup-div {
    position: fixed;
    
		right:20px;
		
    bottom: 20px;
	top:auto;
    width: 400px;
    height: 0px; /* Start with 0px height */
    z-index: 1100000003 !important;
    background-color: transparent;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    transition: height 1s;
}

.ysa_toggle-button {
    position: fixed;
    
		right:25px;
		
    bottom: 25px; /* Adjust for the minimized state */
    width: 40px;
    height: 40px;
    background-image: url("https://app.youshouldask.ai/img/chat_icon.webp"); /* Initial image */
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1100000004 !important;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-kthtml-transition: all 0.5s linear;
	transition: all 0.5s linear;
	display:none;
}

/* Class for when the popup is maximized */
.ysa_toggle-button-maximized {
	background-color:#ffffff;
    background-image: url("https://app.youshouldask.ai/img/close-circle.svg"); /* Update with the actual image URL */
	width: 30px;
    height: 30px;
	display:block;
	background-size:99%;
	background-position: center center; 
	
	display:none;
}

.ysa_close_button_small_popup {
	position: fixed;
    right:10px;
    top: -15px; /* Adjust for the minimized state */
    width: 30px;
    height: 30px;
	background-color:#ffffff;
    background-image: url("https://app.youshouldask.ai/img/close-circle.svg");
	background-size:99%;
	background-position: center center; 
    border-radius: 50%;
    cursor: pointer;
    z-index: 1100000004 !important;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-kthtml-transition: all 0.5s linear;
	transition: all 0.5s linear;
	display:block !important;
}

.ysa_iframe {
    width: 100%;
    height: 100%;
    border: none;
	
		background-color:#ffffff;
		
	background-image: url("https://app.youshouldask.ai/img/chat_icon.webp");
	background-size:50px;
	background-position: center center; 
	background-repeat:no-repeat;
	
	border-radius: 20px 0px 0px 20px;
}



.ysa_popup-div.centered 
{
    left: 50% !important;
    right: 0px !important;
    top: 60px !important;
    bottom: 70px !important;
    height: auto !important;
    border-radius: 20px;
    width: 600px !important;
    margin-left: -300px;
}

.ysa_popup-div.centered .chat_creator_label.chatwindow
{
	transform: rotate(0deg);
	display: block;
	position: fixed;
	left: 50%;
	margin-left:130px;
	bottom: 47px;
	opacity: 1;
	padding: 3px 7px;
	font-size: 10px;
	right:auto;
	font-family: arial;
}

.ysa_popup-div.maximized
{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.ysa_popup-div.maximized.ysa-open-position-left
{
	left:20px;
	right:auto;
	margin-left:0;
}

.ysa_popup-div.maximized.ysa-open-position-center
{
	left:calc(50% - 200px);
	right:auto;
	margin-left:0;
}

.ysa_popup-div.maximized.ysa-open-position-right
{
	left:auto;
	right:20px;
	margin-left:0;
}

.ysa_popup-product-div 
{
    position: fixed;
    
		right:420px;
		
    bottom: auto;
	top:auto;
	padding-top: 60px;
    width: 80px;
    height: 0px; /* Start with 0px height */
    z-index: 1000000000 !important;
    background-color: transparent;
    border-radius: 0px;
    overflow: hidden;
    transition: height 1s;
}

	.ysa_product_tile
	{
		background-color: #ffffff;
		padding: 10px 10px 10px 10px;
		margin-left: 10px;
		border-radius: 10px 0px 0px 10px;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
		margin-bottom:5px;
		
		position: relative;
		opacity: 0;
		transform: translateX(100%); /* Start off-screen to the right */
		transition: transform 1s ease, opacity 1s ease; /* Animate both position and opacity */
	}
	
    .ysa_slide_in {
      transform: translateX(0); /* Slide into view */
      opacity: 1; /* Make it visible */
    }
	
		.ysa_product_tile a img
		{
			border-radius:5px;
			width: 50px;
		}

		.ysa_product_tile .title,
		.ysa_product_tile .description,
		.ysa_product_tile .price,
		.ysa_product_tile .button
		{
			display:none;
		}


@media (max-height:860px)  
{
	.ysa_popup-div.maximized
	{
		top: 0px !important;
        bottom: 0px !important;
        height: auto !important;
        border-radius: 20px 0px 0px 20px;
        
			right:0px;
			
		box-shadow: 0 0px 10px 10px rgba(0, 0, 0, 0.1);
	}
	
	.ysa_popup-div.maximized .chat_creator_label.chatwindow
	{
		
			right:364px;
			
	}
	
	.ysa_popup-product-div.maximized
	{
		top: 0px !important;
        bottom: auto !important;
		height: auto !important;
		
			right:400px;
			
	}
}

@media (max-height:860px)
{
	.ysa_popup-div.maximized.ysa-open-position-left
	{
		left:0;
		right:auto;
	}

	.ysa_popup-div.maximized.ysa-open-position-right
	{
		left:auto;
		right:0;
	}
}

@media (max-width:600px)  
{
	.ysa_mobile_chat_sheet_backdrop
	{
		display:block;
		position:fixed;
		inset:0;
		z-index:1100000000;
		background:rgba(0,0,0,0.42);
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		touch-action:none;
		transition:opacity 180ms cubic-bezier(0.16,1,0.3,1), visibility 0s linear 180ms;
	}

	.ysa_mobile_chat_sheet_backdrop.ysa_mobile_chat_sheet_backdrop_visible
	{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transition:opacity 180ms cubic-bezier(0.16,1,0.3,1);
	}

	.ysa_popup-div.maximized
	{
		--ysa-mobile-chat-sheet-safe-top:env(safe-area-inset-top, 0px);
		width: auto !important;
		left: 0px !important;
		right:0px !important;
		top:var(--ysa-mobile-chat-sheet-top, max(72px, calc(env(safe-area-inset-top, 0px) + 48px))) !important;
		bottom:var(--ysa-mobile-chat-sheet-bottom, 0px) !important;
		height:var(--ysa-mobile-chat-sheet-height, auto) !important;
		transition:none;
		display:flex;
		flex-direction:column;
		border-radius:26px 26px 0 0;
		background-color:var(--ysa-mobile-chat-sheet-background, #ffffff);
		box-shadow:0 -18px 48px rgba(15,23,42,0.24), 0 0 0 1px rgba(15,23,42,0.06);
	}

	.ysa_popup-div.maximized.ysa_mobile_chat_sheet_dragging
	{
		transition:none;
		will-change:top;
	}

	.ysa_popup-div.maximized > .ysa_mobile_chat_sheet_handle
	{
		display:flex;
		position:absolute;
		top:0;
		left:50%;
		right:auto;
		width:96px;
		min-height:44px;
		height:44px;
		transform:translateX(-50%);
		z-index:2;
		align-items:flex-start;
		justify-content:center;
		padding-top:8px;
		background:transparent;
	}
	
	.chat_creator_label
	{
		display: none !important;
	}
	
	.ysa_popup_notification
	{
		width: auto;
		left: 0px;
		right:0px;
		bottom:0px;
		border-radius: 20px 20px 0px 0px;
	}
	
	.ysa_iframe
	{
		flex:1 1 auto;
		min-height:0;
		border-radius: 0px;
	}
}

@media (max-width:600px) and (prefers-reduced-motion:reduce)
{
	.ysa_mobile_chat_sheet_backdrop
	{
		transition:none;
	}
}

.ysa_popup-div.maximized.bottomized
{
	top:auto !important;
}

.ysa_popup-div.maximized.bottomized .chat_creator_label.chatwindow
{
	display: none !important;
}

@keyframes pulseFade 
{
	0% {
		opacity: 1;
		transform: scale(0.95);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(0.95);
	}
}