/* https://github.com/coralproject/talk/blob/main/src/core/client/stream/classes.ts */
:root {
  --palette-primary-500: var(--vms-primary-accent-color, #0092ff);
}

body {
  padding: 0;
  margin: 0;
}

.coral-stream {
  box-sizing: border-box;
  padding: var(--spacing-4);
}

/* .coral-stream > nav {
  display: none;
} */

.coral-authenticated > div:first-child,
.coral-viewerBox {
  display: none;
}

.coral-permalink {
  min-height: 0;
}

.coral-comments {
  padding: 0;
}

.coral-comment {
  margin: 0 !important;
}

.coral-comment + div .coral-comment {
  margin-top: 20px !important;
}

.coral-comment + div [class*='HorizontalGutter-full'] {
  margin-bottom: 0 !important;
}

.coral-comment
  + div
  [class*='HorizontalGutter-full']
  [class*='HorizontalGutter-full']
  + [class*='HorizontalGutter-full'] {
  margin-top: 40px !important;
}

.coral-comment
  + div
  [class*='HorizontalGutter-full']
  [class*='HorizontalGutter-full']
  [class*='HorizontalGutter-full'] {
  margin-top: 0 !important;
}

.coral-createComment-signIn {
  white-space: normal;
}

.coral-createComment-submit {
  width: 100%;
}

.coral-tabBarComments-featuredTooltip {
  display: none;
}

.coral-createReplyComment-cancel,
.coral-createReplyComment-submit,
.coral-editComment-cancel,
.coral-editComment-submit {
  flex: 1;
}

.coral-counter {
  padding: 2px 4px;
}

.coral-streamFooter {
  display: none;
}

#comments-allComments-log > div:not(.ms-apb) {
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  background: #fcfcfc;
}

@media (max-width: 767px) {
  #comments-allComments-log > div:not(.ms-apb) {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.coral-comment-topBar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.coral-comment-topBar > div {
  order: 2;
}

.coral-comment-topBar > div + div {
  order: 1;
}

.coral-comment-topBar > div + div [class^='CommentContainer-avatarContainer'],
.coral-comment-topBar > div + div img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.coral-comment-collapse-toggle-indent > div {
  border-width: 1px;
  border-color: rgb(214, 214, 214);
}

.coral-comment-timestamp,
.coral-comment-edited,
.coral-comment-inReplyTo > span {
  font-size: 12px;
}

.coral-comment-inReplyTo > span > span {
  font-size: 14px;
}

.coral-comment-actionBar {
  flex-wrap: wrap;
}

.coral-comment-reportButton {
  padding: var(--spacing-1);
}

.coral-streamFooter-link,
.coral-comment-inReplyTo {
  white-space: normal;
}

@media (max-width: 500px) {
  .coral-comment-actionBar {
    gap: var(--spacing-1);
    justify-content: flex-start;
  }

  .coral-comment-actionBar div:first-child {
    display: contents;
  }
}

/* Ads */
.ms-apb {
  padding: 0;
  background: none;
  border: none;
  margin: 20px 0 !important;
}

.ms-apb > .ms-ap {
  margin: 0 auto;
}