.cl-before-after-figure {
  margin: 0;
  width: 100%;
}

.cl-before-after-slider {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.cl-before-after-slider img {
  display: block;
  width: 100%;
  height: auto;
}

.cl-before-after-figure figcaption {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-muted, #6b6b6b);
  text-align: center;
}

.cl-before-after-slider::part(handle) {
  color: var(--brand-primary, #304556);
}

.cl-before-after-slider::part(divider) {
  background-color: rgba(255, 255, 255, 0.9);
}