:root{--pos:50}.ba{-webkit-user-select:none;user-select:none;touch-action:none;aspect-ratio:1;position:relative;overflow:hidden;width:100%!important}.ba__img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ba__img--after{clip-path:polygon(0 0, calc(var(--pos) * 1%) 0, calc(var(--pos) * 1%) 100%, 0 100%)}.ba__label{z-index:2;padding:var(--spacing-xs) var(--spacing-md);font-weight:var(--heading-font-weight,700);font-size:var(--text-sm,.875rem);pointer-events:none;line-height:1.2;position:absolute}.ba__label--before{color:var(--color-neutral-1000);background-color:var(--color-neutral-50);border-radius:0 0 var(--before-after-image-media-radius,10px) 0;top:0;left:0}.ba__label--after{color:var(--color-neutral-0);background-color:var(--color-neutral-900);border-radius:0 0 0 var(--before-after-image-media-radius,10px);top:0;right:0}.ba__slider{appearance:none;background:0 0;outline:none;width:100%;height:100%;position:absolute;inset:0}.ba__slider::-webkit-slider-thumb{border:0;width:0;height:0}.ba__slider::-moz-range-thumb{border:0;width:0;height:0}.ba__slider::-ms-thumb{border:0;width:0;height:0}.ba__slider:focus-visible+.ba__handle{box-shadow:0 0 0 3px #007bff80}.ba__handle{pointer-events:none;position:absolute;inset:0}.ba__handle:before{top:0;bottom:0;left:calc(var(--pos) * 1% - 1px);content:"";background:#fff;width:2px;position:absolute}.ba__grip{top:50%;left:calc(var(--pos) * 1%);pointer-events:none;background:#fff;border-radius:50%;position:absolute;translate:-50% -50%}.ba__grip:after{color:#000;height:55px;font-size:var(--h4-size);font-family:var(--font-icon);background:var(--color-neutral-0);content:"";aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.before-after-image__wrapper{--before-after-image-media-radius:10px}@media (max-width:768px){.before-after-image__wrapper{padding:70px 50px}}.before-after-image__wrapper .before-after-image__media{border-radius:var(--before-after-image-media-radius);aspect-ratio:1;margin-bottom:50px;inline-size:min(900px,90%);margin-inline:auto;overflow:hidden}.before-after-image__wrapper .before-after-image__media .ba{inline-size:100%;margin-bottom:0}.before-after-image__wrapper--grid .before-after-image__intro{flex-direction:column;justify-content:center;display:flex}.before-after-image__wrapper--grid .before-after-image__media{inline-size:100%;margin-bottom:0}.before-after-image__wrapper--grid .ba{inline-size:100%;margin-inline:0}.before-after-image__wrapper--reverse .before-after-image__intro{order:2}.before-after-image__wrapper--reverse .before-after-image__media{order:1}