.before-after-slider{max-width:570px}@media(max-width:1199.5px){.before-after-slider{max-width:480px}}@media(max-width:576px){.before-after-slider{max-width:355px}}.before-after-slider img{display:block}.before-after-slider .container-wrap{display:grid;place-content:center;position:relative;overflow:hidden;max-width:570px;border-radius:7px;--position:50%;box-shadow:0 10px 30px #00000029}@media(max-width:1199.5px){.before-after-slider .container-wrap{max-width:480px}}@media(max-width:576px){.before-after-slider .container-wrap{max-width:355px}}.before-after-slider .image-container{max-width:570px;position:relative}@media(max-width:1199.5px){.before-after-slider .image-container{max-width:480px}}@media(max-width:576px){.before-after-slider .image-container{max-width:355px}}.before-after-slider .slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.before-after-slider .image-before{position:absolute;inset:0;width:var(--position)}.before-after-slider .slider{position:absolute;inset:0;cursor:pointer;width:100%;height:100%;opacity:0}.before-after-slider .slider-line{position:absolute;inset:0;width:3px;height:100%;background-color:#e69a32;z-index:10;left:var(--position);transform:translateX(-50%);pointer-events:none}.before-after-slider .slider-button{position:absolute;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;z-index:100}.before-after-slider .slider-button img{height:45px}.before-after-slider .output-title{font-size:14px;line-height:20px;font-weight:600;color:#b19ea8;padding-top:10px}