.idel-before-after{position:relative}
.idel-before-after__media{position:relative;height:var(--idel-ba-height,420px);overflow:hidden;border-radius:12px}
.idel-before-after__layer{position:absolute;inset:0}
.idel-before-after__layer img{display:block;width:100%;height:100%;object-fit:cover}
.idel-before-after__layer--after{clip-path:inset(0 calc(100% - var(--idel-ba-start,50%)) 0 0)}
.idel-before-after__label{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.58);color:#fff;font-size:.8rem;padding:4px 8px;border-radius:999px}
.idel-before-after__layer--after .idel-before-after__label{left:auto;right:10px}
.idel-before-after__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:ew-resize;touch-action:pan-y}
.idel-before-after__range::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}
.idel-before-after__range::-moz-range-track{height:100%;background:transparent;border:0}
.idel-before-after__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:44px;opacity:0;border:0}
.idel-before-after__range::-moz-range-thumb{width:44px;height:44px;opacity:0;border:0}
.idel-before-after__handle{position:absolute;top:0;bottom:0;left:var(--idel-ba-start,50%);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.2);pointer-events:none;z-index:5}
.idel-before-after__handle::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:0}
.idel-before-after__handle::before{content:"❮❯";position:absolute;left:50%;top:50%;transform:translate(-48%,-46%);font-size:11px;line-height:1;color:rgba(0,0,0,.65);letter-spacing:1px;font-weight:700;z-index:1}
.idel-before-after__range:focus-visible+.idel-before-after__handle::after{outline:2px solid #0f4cdb;outline-offset:2px}
@media (max-width:768px){.idel-before-after__media{height:var(--idel-ba-mobile-height,280px)}}