#chatbotWidget, #chatbotFloatingButton, .chatbotColorSamples {
  --a-chatbot-widget-hue: 210deg;
  --a-chatbot-widget-color: hsl(var(--a-chatbot-widget-hue), 85%, 40%);
  --a-chatbot-widget-hover-color: hsl(var(--a-chatbot-widget-hue), 85%, 50%);
  --a-chatbot-widget-focus-color: hsl(var(--a-chatbot-widget-hue), 85%, 50%);
  --a-chatbot-widget-pressed-color: hsl(var(--a-chatbot-widget-hue), 85%, 30%);
  --a-chatbot-widget-disabled-color: hsl(var(--a-chatbot-widget-hue), 0%, 60%);
}

.chatbotColorSamples {
  display: none;
}
.chatbotColorSamples.assistant {
  --a-closeButton-color: $assistant-header-close-button-color;
}
.chatbotColorSamples .sendButtonColorSample {
  background-color: var(--chatbot-send-button-background-color, var(--a-sendButton-background-color, var(--chatbot-main-normal, var(--a-chatbot-widget-color))));
}
.chatbotColorSamples .floatingButtonColorSample {
  background-color: var(--chatbot-floating-button-background-color, var(--a-floatingButton-background-color, var(--chatbot-main-normal, var(--a-chatbot-widget-color))));
}
.chatbotColorSamples .messageLinkColorSample {
  background-color: var(--chatbot-message-link-color, var(--a-messageGroup-link-color, var(--chatbot-main-normal, var(--a-chatbot-widget-color))));
}
.chatbotColorSamples .headerCloseButtonColorSample {
  background-color: var(--chatbot-header-close-button-color, var(--a-closeButton-color, var(--chatbot-main-normal, var(--a-chatbot-widget-color))));
}