/* Shared comparison contract: source/before is left, generated/after is right. */
.mm-compare-after,
.beauty-result-compare>div,
.mirroria-compare>div,
.mm-account-result-compare>div{
  clip-path:inset(0 0 0 var(--split));
}

.beauty-result-compare>small,
.mirroria-compare>small{
  position:absolute;
  z-index:3;
  bottom:12px;
  padding:6px 9px;
  background:rgba(255,253,251,.88);
  color:#211d1d;
  font-size:10px;
  pointer-events:none;
}
.beauty-result-compare>.before-label,
.mirroria-compare>.before-label{left:12px}
.beauty-result-compare>.after-label,
.mirroria-compare>.after-label{right:12px}
.beauty-result-compare>input,
.mirroria-compare>input{z-index:4}