.before-after{aspect-ratio:var(--ba-ratio);contain:paint;cursor:ew-resize;touch-action:pan-y;-webkit-tap-highlight-color:transparent}@media (max-width:767px){.before-after.has-mobile{aspect-ratio:var(--ba-ratio-m)}}.before-after picture{display:block}.before-after img{object-position:top}.before-after-before,.before-after-before-inner,.before-after-track{inset:0;position:absolute;will-change:transform}.before-after-before{overflow:hidden}.before-after-before-inner picture{height:100%}.before-after-track{pointer-events:none}.before-after-handle{bottom:0;left:0;margin-left:-22px;outline:none;pointer-events:auto;position:absolute;top:0;width:44px}.before-after-line{box-shadow:0 0 0 1px rgba(56,46,87,.25)}.before-after-knob{box-shadow:0 2px 12px rgba(56,46,87,.45);transition:transform .2s ease}.before-after-handle:focus-visible .before-after-knob,.before-after.is-dragging .before-after-knob{transform:scale(1.12)}.before-after-handle:focus-visible .before-after-knob{outline:2px solid #fff;outline-offset:3px}.before-after-label{background:rgba(56,46,87,.7);padding:.35rem .75rem;pointer-events:none}html.ba-dragging body{animation-play-state:paused!important}