/* ==UserStyle==
@name Compact YouTube chat
@description Compact style for YouTube live chat
@author Rensatsu
@namespace https://ren-user-css.pages.dev/youtube-chat.user.css
@version 1.1.20251027190042
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/live_chat"),
url-prefix("https://studio.youtube.com/live_chat"),
url-prefix("https://www.youtube.com/live_chat_replay") {
  /* header ("Top Chat") */
  yt-live-chat-header-renderer {
    height: 32px !important;
    padding: 2px !important;
  }
  /* latest events chips */
  #items.yt-live-chat-ticker-renderer {
    height: 28px !important;
    padding: 0 8px 8px 8px !important;
  }
  /* text input */
  yt-live-chat-message-input-renderer {
    padding: 4px !important;
  }
  yt-live-chat-message-input-renderer #buttons.yt-live-chat-message-input-renderer {
    margin: 0 !important;
  }
  #input-container.yt-live-chat-message-input-renderer {
    display: grid;
    grid-template: auto / 60px 10fr;
    overflow: hidden;
    gap: 0 1ch;
  }
  #input-container.yt-live-chat-message-input-renderer yt-live-chat-author-chip {
    place-items: center;
  }
  #input-container.yt-live-chat-message-input-renderer yt-live-chat-author-chip #author-name {
    overflow: hidden;
    white-space: nowrap;
    font-size: 9px;
    text-overflow: ellipsis;
  }
  /* text input buttons */
  #picker-buttons.yt-live-chat-message-input-renderer yt-icon-button,
  #message-buttons.yt-live-chat-message-input-renderer yt-icon-button {
    --yt-icon-width: 28px;
    --yt-button-icon-padding: 2px;
    --yt-live-chat-32px-icon-button_-_width: var(--yt-icon-width);
    --yt-live-chat-32px-icon-button_-_height: var(--yt-icon-width);
    --yt-live-chat-32px-icon-button_-_padding: var(--yt-button-icon-padding);
  }
}