.chat-channel-message-emoji-picker-connector {
  position: relative;

  .chat-emoji-picker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50vh;
    width: 100%;
    box-shadow: var(--shadow-card);
    z-index: z("header") + 2;
    max-width: 100vw;
    box-sizing: border-box;

    &__backdrop {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(var(--always-black-rgb), 0.75);
      z-index: z("header") + 1;
    }
  }
}