.ba-neu{width:100%;padding:var(--gutter-section, clamp(48px, 8vw, 96px)) var(--gutter-container, 16px)}.ba-neu__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center}.ba-neu__right{width:100%}before-after-neu{display:block;width:100%}.ba-neu__stage{--position: 50%;position:relative;width:100%;aspect-ratio:4 / 3;height:auto!important;overflow:hidden;border-radius:var(--border-radius-images, 0)}.ba-neu__stage .img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.ba-neu__stage .img>div,.ba-neu__stage .img figure,.ba-neu__stage .img [style*=background-image]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}.ba-neu__stage .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.ba-neu__stage .foreground-img{clip-path:inset(0 0 0 var(--position))}.ba-neu__stage .before-after--handle{position:absolute;z-index:20;top:0;left:var(--position);transform:translate(-50%);width:3px;height:100%;pointer-events:none;background-color:var(--color-text-main, #111827)}.ba-neu__stage.before-after--color-style-light .before-after--handle{background-color:var(--color-background-main, #fff)}.ba-neu__stage .before-after--handle-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-text-main, #111827)}.ba-neu__stage.before-after--color-style-light .before-after--handle-icon{background-color:var(--color-background-main, #fff)}.ba-neu__stage .before-after--handle-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-neu__stage .before-after--handle-icon svg path{fill:var(--color-background-main, #fff)}.ba-neu__stage.before-after--color-style-light .before-after--handle-icon svg path{fill:var(--color-text-main, #111827)}.ba-neu__stage .before-after__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;width:100%;height:100%;opacity:0;cursor:col-resize;margin:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:transparent;outline:none}.ba-neu__stage .before-after__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.5rem;height:100vh}.ba-neu__stage .before-after__slider::-moz-range-thumb,.ba-neu__stage .before-after__slider::-moz-range-track,.ba-neu__stage .before-after__slider::-moz-range-progress{opacity:0!important}.ba-neu__label{display:inline-block;position:absolute;bottom:16px;z-index:30;padding:8px 16px;border-radius:999px;font-weight:700;pointer-events:none;background-color:var(--color-text-main, #111827);color:var(--color-background-main, #fff)}.ba-neu__label--before{left:16px}.ba-neu__label--after{right:16px}.ba-neu__stage.before-after--color-style-light .ba-neu__label{background-color:var(--color-background-main, #fff);color:var(--color-text-main, #111827)}@media screen and (max-width:767px){.ba-neu__inner{grid-template-columns:1fr;gap:clamp(24px,6vw,40px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after-neu.css.map */