.apps-section {
  background-color: var(--apps-section-background, transparent);
}

.apps-section--unified-background {
  --comment-background-color: var(--apps-section-background);
  --review-background-color: var(--apps-section-background);
}

/* App blocks can ship inline container backgrounds; the merchant setting owns only those background surfaces. */
.apps-section--unified-background .shopline-block,
.apps-section--unified-background .shopline-block > :first-child,
.apps-section--unified-background
  .shopline-block
  :where(
    [class*="comment-list" i],
    [class*="commentList"],
    [class*="review-list" i],
    [class*="reviewList"]
  ) {
  background-color: var(--apps-section-background) !important;
}

@media (forced-colors: active) {
  .apps-section,
  .apps-section--unified-background .shopline-block {
    background-color: Canvas;
  }
}