<!-- start Simple Custom CSS and JS -->
<style type="text/css">
:root {
	--chat--color-primary: #000000 !important; 
	--chat--color-primary-shade-50: #000000 !important; 
	--chat--color-primary-shade-100: #000000 !important;
	--chat--color-secondary: #000000 !important;
	--chat--color-secondary-shade-50: #000000 !important;
	--chat--color-white: #ffffff !important;
	--chat--color-light: #888888 !important;
	--chat--color-light-shade-50: #e6e9f1 !important;
	--chat--color-light-shade-100: #c2c5cc !important;
	--chat--color-medium: #d2d4d9 !important;
	--chat--color-dark: #000000 !important;
	--chat--color-disabled: #777980 !important;
	--chat--color-typing: #404040!important ;

	--chat--spacing: 2rem;
	--chat--border-radius: 1.25rem;
	--chat--transition-duration: 0.15s;

	--chat--window--width: 400px !important;
	--chat--window--height: 500px !important;

	--chat--header-height: auto;
	--chat--header--padding: var(--chat--spacing);
	--chat--header--background: var(--chat--color-dark);
	--chat--header--color: var(--chat--color-light);
	--chat--header--border-top: none;
	--chat--header--border-bottom: none;
	--chat--header--border-bottom: none;
	--chat--header--border-bottom: none;
	--chat--heading--font-size: 1em;
	--chat--header--color: var(--chat--color-light) !important;
	--chat--subtitle--font-size: inherit !important;
	--chat--subtitle--line-height: 1 !important;

	--chat--textarea--height: 30px !important;

	--chat--message--font-size: 1rem;
	--chat--message--padding: var(--chat--spacing) !important;
	--chat--message--border-radius: var(--chat--border-radius) !important;
	--chat--message-line-height: 1 !important;
	--chat--message--bot--background: var(--chat--color-dark) !important;
	--chat--message--bot--color: var(--chat--color-white) !important;
	--chat--message--bot--border: none;
	--chat--message--user--background: var(--chat--color-secondary) !important;
	--chat--message--user--color: var(--chat--color-dark);
	--chat--message--user--border: none;
	--chat--message--pre--background: rgba(0, 0, 0, 0.05);

	--chat--toggle--background: var(--chat--color-primary) !important;
	--chat--toggle--hover--background: var(--chat--color-primary-shade-50) !important;
	--chat--toggle--active--background: var(--chat--color-primary-shade-100) !important;
	--chat--toggle--color: var(--chat--color-light) !important;
	--chat--toggle--size: 50px !important;
}</style>
<!-- end Simple Custom CSS and JS -->
