.assono-chatbot-button {
  z-index: 1000000000;
}

.assono-chatbot-button:focus-visible {
  outline: 2px solid hsla(208, 100%, 31%, 0.5);
}

.assono-chatbot-button__image {
  border-radius: 999px;
  box-shadow: 1px 2px 4px hsla(0, 0%, 0%, 0.25);
}

.assono-chatbot-button__wrapper {
  align-items: center;
}

.assono-chatbot-button__message {
  background: hsl(208, 100%, 31%);
}

.assono-chatbot-button__tip {
  fill: hsl(208, 100%, 31%);
}

.assono-chatbot-button--theme-1 .assono-chatbot-button__message {
  background: hsl(358, 85%, 52%);
}

.assono-chatbot-button--theme-1 .assono-chatbot-button__tip {
  fill: hsl(358, 85%, 52%);
}

.assono-chatbot-button__badge {
  background: hsl(358, 100%, 52%);
}

/* Hide messages if the chat window was previously opened */
.assono-chatbot-button--used .assono-chatbot-button__greeting {
  display: none;
}

.assono-chatbot-window {
  z-index: 1000000000;
}

/* Hide messages when the screen is too small */
@media (max-width: 719px), (max-height: 599px) {
  .assono-chatbot-button__greeting {
    display: none;
  }
}

/* Hide badge if the chat window has not been opened yet and there are messages next to it */
@media (min-width: 720px) and (min-height: 600px) {
  .assono-chatbot-button--messages:not(.assono-chatbot-button--used)
    .assono-chatbot-button__badge {
    display: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .assono-chatbot-button--animated .assono-chatbot-button__wrapper {
    animation: bounce 0.85s ease-in 6 alternate;
  }
}