.artCmtUser {
  border-top: 0.1rem solid var(--AcCl2);
}
.artCmtUser .artCmtQuote {
  border-left: 0.8rem solid var(--Cc31);
}

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

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

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

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

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