/**
 * @file
 * Compiled output of scss/quick-chat-popup.scss.
 *
 * DO NOT EDIT BY HAND beyond keeping it in sync with the SCSS source. This is
 * the file loaded by the `sp_quick_chat/popup` library (the module has no SASS
 * compiler). Additive to the theme's inner panel styling — no override war.
 */

/* Floating "Open chat" button — sits just above the theme switcher. */
.sp-quick-chat-toggle {
  position: fixed;
  z-index: 1000;
  inset-block-end: calc(1.5rem + 3rem);
  inset-inline-end: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.25rem;
  block-size: 3.25rem;
  padding: 0;
  color: #ffffff;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  background-color: #28217f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease, filter 0.2s ease;
}

.sp-quick-chat-toggle__icon {
  inline-size: 1.4rem;
  block-size: 1.4rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-quick-chat-toggle:hover,
.sp-quick-chat-toggle:focus-visible {
  filter: brightness(1.12);
}

.sp-quick-chat-toggle.is-active {
  transform: scale(0.96);
}

.sp-quick-chat-toggle.is-active .sp-quick-chat-toggle__icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71L12 12l6.3 6.29-1.42 1.42L10.59 13.4 4.3 19.7l-1.42-1.42L9.17 12 2.88 5.71 4.3 4.29l6.29 6.3 6.29-6.3z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71L12 12l6.3 6.29-1.42 1.42L10.59 13.4 4.3 19.7l-1.42-1.42L9.17 12 2.88 5.71 4.3 4.29l6.29 6.3 6.29-6.3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Chat panel — hidden by default, animates open above the toggle button. */
.sp-quick-chat-block {
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 1001;
  inset-block-end: calc(1.5rem + 3rem + 3.25rem + 1rem);
  inset-inline-end: 1.5rem;
  inline-size: min(360px, calc(100vw - 3rem));
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem) scale(0.98);
  transform-origin: bottom right;
  pointer-events: none;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0s linear 0.25s;
}

.sp-quick-chat-block.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0s;
}

.block-sp-quick-chat {
  margin: 0;
  padding: 0;
}

.sp-quick-chat-form #edit-actions--2 {
  position: relative;
  
}

#block-quickcommunicationchat>div.contextual {
  display: none;
}

#block-quickcommunicationchat {
  margin: 0;
  padding: 0;
}
/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .sp-quick-chat-toggle,
  .sp-quick-chat-block {
    transition: none;
  }
}