/*!
 * LibChat widget styles adapted to Rivet Design System for IUB Libraries.
 *
 * Usage:
 *
 * This code is loaded automatically into Drupal to style everything outside the
 * widget embed iframe. Intended for use with the widget defined here:
 *
 *     https://iub.libanswers.com/admin/chat/widget/22494
 *
 * @author James Wilson <james@bluespark.com>
 * @date 2024-06-19
 * @see https://rivet.iu.edu/
 */
:root .s-lch-widget-float.open {
  width: 300px;
  max-height: 500px;
  top: initial;
  bottom: 1px;
}

#slidebutton_link,
#slidebutton_link_off,
:root .s-lch-widget-float-btn {
  border-radius: 999px !important;
  box-shadow: 0 0.25rem 0.5rem rgba(36, 49, 66, 0.16);
  padding: 0.8em !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M0 1h16v12H8.414L6 15.414 3.586 13H0V1Zm6 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm3 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm3 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z'/%3E%3C/svg%3E") !important;
  background-size: 28.8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  width: 60px !important;
  height: 60px !important;
}
#slidebutton_link:focus-visible,
#slidebutton_link_off:focus-visible,
:root .s-lch-widget-float-btn:focus-visible {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #328bb8;
  outline: none;
}
#slidebutton_link svg,
#slidebutton_link_off svg,
:root .s-lch-widget-float-btn svg {
  display: none;
}

#slidebutton_link_off:hover,
#slidebutton_link_off:focus,
:root .s-lch-widget-float-btn:hover,
:root .s-lch-widget-float-btn:focus {
  background-color: #4c5a69 !important;
}

#slidebutton_link:hover,
#slidebutton_link:focus,
:root .s-lch-widget-float-btn.online:hover,
:root .s-lch-widget-float-btn.online:focus {
  background-color: #006298 !important;
}

:root .s-lch-widget-float-load {
  box-shadow: 0 0.25rem 1rem rgba(36, 49, 66, 0.2);
  border-radius: 0.5rem;
  border: 0;
  background: #fff;
  height: 340px !important;
  width: 300px !important;
  min-height: 340px !important;
}

:root .s-la-widget .btn-fullWidth {
  width: 50%;
}

:root .s-lch-msg-sys .s-lch-msg-txt {
  border-top: none;
  border-bottom: none;
}