.artCmtUser {
  border-top: 0.1rem solid var(--LgCl5);
}
.artCmtUser .userDetailsContainer {
  color: var(--Cc53);
}
.artCmtUser .artCmtQuote {
  border-left: 0.8rem solid var(--Cc11);
  color: var(--Cc53);
}

.artCmtPreviewLayer {
  background: linear-gradient(to bottom, transparent 0%, #ffffff 80%);
}

html[data-theme=dark] .artCmtPreviewLayer {
  background: linear-gradient(to bottom, transparent 0%, #222222 80%);
}

.artCmtPreview .artCmtUser .artCmtQuote {
  border-left: 0.8rem solid var(--Cc11);
}

.artCmtUserData.supporter:after {
  width: 2rem;
  height: 2.1rem;
  bottom: -0.8rem;
  left: 2.8rem;
  background-image: url(data:image/png;base64,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);
}

/* Spoiler bar in comments */
.artCmtContent .spoilerWrapper {
  display: block;
  margin-bottom: 1.5rem;
}
.artCmtContent .spoilerWrapper .showSpoiler {
  margin: 2rem 0;
}
.artCmtContent .spoilerWrapper .comspoiler {
  background: var(--LgCl4) none repeat scroll 0 0;
  color: var(--LgCl4);
}
.artCmtContent .spoilerWrapper .comspoiler a {
  color: var(--LgCl4);
}

/* Special case with quotet spoiler */
.artCmtContent .spoilerWrapper.quoteSpoiler {
  display: block;
  margin-bottom: 1.5rem;
  border-left: 0.8rem solid var(--Cc11);
  padding-left: 1rem;
}
.artCmtContent .spoilerWrapper.quoteSpoiler .desktopSpoiler.comspoiler {
  color: var(--LgCl4);
}
.artCmtContent .spoilerWrapper.quoteSpoiler .desktopSpoiler {
  color: var(--LgCl5);
}