/* Breezer/Components/CommentCompose.razor.rz.scp.css */
comment-compose[breezer-comment-compose] {
  display: flex;
  flex-direction: column;
  gap: var(--comment-compose-gap, 8px);
  padding-top: var(--comment-inner-gap, 8px);
  border-top: solid 1px var(--border-colour, #CDCBCB);
}
comment-compose comment-compose-actions[breezer-comment-compose] {
  display: flex;
  justify-content: flex-end;
}
/* Breezer/Components/CommentItem.razor.rz.scp.css */
comment-item[breezer-comment-item] {
  display: flex;
  gap: var(--comment-inner-gap, 8px);
  align-items: flex-start;
  max-width: var(--comment-max-width, 80%);
}
comment-item comment-avatar[breezer-comment-item] {
  flex: 0 0 auto;
}
comment-item comment-content[breezer-comment-item] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
comment-item comment-header[breezer-comment-item] {
  display: flex;
  align-items: baseline;
  gap: var(--comment-inner-gap, 8px);
}
comment-item comment-header comment-author[breezer-comment-item] {
  font-weight: 600;
  color: var(--text-colour, #282120);
}
comment-item comment-header comment-time[breezer-comment-item] {
  color: var(--secondary-text-colour, #433D3C);
  font-size: 0.8em;
}
comment-item comment-body[breezer-comment-item] {
  display: block;
  background-color: var(--comment-background, var(--white, #FFFFFF));
  border: solid 1px var(--border-colour, #CDCBCB);
  border-radius: var(--comment-bubble-radius, 10px);
  padding: var(--comment-bubble-padding, 8px 12px);
  word-break: break-word;
}
comment-item comment-body comment-deleted[breezer-comment-item] {
  color: var(--secondary-text-colour, #433D3C);
  font-style: italic;
}
comment-item[own]:not([format-own]) comment-author .own-name[breezer-comment-item] {
  background-color: var(--background-highlight-colour, #D2E2EF);
  padding-left: 5px;
  padding-right: 5px;
  margin: 5px;
  border-radius: 5px;
  vertical-align: central;
  font-size: smaller;
  font-weight: normal;
  opacity: 0.8;
}
comment-item[format-own][breezer-comment-item] {
  align-self: flex-end;
  flex-direction: row-reverse;
}
comment-item[format-own] comment-header[breezer-comment-item] {
  flex-direction: row-reverse;
}
comment-item[format-own] comment-author .name[breezer-comment-item] {
  display: none;
}
comment-item[format-own] comment-body[breezer-comment-item] {
  background-color: var(--comment-own-background, var(--background-highlight-colour, #D2E2EF));
}
comment-item[deleted] comment-body[breezer-comment-item] {
  background: none;
  border-style: dashed;
}
/* Breezer/Components/EditorForCommentStream.razor.rz.scp.css */
comment-stream[breezer-editor-for-comment-stream] {
  display: flex;
  flex-direction: column;
  gap: var(--comment-gap, 16px);
}
comment-stream comment-list[breezer-editor-for-comment-stream] {
  display: flex;
  flex-direction: column;
  gap: var(--comment-gap, 16px);
}
comment-stream no-comments[breezer-editor-for-comment-stream] {
  display: block;
  color: var(--secondary-text-colour, #433D3C);
  font-style: italic;
}
comment-stream comment-stream-error[breezer-editor-for-comment-stream] {
  display: block;
  color: var(--warning-colour, #C92C10);
}