/* Message bubbles for signed-in partners */

.msg-fab-list {
  width: min(22rem, calc(100vw - 2rem));
  max-height: 60vh;
  overflow-y: auto;
  padding-inline-end: 0.5rem; /* room for the bubble tail */
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 0.15s;
}

.msg-fab-bubble {
  opacity: 0;
  transform: translateY(0.5rem) scale(0.85);
  transform-origin: bottom right;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

[data-msg-fab][data-open="true"] .msg-fab-list {
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

[data-msg-fab][data-open="true"] .msg-fab-bubble {
  opacity: 1;
  transform: none;
}

.msg-fab-icon-close {
  display: none;
}

[data-msg-fab][data-open="true"] .msg-fab-icon-close {
  display: block;
}

[data-msg-fab][data-open="true"] .msg-fab-icon-chat,
[data-msg-fab][data-open="true"] .msg-fab-count {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .msg-fab-list,
  .msg-fab-bubble {
    transition: none;
  }
}