@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-reactions-grid {
      position: relative !important;
      display: block !important;
      flex: none !important;
      contain: none !important;
      box-sizing: border-box !important;
      width: 330px !important;
      max-width: 100% !important;
      min-width: 0 !important;
      min-height: 0 !important;
      height: auto;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      mask-image: none !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid[data-nx-reaction-side="out"] { margin-inline-start: auto !important; }
    .tg-chat-container:not(.is-desktop) .nx-reactions-flow {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: 4px;
      width: 100%;
      min-height: 0;
      box-sizing: border-box;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid[data-nx-reaction-side="out"] .nx-reactions-flow { justify-content: flex-end; }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .nx-motion-reaction-item {
      display: inline-flex;
      flex: 0 0 auto;
      box-sizing: border-box;
      align-items: center;
      width: auto;
      height: 28px !important;
      padding-inline-end: 0 !important;
      overflow: visible;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-pill {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      height: 28px !important;
      min-height: 28px !important;
      min-width: 40px !important;
      padding: 3px 6px !important;
      gap: 3px !important;
      border-radius: 14px !important;
      background: var(--mobile-theme-surface-alt, #15263a) !important;
      color: var(--mobile-theme-text, #f2f7ff) !important;
      border: 1px solid var(--mobile-theme-line, #27364b) !important;
      box-shadow: none !important;
      animation: none !important;
      transition: none !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-pill.is-mine {
      background: var(--mobile-theme-surface, #101d30) !important;
      background: color-mix(in srgb, var(--mobile-theme-accent, #00d7e8) 18%, var(--mobile-theme-surface, #101d30)) !important;
      color: var(--mobile-theme-text, #f2f7ff) !important;
      border-color: var(--mobile-theme-accent, #00d7e8) !important;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-pill strong {
      color: inherit !important;
      font-size: 10.5px !important;
      line-height: 14px !important;
      white-space: nowrap !important;
      font-variant-numeric: tabular-nums;
    }
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-vfx-particles,
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-pill::before,
    .tg-chat-container:not(.is-desktop) .nx-reactions-grid .tg-chat-container__reaction-pill::after { display: none !important; }
  }
}