.before-after-wrapper{position:relative;width:100%;max-width:1200px;aspect-ratio:16/9;overflow:hidden;border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto}.before-after-wrapper .after-layer,.before-after-wrapper .before-layer{position:absolute;top:0;left:0;height:100%;width:100%}.before-after-wrapper .before-layer{width:50%;overflow:hidden;z-index:2}.before-after-wrapper .label{position:absolute;top:1rem;background:var(--theme-color);color:#fff;padding:.375rem .75rem;font-weight:700;border-radius:4px;z-index:5;font-size:clamp(.7rem,2vw,.9rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .3s ease}.before-label{left:1rem}.after-label{right:1rem}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(3rem,8vw,4rem);height:clamp(3rem,8vw,4rem);background-color:var(--theme-color);border:3px solid #fff;border-radius:50%;z-index:4;cursor:ew-resize;box-shadow:0 0 12px rgba(0,0,0,.25);touch-action:none}.slider-handle,.slider-text{display:flex;align-items:center;justify-content:center}.slider-text{font-size:clamp(.6rem,1.5vw,.8rem);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;text-align:center}.slider-text:before{content:"<";position:absolute;left:.5rem}.slider-text:after{content:">";position:absolute;right:.5rem}.slider-blur-overlay{width:clamp(5rem,15vw,8rem);background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,.7) 60%,transparent)}.slider-blur-overlay,.slider-vertical-line{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none}.slider-vertical-line{width:3px;background-color:#ffffff}.before-after-wrapper img{width:100%;height:100%;object-fit:cover}@media (max-width:600px){.before-after-wrapper{aspect-ratio:4/3;border-radius:8px}.label{top:.5rem;padding:.25rem .5rem;font-size:clamp(.6rem,2.5vw,.8rem)}.before-label{left:.5rem}.after-label{right:.5rem}.slider-handle{width:clamp(2.5rem,10vw,3.5rem);height:clamp(2.5rem,10vw,3.5rem)}}