.before-n-after{max-width:100%;overflow:hidden;position:relative}.before-n-after__body{position:relative;width:100%;--pos:50%}.room120_before-after_i{display:block;height:auto;vertical-align:middle;width:100%}.before-n-after-images-wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover;clip-path:inset(0 calc(100% - var(--pos)) 0 0);inset:0;position:absolute;will-change:clip-path;z-index:1}.before-n-after__handle{background:transparent;border:0;bottom:0;cursor:ew-resize;left:50%;position:absolute;top:0;transform:translateX(-50%);width:28px;z-index:2}.before-n-after__handle:after,.before-n-after__handle:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.before-n-after__handle:before{background:hsla(0,0%,100%,.9);bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);top:0;width:2px}.before-n-after__handle:after{background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.25);height:22px;top:50%;transform:translate(-50%,-50%);width:22px}.before-n-after__body.dragging .before-n-after-images-wrapper{transition:none!important}.before-n-after__body,.before-n-after__handle{touch-action:none;-webkit-user-select:none;user-select:none}.before-n-after.before-n-after--100{padding-left:0;padding-right:0}.before-n-after.before-n-after--100 .wrapper{max-width:100%}.before-n-after.before-n-after--text .wrapper{align-items:center;display:flex;flex-direction:column;gap:45px}.before-n-after.before-n-after--text .wrapper .before-n-after__body,.before-n-after.before-n-after.before-n-after--text .wrapper .before-n-after__header{width:100%}@media only screen and (min-width:768px){.before-n-after.before-n-after--text .wrapper{flex-direction:row;gap:64px}.before-n-after.before-n-after.before-n-after--text .wrapper .before-n-after__header{max-width:30%}.before-n-after.before-n-after--text .wrapper .before-n-after__body{max-width:70%}.before-n-after.before-n-after--text.before-n-after--text-reverse .wrapper{flex-direction:row-reverse}}