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

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

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

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

.artCmtUserData.supporter:after {
  width: 2.7rem;
  height: 2.7rem;
  bottom: -1rem;
  left: 2.4rem;
  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(--LgCl2) none repeat scroll 0 0;
  color: var(--LgCl2);
}
.artCmtContent .spoilerWrapper .comspoiler a {
  color: var(--LgCl2);
}

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