@layer nextiVoiceLayout {
  @media (max-width: 767px), (pointer: coarse) and (max-device-width: 767px), (pointer: coarse) and (max-device-height: 767px) {
    .tg-chat-container:not(.is-desktop) .nx-motion-transcript {
      display: block;
      width: 100%;
      min-height: 0;
      overflow: hidden;
    }
    .tg-chat-container:not(.is-desktop) .tg-chat-container__message-footer .nx-motion-reactions.tg-chat-container__reactions,
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions.tg-chat-container__detached-reactions {
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: flex-start !important;
      align-items: center !important;
      gap: 0 !important;
      height: 28px !important;
      min-height: 28px !important;
      overflow: auto hidden !important;
      scrollbar-width: none;
      overscroll-behavior-x: contain;
      user-select: none;
    }
    .tg-chat-container:not(.is-desktop) .tg-chat-container__message-footer .nx-motion-reactions.tg-chat-container__reactions {
      flex: 1 1 0 !important;
      contain: inline-size;
    }
    .tg-chat-container:not(.is-desktop) .tg-chat-container__message:is(.variant-default,.variant-reply):not(.has-attachments) .tg-chat-container__message-footer {
      min-width: 0;
      transition: min-width .21s cubic-bezier(.22,.72,.18,1);
    }
    .tg-chat-container:not(.is-desktop) .tg-chat-container__message:is(.variant-default,.variant-reply):not(.has-attachments) .tg-chat-container__message-footer:has(.nx-motion-reaction-item) {
      min-width: 110px !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reaction-item {
      display: inline-flex;
      box-sizing: border-box;
      flex: 0 0 auto;
      align-items: center;
      height: 25px;
      padding-inline-end: 4px;
      overflow: hidden;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-pill {
      min-width: 38px !important;
      padding-inline: 4px !important;
      gap: 2px !important;
      animation: none !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-pill strong {
      white-space: nowrap;
      font-size: 9.5px;
      font-variant-numeric: tabular-nums;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-vfx-particles,
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-pill::before,
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-pill::after {
      display: none !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions[data-nx-overflow="right"] {
      mask-image: linear-gradient(to right, #000 calc(100% - 9px), transparent);
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions[data-nx-overflow="left"] {
      mask-image: linear-gradient(to right, transparent, #000 9px);
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions[data-nx-overflow="leftright"] {
      mask-image: linear-gradient(to right, transparent, #000 9px, #000 calc(100% - 9px), transparent);
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions::-webkit-scrollbar { display: none; }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions.tg-chat-container__detached-reactions {
      box-sizing: border-box !important;
      width: 0 !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin-top: 6px !important;
    }
  }
  @media (max-width: 767px) and (prefers-reduced-motion: reduce), (pointer: coarse) and (max-device-width: 767px) and (prefers-reduced-motion: reduce), (pointer: coarse) and (max-device-height: 767px) and (prefers-reduced-motion: reduce) {
    .tg-chat-container:not(.is-desktop) .tg-chat-container__message-footer {
      transition: none !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-motion-reactions .tg-chat-container__reaction-pill {
      transition: none !important;
    }
  }
}