.before-after{overflow:hidden}.before-after__header{max-width:900px;margin:0 auto 4rem}.before-after__header.left{margin-left:0;text-align:left}.before-after__header.center{text-align:center}.before-after__header.right{margin-right:0;text-align:right}.before-after__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.62)}.before-after__title{margin:0}.before-after__text{margin-top:1.6rem;color:rgba(var(--color-foreground),.72)}.before-after__slider{display:block;width:100%}.before-after__media{position:relative;width:100%;height:var(--ba-height-desktop);overflow:hidden;border-radius:var(--ba-radius);background:rgba(var(--color-foreground),.04);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.before-after__image--before{z-index:1}.before-after__after-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:hidden;clip-path:inset(0 0 0 var(--ba-position))}.before-after__image--after{z-index:2}.before-after__label{position:absolute;top:2.4rem;z-index:7;padding:.9rem 1.4rem;border-radius:999px;background:#ffffffe0;color:#111;font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.before-after__label--before{left:2.4rem}.before-after__label--after{right:2.4rem}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-position);z-index:4;width:2px;background:#fffffff2;transform:translate(-50%);pointer-events:none}.before-after__handle{position:absolute;top:50%;left:var(--ba-position);z-index:8;width:6.4rem;height:6.4rem;border:0;border-radius:50%;background:#fffffff0;color:#111;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:ew-resize;box-shadow:0 1.2rem 3rem #00000029;pointer-events:none}.before-after__handle-icon{width:2.8rem;height:2.8rem;display:flex}.before-after__handle-icon svg{width:100%;height:100%}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;width:100%;height:100%;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}.before-after__range::-webkit-slider-thumb{width:6.4rem;height:6.4rem;cursor:ew-resize;appearance:none;-webkit-appearance:none}.before-after__range::-moz-range-thumb{width:6.4rem;height:6.4rem;border:0;cursor:ew-resize}.before-after__media:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.65);outline-offset:.4rem}@media screen and (max-width:749px){.before-after__header{margin-bottom:2.8rem}.before-after__media{height:var(--ba-height-mobile)}.before-after__label{top:1.4rem;padding:.75rem 1rem;font-size:1rem}.before-after__label--before{left:1.4rem}.before-after__label--after{right:1.4rem}.before-after__handle{width:5.2rem;height:5.2rem}.before-after__handle-icon{width:2.4rem;height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after-slider.css.map */