.before-after{position:relative}.before-after__wrapper{display:grid;gap:2.4rem}.before-after__header{max-width:72rem}.before-after__header.center{margin:0 auto;text-align:center}.before-after__header.right{margin-left:auto;text-align:right}.before-after__heading{margin:0}.before-after__subheading{margin:1rem 0 0;opacity:.8}.before-after__comparison{--position: 50%;--handle-size: 4.4rem;--line-width: .2rem;position:relative}.before-after__stage{position:relative;overflow:hidden;border-radius:var(--media-radius);border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-foreground),var(--media-shadow-opacity));cursor:ew-resize;touch-action:pan-y;min-height:32rem}.before-after__comparison.before-after--small .before-after__stage{min-height:28rem}.before-after__comparison.before-after--medium .before-after__stage{min-height:40rem}.before-after__comparison.before-after--large .before-after__stage{min-height:52rem}.before-after__comparison.before-after--adapt .before-after__stage{min-height:auto}.before-after__comparison.before-after--adapt .before-after__stage:before{content:"";display:block;padding-bottom:var(--before-after-adapt-ratio, 60%)}.before-after__media,.before-after__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__media img,.before-after__overlay img{width:100%;height:100%;object-fit:var(--before-after-object-fit, cover)}.before-after__overlay{clip-path:inset(0 0 0 var(--position))}.before-after__divider{position:absolute;inset:0 auto 0 var(--position);width:var(--line-width);background:rgb(var(--color-background));box-shadow:0 0 0 1px rgba(var(--color-foreground),.18);transform:translate(-50%);pointer-events:none}.before-after__handle{position:absolute;left:var(--position);top:50%;width:var(--handle-size);height:var(--handle-size);display:grid;place-items:center;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2);box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.15);transform:translate(-50%,-50%);pointer-events:none}.before-after__handle svg{width:2.2rem;height:2.2rem}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.before-after__labels{position:absolute;inset:auto 1.2rem 1.2rem;display:flex;justify-content:space-between;pointer-events:none}.before-after__label{background:rgba(var(--color-background),.75);color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.06rem;padding:.6rem 1rem;border-radius:99rem;border:1px solid rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.before-after__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgba(var(--color-foreground),.05)}.before-after__placeholder .placeholder-svg{width:min(24rem,65%);height:auto}@media screen and (max-width:749px){.before-after__comparison{--handle-size: 4rem}.before-after__comparison.before-after--small .before-after__stage{min-height:22rem}.before-after__comparison.before-after--medium .before-after__stage{min-height:30rem}.before-after__comparison.before-after--large .before-after__stage{min-height:38rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-before-after-image.css.map */