@charset "UTF-8";

:root {
  --chat--color-primary: #0563bb;
  --chat--color-primary-shade-50: #067ded;
  --chat--color-primary-shade-100: #47aeff;
  --chat--color-secondary: #0563bb;
  --chat--color-secondary-shade-50: #067ded;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #e6e9f1;
  --chat--color-light-shade-100: #c2c5cc;
  --chat--color-medium: #d2d4d9;
  --chat--input: #d2d4d9;
  --chat--color-dark: #1e2021;
  --chat--color-disabled: #777980;
  --chat--color-typing: #ffffff;
  --chat--spacing: 1rem;
  --chat--border-radius: .25rem;
  --chat--transition-duration: .15s;
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--textarea--height: 50px;
  --chat--message--bot--background: var(--chat--color-white);
  --chat--message--bot--color: var(--chat--color-dark);
  --chat--message--user--background: var(--chat--color-secondary);
  --chat--message--user--color: var(--chat--color-white);
  --chat--message--pre--background: rgba(0, 0, 0, .05);
  --chat--toggle--background: var(--chat--color-primary);
  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
  --chat--toggle--color: var(--chat--color-white);
  --chat--toggle--size: 64px;
  --chat--heading--font-size: 2em
}