/* Minimal functional styles. Replace/override as needed. */
.homepage-chat-container {
	width: 499px;
	margin: 2rem auto 26px;
	position: relative;
}
.homepage-chat-container::after {
	content: url('data:image/svg+xml,<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.2074 11.9L15.3744 9.34999L22.2074 6.79743L24.7698 0L27.3346 6.79743L34.1653 9.34999L27.3346 11.9L24.7698 18.7L22.2074 11.9ZM8.54128 25.5L0 22.1L8.54128 18.7L11.9578 10.2L15.3744 18.7L23.9157 22.1L15.3744 25.5L11.9578 34L8.54128 25.5Z" fill="%23D31245"/></svg>');
	position: absolute;
	top: 20px;
	left: 20px;
	height: 35px;
	width: 35px;
	display: block;
}
.homepage-banner {
	max-height: 0;
	transition: .3s ease max-height;
}
.homepage-chat-session {
	opacity: 0;
	color: white;
	font-size: 16px;
	position: absolute;
	top: -30px;
	left: -20px;
	transition: .3s ease opacity;
}
.site-chatbot__active .homepage-chat-session {
	opacity: 1;
	transition: .3s ease opacity;
}
.site-chatbot__active.homepage-banner {
	max-height: 1000px;
	transition: .3s ease max-height;
}
.site-chatbot__close {
	display: none;
}
.site-chatbot__active .site-chatbot__close {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -25px;
	right: 15px;
	height: 46px;
	width: 46px;
}
.site-chatbot__active .homepage-chat-container::after {
	content: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.1 11.9L15.3 9.34999L22.1 6.79743L24.65 0L27.2024 6.79743L34 9.34999L27.2024 11.9L24.65 18.7L22.1 11.9ZM8.49996 25.5L0 22.1L8.49996 18.7L11.9 10.2L15.3 18.7L23.8 22.1L15.3 25.5L11.9 34L8.49996 25.5Z" fill="white"/></svg>');
	background: #D31245;
	border-radius: 50%;
	top: 0;
	left: -34px;
	height: 51px;
	width: 51px;
	padding-left: 10px;
  padding-top: 9px;
}
.site-chatbot {
	background: rgba(245, 245, 245, 0.60);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0 13px 11px;
	max-height: 300px;
	max-width: 32rem;
	width: 100%;
	transition: .3s ease all;
}

.site-chatbot__active .site-chatbot {
	max-height: 700px;
	padding: 44px 15px 20px;
	transition: .3s ease all;
}

.site-chatbot__active .site-chatbot__messages {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	overflow-y: auto;
	transition: .3s ease all;
}
.site-chatbot__active .site-chatbot__messages {
	border-bottom: 1px solid rgba(0,0,0,0.25);
	order: 1;
	padding-bottom: 25px;
	transition: .3s ease all;
}

