@charset "UTF-8";
@import "/bin/type/skin/chatbot/style.css";

@media all {
	:root {
		--chatbot-loading-color: #db2064;
		--chatbot-user-background: #616977;
	}

	#chatbot-messages article .message-body {
		border-radius: 0.375rem;
	}

	#chatbot-messages article[data-role="assistant"] .message-body {
		border-color: #d2d2d2;
	}

	#chatbot-messages article .message-footer details summary {
		margin-bottom: 0.75rem;
	}

	#chatbot-respond [data-tool="audio-toggle"],
	#chatbot-search [data-tool="audio-toggle"] {
		font-family: var(--fa-style-family, "Font Awesome 6 Free");
	}

	#chatbot-respond [data-tool="audio-toggle"]::before,
	#chatbot-search [data-tool="audio-toggle"]::before {
		content: '\f130';
	}

	#chatbot-search #audio-toggle,
	#chatbot-respond #audio-toggle-response {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#chatbot-search #audio-toggle.active,
	#chatbot-respond #audio-toggle-response.active {
		color: var(--bs-primary);
	}
}