@import url("https://rsms.me/inter/inter.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
:root {
  --bot-font-body: "Inter", "Arial", sans-serif;
  --bot-font-icon: "Material Symbols Outlined";
}
@supports (font-variation-settings: normal) {
  :root {
    --bot-font-body: "InterVariable", "Arial", sans-serif ;
  }
}

:root {
  --bot-neutral-100: 0 0% 95%;
  --bot-neutral-300: 0 0% 80%;
  --bot-neutral-500: 0 0% 54%;
  --bot-neutral-700: 0 0% 22%;
  --bot-neutral-900: 0 0% 7%;
  --bot-primary-100: 233 100% 98%;
  --bot-primary-300: 216 100% 84%;
  --bot-primary-500: 211 100% 55%;
  --bot-primary-700: 216 85% 24%;
  --bot-primary-900: 230 95% 7%;
  --bot-danger-100: 0 57% 95%;
  --bot-danger-300: 357 56% 78%;
  --bot-danger-500: 357 68% 46%;
  --bot-danger-700: 357 71% 26%;
  --bot-danger-900: 357 78% 16%;
}

:root {
  --bot-ui-border: 1px solid hsl(var(--bot-neutral-100));
  --bot-header-bg: 0 0 100%;
  --bot-header-fg: var(--bot-neutral-900);
  --bot-message-outgoing-bg: var(--bot-neutral-100);
  --bot-message-outgoing-fg: var(--bot-neutral-900);
  --bot-message-incoming-bg: var(--bot-primary-500);
  --bot-message-incoming-fg: var(--bot-neutral-100);
  --bot-log-radius: var(--bot-entry-radius-lg) --bot-log-radius-sm: var(--bot-entry-radius-sm);
  --bot-log-gap: 1px;
  --bot-selection-bg: 0 0 100%;
  --bot-selection-bg-opacity: 0;
  --bot-selection-fg: var(--bot-primary-500);
}

:root {
  --bot-ui-border: none;
  --bot-ui-radius: 10px;
  --bot-header-bg: 196 97% 25%;
  --bot-header-fg: var(--bot-neutral-100);
  --bot-message-outgoing-bg: 0 0% 93%;
  --bot-message-outgoing-fg: var(--bot-neutral-900);
  --bot-message-incoming-bg: 212 100% 95%;
  --bot-message-incoming-fg: var(--bot-neutral-900);
  --bot-log-radius: 3px;
  --bot-log-radius-sm: 3px;
  --bot-log-gap: 6px;
  --bot-selection-radius: 6px;
  --bot-selection-border: none;
  --bot-selection-bg: 195 97% 25%;
  --bot-selection-hover-bg: 195 97% 35%;
  --bot-selection-bg-opacity: 1;
  --bot-selection-fg: var(--bot-neutral-100);
}

:root {
  --bot-base-radius: 8px;
  --bot-ui-radius: 10px;
  --bot-base-type-size: 1rem;
  --bot-type-size-8: 0.8rem;
  --bot-type-size-7: 0.9rem;
  --bot-type-size-6: 1rem;
  --bot-type-size-5: 1.25rem;
  --bot-type-size-4: 1.5rem;
  --bot-type-size-3: 1.75rem;
  --bot-type-size-2: 2rem;
  --bot-type-size-1: 2.5rem;
}

/*# sourceMappingURL=chatbot-ui.css.map */