.jc-before-after{margin:32px 0}.jc-ba-wrap{--pos:50%;--ba-w:100%;--ba-h:100%;position:relative;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:14px;background:#111;aspect-ratio:16 / 10}.jc-ba-base,.jc-ba-overlay{position:absolute;inset:0;background-repeat:no-repeat;background-position:left center;background-size:var(--ba-w) var(--ba-h);pointer-events:none}.jc-ba-base{z-index:1}.jc-ba-overlay{z-index:2;width:var(--pos);overflow:hidden}.jc-ba-divider{position:absolute;top:0;left:var(--pos);width:2px;height:100%;background:rgb(255 255 255 / .92);transform:translateX(-50%);z-index:3;pointer-events:none}.jc-ba-handle{position:absolute;top:50%;left:var(--pos);width:46px;height:46px;border-radius:50%;background:rgb(255 255 255 / .96);box-shadow:0 4px 18px rgb(0 0 0 / .22);transform:translate(-50%,-50%);z-index:4;pointer-events:none}.jc-ba-handle::before,.jc-ba-handle::after{content:"";position:absolute;top:50%;width:9px;height:9px;border-top:2px solid #222;border-right:2px solid #222}.jc-ba-handle::before{left:12px;transform:translateY(-50%) rotate(225deg)}.jc-ba-handle::after{right:12px;transform:translateY(-50%) rotate(45deg)}.jc-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:10}.jc-ba-label{position:absolute;top:16px;z-index:5;font-size:12px;line-height:1;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:rgb(0 0 0 / .42);padding:8px 10px;border-radius:999px;pointer-events:none}.jc-ba-label-left{left:16px}.jc-ba-label-right{right:16px}.jc-before-after .jc-ba-caption,.jc-before-after figcaption{max-width:1000px;margin:12px auto 0;line-height:1.5;font-size:12px!important;letter-spacing:1px;text-transform:uppercase}.jc-before-after .jc-ba-caption strong,.jc-before-after figcaption strong{color:inherit}@media (max-width:767px){.jc-ba-wrap{border-radius:10px}.jc-ba-handle{width:40px;height:40px}.jc-ba-label{top:12px;font-size:11px;padding:7px 9px}.jc-before-after .jc-ba-caption,.jc-before-after figcaption{font-size:11px!important;letter-spacing:1px;text-transform:uppercase}}