.awp-bot-message .awp-chat-user {
	background-color: var(--neutral-low);
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0;
	display: block;
	word-wrap: break-word;
}

#chatbot-wrapper .awp__column.space-content:has(:first-child) {
	background-color: var(--neutral-low);
	border-radius: 10px 10px 10px 0;
	padding: 10px;
	margin: 0;
	display: block;
	word-wrap: break-word;
	position:relative;
}
/* same as above but last */
#chatbot-wrapper .awp__column.space-content:not(.is-layout-flow):last-child {
	border-radius: 10px 10px 0 10px;
}

#chatbot-wrapper .awp__column.space-content:not(.is-layout-flow)::before {
	content: "";
	/* a triangle */
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent var(--neutral-low) transparent;
	transform: rotate(0deg);
}
/* same as above but last */
#chatbot-wrapper .awp__column.space-content:not(.is-layout-flow):last-child::before {
	border-width: 20px 0 0 20px;
	left: auto;
	transform: rotate(0deg);
	right: -20px;

		border-color: transparent transparent transparent var(--neutral-low);
}

.keep-breaks {
 	white-space: pre-line;
 }

.awp-bot-message .awp-chat-user p {
	white-space: pre-line;
}

.lds-ellipsis {
	/* change color here */
	color: var(--primary-high)
}

.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: border-box;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ellipsis div {
	position: absolute;
	top: 33.33333px;
	width: 13.33333px;
	height: 13.33333px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}
/**
 * chat-bot
 */
form.chat-bot .section__inputs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.chat-bot .section__inputs .inputs__input {
	margin-bottom: 1.5rem;
}

form.chat-bot *.is-invalid,
form.chat-bot *.is-invalid p,
form.chat-bot *.is-invalid legend,
form.chat-bot *.is-invalid .input__label,
form.chat-bot *.is-invalid .input__sublabel,
form.chat-bot *.is-invalid .input__description,
form.chat-bot *.is-invalid .label__description {
	color: var(--error-high);
}

form.chat-bot .label__description {
	margin-bottom: 0;
}

form.chat-bot .input__description {
	color: var(--neutral-high);
	font-size: .75rem;
	line-height: 1.125rem;
}

.normal-contrast form.chat-bot *.is-invalid .input__input,
.normal-contrast form.chat-bot [type=email].is-invalid,
.normal-contrast form.chat-bot [type=date].is-invalid,
.normal-contrast form.chat-bot [type=file].is-invalid,
.normal-contrast form.chat-bot [type=month].is-invalid,
.normal-contrast form.chat-bot [type=number].is-invalid,
.normal-contrast form.chat-bot [type=password].is-invalid,
.normal-contrast form.chat-bot [type=tel].is-invalid,
.normal-contrast form.chat-bot [type=text].is-invalid,
.normal-contrast form.chat-bot [type=time].is-invalid,
.normal-contrast form.chat-bot [type=search].is-invalid,
.normal-contrast form.chat-bot [type=url].is-invalid,
.normal-contrast form.chat-bot [type=week].is-invalid,
.normal-contrast form.chat-bot textarea.is-invalid,
.normal-contrast form.chat-bot select.is-invalid {
	border-color: var(--error-high);
	background-color: var(--error-low);
	color: var(--error-high);
}

.normal-contrast form.chat-bot [type=email],
.normal-contrast form.chat-bot [type=date],
.normal-contrast form.chat-bot [type=file],
.normal-contrast form.chat-bot [type=month],
.normal-contrast form.chat-bot [type=number],
.normal-contrast form.chat-bot [type=password],
.normal-contrast form.chat-bot [type=tel],
.normal-contrast form.chat-bot [type=text],
.normal-contrast form.chat-bot [type=time],
.normal-contrast form.chat-bot [type=search],
.normal-contrast form.chat-bot [type=url],
.normal-contrast form.chat-bot [type=week],
.normal-contrast form.chat-bot textarea,
.normal-contrast form.chat-bot select {
	border-width: 2px;
	border-style: solid;
	border-color: var(--neutral-high);
}

form.chat-bot [type=email],
form.chat-bot [type=date],
form.chat-bot [type=file],
form.chat-bot [type=month],
form.chat-bot [type=number],
form.chat-bot [type=password],
form.chat-bot [type=tel],
form.chat-bot [type=text],
form.chat-bot [type=time],
form.chat-bot [type=search],
form.chat-bot [type=url],
form.chat-bot [type=week],
form.chat-bot textarea,
form.chat-bot select {
	margin-top: 0.5rem;
	margin-bottom: 0;
	padding: 0.75rem;
	width: 100%;
	min-height: 48px;
	color: var(--neutral-high);
	scroll-margin-top: 2rem;
	border-width: 2px;
	border-style: solid;
	border-color: var(--neutral-high);
	border-radius: var(--radius-small);
}

input[type=text],
textarea {
	width: 100%;
}

form.chat-bot .input__error-message {
	color: var(--error-high);
	font-size: .75rem;
	line-height: 1.125rem;
}

form.chat-bot .input__error-message svg[class~=svg-inline--fa] {
	color: var(--error-normal);
}

form.chat-bot .input__optional,
form.chat-bot .input__description {
	color: var(--neutral-high);
	font-size: .75rem;
	line-height: 1.125rem;
}

form.chat-bot .input__address {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	max-width: 100%;
}

form.chat-bot .input-with-button {
	display: grid;
	grid-gap: 1rem;
	max-width: 100%;
}

form.chat-bot .input-with-button button {
	background: var(--primary-high);
	border: 1px solid var(--neutral-normal);
	color: var(--base-low);
	border-radius: var(--radius-small);
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	word-break: break-word;
}

form.chat-bot .input__address label {
	width: 100%;
}

form.chat-bot .input__address>:first-child {
	grid-column: 1/3;
}

form.chat-bot .input__label,
form.chat-bot .input__sublabel,
form.chat-bot .label__description,
form.chat-bot .input__description {
	display: block;
}

#chatbot-wrapper {
	max-height: 50vh;
	max-width: max-content;
	overflow-y: auto;
	scroll-padding-block-end: 100px;
}

#chatbot-wrapper .awp__column.space-content:not(.is-layout-flow) {
	max-width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
}

#chatbot-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

#chatbot-actions .wp-block-buttons {
	width: 100%;
}

#chatbot-actions .wp-block-buttons .wp-block-button {
	width: 100%;
}

#chatbot-actions a {
	width: 100%;
}

.awp__chat {
	border: 2px solid var(--neutral-low);
	padding: 2rem;
	border-radius: var(--radius-small);
}

#chatbot-wrapper {
	margin-top: 2rem;
}

.forally-block-list>ul.awp-chat-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.forally-block-list>ul.awp-chat-list li::before {
/* remove the before */
	display: none;

}

.forally-block-list>ul.awp-chat-list li:after {
	display: none;
}

.forally-block-list>ul.awp-chat-list li {
	margin-bottom: 1rem;
}
.forally-block-list>ul.awp-chat-list li a {
		display: block;
		padding: 1rem;
		background-color: var(--neutral-low);
		border-radius: var(--radius-small);
}
#chatbot-wrapper .awp__columns {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}