/* Sample CSS, changes made here will automatically reflect to the preview */

body {
  padding-top: 16px;
  border: 2px dashed black;
  box-sizing: border-box
}

yt-live-chat-app {
  --yt-live-chat-header-background-color: transparent;
  --yt-live-chat-background-color: transparent;
  --yt-live-chat-sponsor-color: pink;
}

yt-live-chat-header-renderer, #separator {
  display: none;
}

#items yt-live-chat-text-message-renderer {
  background-color: darkslategray;
  margin: 6px 24px 4px ;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);

  #author-photo {
    display: none;
  }
}