.shopify-section--before-after .oz-section__inner{background-color:var(--ba-container-background, transparent)}.before-after-layout{display:grid;gap:24px;color:rgb(var(--text-color))}.before-after-layout__text,.before-after-layout__media{min-width:0}@media screen and (min-width: 1000px){.before-after-layout:not(.before-after-layout--no-text){grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px}.before-after-layout--image-left .before-after-layout__text{order:2}.before-after-layout--image-left .before-after-layout__media{order:1}}.before-after{display:block}.before-after--flush{margin-inline:calc(-1 * var(--container-gutter));margin-block:calc(-1 * var(--ba-flush-block, 0px))}.before-after__viewport{position:relative;overflow:hidden;aspect-ratio:var(--ba-aspect-ratio, 3/2)}.before-after__figure{position:absolute;inset:0}.before-after__figure--after{clip-path:inset(0 0 0 var(--ba-position, 50%))}.before-after__image{display:block;width:100%;height:100%;object-fit:cover}.before-after__image.placeholder-background{fill:rgb(var(--section-background));background:rgb(var(--text-color))}.before-after__label{position:absolute;top:16px;padding:4px 12px;background:rgba(var(--ba-divider-color),.85);color:rgb(var(--text-color));font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.before-after__label--before{left:16px}.before-after__label--after{right:16px}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-position, 50%);width:3px;transform:translate(-50%);background:rgb(var(--ba-divider-color));pointer-events:none}.before-after__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;transform:translate(-50%,-50%);border:2px solid rgb(var(--ba-divider-color));border-radius:50%;background:rgba(var(--ba-divider-color),.2)}.before-after__handle:before,.before-after__handle:after{content:"";width:7px;height:7px;border:solid rgb(var(--ba-divider-color))}.before-after__handle:before{border-width:2px 0 0 2px;transform:rotate(-45deg)}.before-after__handle:after{border-width:2px 2px 0 0;transform:rotate(45deg)}.before-after__range{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}.before-after__range:focus-visible~.before-after__divider{outline:2px solid rgb(var(--ba-divider-color));outline-offset:2px}