.cl-scope .ce-card-before-after{display:contents}
.cl-scope .card__media--before-after{--card-before-after-dot: rgba(255, 255, 255, .55);--card-before-after-dot-active: #e16203}
.cl-scope .card__media--before-after .media>img{transition-duration:.25s}
.cl-scope .card-before-after__dots{display:none}
@media screen and (max-width:749px){.cl-scope .clx-card .clx-card__inner.card__inner--before-after{z-index:2}
.cl-scope .card__inner--before-after>.clx-card__content{pointer-events:none}
.cl-scope .clx-card .card__media--before-after .media{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.cl-scope .clx-card .card__media--before-after .media::-webkit-scrollbar{display:none}
.cl-scope .clx-card .card__media--before-after .media>img{position:relative;flex:0 0 100%;opacity:1;scroll-snap-align:start}
.cl-scope .card-before-after__dots{position:absolute;bottom:10px;left:50%;z-index:3;display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:999px;background:#00000059;transform:translate(-50%)}}
.cl-scope .card-before-after__dot{position:relative;width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--card-before-after-dot);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color var(--duration-default) ease}
.cl-scope .card-before-after__dot:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}
.cl-scope .card-before-after__dot[aria-current=true]{background:var(--card-before-after-dot-active)}