/**
 * Important: nothing in this file should output CSS; it should all be mixins,
 * functions, variables, etc
 */
.chr-live-chat .chr-live-chat {
  position: fixed;
  right: 20px;
  bottom: calc(20px);
  z-index: 1050;
  outline: inherit;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  animation: opacity 0.15s ease-out;
  color: inherit;
  font: inherit;
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chr-live-chat .chr-live-chat .cls-1 {
  fill: #cbcbcb;
}
.chr-live-chat .chr-live-chat .cls-2 {
  fill: #bbb;
}
.chr-live-chat .chr-live-chat .cls-3 {
  fill: #c4c4c4;
}
.chr-live-chat .chr-live-chat .cls-4 {
  fill: #cacaca;
}
.chr-live-chat .chr-live-chat svg {
  width: 60px;
  height: 60px;
}
.chr-live-chat .chr-live-chat--desktop svg {
  width: 179px;
}

/*# sourceMappingURL=christies-design-system-library-live-chat.css.map */