.site-chatbot__message {
	font-size: 16px;
	max-width: 85%;
	padding: 0.75rem 1rem;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.site-chatbot__message a{
	text-decoration: underline;
	color:  #bd103e;

}

.site-chatbot__message--user {
	align-self: flex-end;
	background-color: #D31245;
	border-radius: 12px 12px 0 12px;
	color: white;
	font-weight: 400;
}

.site-chatbot__message--error,
.site-chatbot__message--assistant {
	align-self: flex-start;
	background: white;
	border-radius: 12px 12px 12px 0;
	font-weight: 400;
}

.site-chatbot__message--loading {
	opacity: 0.65;
	font-style: italic;
}

.site-chatbot__prompt {
	background: white;
	border: none;
	border-radius: 100px;
	color: black;
	cursor: pointer;
	padding: 5px 10px;
	margin: 2.5px 5px 2.5px 0;
}

/* .site-chatbot__prompt:nth-of-type(1n+4) {
	display: none;
} */

.site-chatbot .site-chatbot__prompts:empty {
    display: none;
}

.site-chatbot__active .site-chatbot__prompts {
	margin-top: 15px;
	order: 2;
}

.site-chatbot__form {
	display: flex;
	gap: 0.5rem;
	margin-top: 6px;
	padding-bottom: 35px;
}
.site-chatbot__active .site-chatbot__form {
	background: white;
	border-radius: 20px;
	padding-bottom: 0;
	margin-top: 15px;
	order: 3;
}

.site-chatbot__input {
	background: transparent;
	border: transparent;
	font-size: 16px;
	flex: 1 1 auto;
	min-width: 0;
	margin-left: 71px;
	width: calc(100% - 120px);
}
input.site-chatbot__input:focus{
    outline: none;
}
.site-chatbot__active .site-chatbot__input {
	margin-left: 0;
	padding: 10px 15px;
}
.site-chatbot__input::placeholder {
	color: black;
	font-size: 16px;
}
.site-chatbot__button {
	background-color: transparent;
	border: none;
	margin-right: 1rem;
	cursor: pointer;
}
.site-chatbot__rating {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 13px;
	margin-top: 20px;
}
.site-chatbot__rating button {
	background-color: transparent;
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	margin-right: 0;
	padding: 4px 8px;
	cursor: pointer;
	position: relative;
}
.site-chatbot__rating button:hover:not(:disabled),
.site-chatbot__rating button:focus-visible,
.site-chatbot__rating button.is-selected {
	background-color: #f9e7ec;
	color: #bd103e;
}
.site-chatbot__rating button:disabled {
	cursor: default;
	opacity: 0.5;
}
.site-chatbot__rating button.is-selected:disabled {
	font-weight: 700;
	opacity: 1;
}
.site-chatbot__rating-status {
	flex-basis: 100%;
	min-height: 1.4em;
}
.site-chatbot__rating button::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 18.9px;
	margin-right: 6px;
	width: 18.5px;
}
.site-chatbot__rating button[data-rating="good"]::before {
	background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.349 0.377613C10.428 0.239525 10.5488 0.13013 10.6941 0.0652374C10.8393 0.000344642 11.0014 -0.016684 11.157 0.0166129L11.284 0.0436128C11.8131 0.156944 12.3125 0.379814 12.7502 0.697874C13.1879 1.01593 13.5542 1.42213 13.8254 1.89031C14.0966 2.3585 14.2668 2.87829 14.3249 3.41622C14.383 3.95415 14.3279 4.49829 14.163 5.01361L13.527 6.99961H14.664C17.309 6.99961 19.177 9.59061 18.34 12.0996L16.781 16.7776C16.5653 17.4246 16.1514 17.9874 15.5981 18.3862C15.0448 18.785 14.38 18.9996 13.698 18.9996H8.409C7.37983 18.9998 6.38169 18.6472 5.581 18.0006C5.43894 18.2996 5.21499 18.5522 4.93514 18.729C4.65529 18.9058 4.33103 18.9997 4 18.9996H1.75C1.28587 18.9996 0.840752 18.8152 0.512563 18.487C0.184375 18.1589 0 17.7137 0 17.2496V8.74961C0 7.78361 0.784 6.99961 1.75 6.99961H6.42C6.46407 6.9996 6.50735 6.98794 6.54545 6.96581C6.58356 6.94368 6.61514 6.91188 6.637 6.87361L10.349 0.377613ZM5.75 16.1596L6.433 16.7576C6.98004 17.2361 7.6822 17.4998 8.409 17.4996H13.698C14.0653 17.4995 14.4233 17.3839 14.7212 17.1691C15.0191 16.9542 15.2419 16.6511 15.358 16.3026L16.917 11.6256C17.036 11.2686 17.0685 10.8884 17.0117 10.5164C16.955 10.1444 16.8106 9.79125 16.5906 9.48596C16.3706 9.18068 16.0811 8.93205 15.7462 8.76056C15.4112 8.58907 15.0403 8.49963 14.664 8.49961H12.5C12.3819 8.49958 12.2655 8.47167 12.1602 8.41813C12.0549 8.3646 11.9638 8.28697 11.8942 8.19155C11.8246 8.09613 11.7786 7.98563 11.7598 7.86904C11.7409 7.75245 11.7499 7.63307 11.786 7.52061L12.734 4.55661C12.917 3.98552 12.8771 3.36635 12.6224 2.82343C12.3677 2.28051 11.9171 1.85403 11.361 1.62961L7.939 7.61761C7.786 7.88546 7.56493 8.1081 7.29817 8.26299C7.03142 8.41788 6.72846 8.49951 6.42 8.49961H5.75V16.1596ZM4.25 8.49961H1.75C1.6837 8.49961 1.62011 8.52595 1.57322 8.57284C1.52634 8.61972 1.5 8.68331 1.5 8.74961V17.2496C1.5 17.3876 1.612 17.4996 1.75 17.4996H4C4.0663 17.4996 4.12989 17.4733 4.17678 17.4264C4.22366 17.3795 4.25 17.3159 4.25 17.2496V8.49961Z" fill="%234A4143"/></svg>');
}
.site-chatbot__rating button[data-rating="bad"]::before {
	background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.19299 18.6219C8.11401 18.76 7.99316 18.8694 7.84791 18.9343C7.70267 18.9992 7.54055 19.0162 7.38499 18.9829L7.25799 18.9559C6.72893 18.8426 6.22947 18.6197 5.79176 18.3016C5.35406 17.9836 4.98781 17.5774 4.7166 17.1092C4.4454 16.641 4.27524 16.1212 4.21709 15.5833C4.15895 15.0454 4.2141 14.5012 4.37899 13.9859L5.01499 11.9999L3.87799 11.9999C1.23299 11.9999 -0.635007 9.4089 0.201993 6.8999L1.76099 2.2219C1.97673 1.57487 2.39056 1.01211 2.94388 0.61332C3.49719 0.214531 4.16195 -7.41999e-05 4.84399 -0.000102287L10.133 -0.000101825C11.1622 -0.000287138 12.1603 0.352308 12.961 0.998899C13.1031 0.699898 13.327 0.447321 13.6069 0.270492C13.8867 0.0936632 14.211 -0.000165004 14.542 -0.000101439L16.792 -0.000101242C17.2561 -0.000101202 17.7012 0.184274 18.0294 0.512463C18.3576 0.840651 18.542 1.28577 18.542 1.7499L18.542 10.2499C18.542 11.2159 17.758 11.9999 16.792 11.9999L12.122 11.9999C12.0779 11.9999 12.0346 12.0116 11.9965 12.0337C11.9584 12.0558 11.9268 12.0876 11.905 12.1259L8.19299 18.6219ZM12.792 2.8399L12.109 2.2419C11.562 1.76337 10.8598 1.49971 10.133 1.4999L4.84399 1.4999C4.47668 1.49997 4.11871 1.61561 3.82078 1.83044C3.52284 2.04528 3.30006 2.34841 3.18399 2.6969L1.62499 7.3739C1.506 7.7309 1.47354 8.11106 1.53029 8.48307C1.58704 8.85507 1.73138 9.20827 1.9514 9.51355C2.17143 9.81883 2.46084 10.0675 2.79581 10.2389C3.13077 10.4104 3.50169 10.4999 3.87799 10.4999L6.04199 10.4999C6.16009 10.4999 6.27651 10.5278 6.38178 10.5814C6.48704 10.6349 6.57818 10.7125 6.64777 10.808C6.71736 10.9034 6.76343 11.0139 6.78224 11.1305C6.80104 11.2471 6.79205 11.3664 6.75599 11.4789L5.80799 14.4429C5.62504 15.014 5.6649 15.6332 5.91958 16.1761C6.17425 16.719 6.62488 17.1455 7.18099 17.3699L10.603 11.3819C10.756 11.1141 10.9771 10.8914 11.2438 10.7365C11.5106 10.5816 11.8135 10.5 12.122 10.4999L12.792 10.4999L12.792 2.8399ZM14.292 10.4999L16.792 10.4999C16.8583 10.4999 16.9219 10.4736 16.9688 10.4267C17.0157 10.3798 17.042 10.3162 17.042 10.2499L17.042 1.7499C17.042 1.6119 16.93 1.4999 16.792 1.4999L14.542 1.4999C14.4757 1.4999 14.4121 1.52624 14.3652 1.57312C14.3183 1.62001 14.292 1.68359 14.292 1.7499L14.292 10.4999Z" fill="%234A4143"/></svg>');
}
@media (max-width: 768px) {
	.site-chatbot__active .site-chatbot__close {
		top: 8px;
		right: 15px;
		height: 25px;
		width: 35px;
	}
	.homepage-banner .homepage-chat-container {
		margin: 2rem auto 65px;
		max-width: 100%;
	}
	.site-chatbot__form {
		margin-top: 20px;
	}
	.site-chatbot__active .site-chatbot__form {
		margin-top: 0;
	}
	.site-chatbot {
		justify-content: space-between;
		height: 42vh;
		max-height: 600px;
	}
	.site-chatbot__active .site-chatbot {
		height: 65vh;
		justify-content: end;
	}
	.site-chatbot__messages {
		display: none;
	}
	.site-chatbot__active .site-chatbot__messages {
		padding-bottom: 15px;
	}
	.site-chatbot__active .site-chatbot__prompts {
		margin-top: 0;
	}
}