.before-after__cursor{--transform-logical-flip: 1;--transform-origin-start: left;--transform-origin-end: right;height:100%;width:max-content;touch-action:none;transform:translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)),-50%);cursor:grab;filter:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);will-change:transform;place-items:center;display:grid;position:relative}.before-after{position:relative;aspect-ratio:16 / 9;overflow:hidden}.before-after__before,.before-after__after{position:absolute;top:0;left:0;width:100%;height:100%}.before-after__image{width:100%;height:auto;display:block}.before-after__label{position:absolute;top:1.5rem;left:auto;color:#fff;font-weight:400;background:#0000001a;padding:.25em .5em;border-radius:.25rem;margin:0}.before-after__label--left{left:15rem}.before-after__label--right{right:15rem}.before-after__cursor-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transform:none!important}.before-after__cursor{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);cursor:grab;z-index:2}.before-after__cursor:active{cursor:grabbing}.before-after__cursor:before{content:"";height:100%;width:.125rem;background:#fff;z-index:-1;position:absolute}.before-after__before img,.before-after__after img{width:100%;height:100%;object-fit:cover;display:block}.custom-before-after-content{display:flex;align-items:flex-start;justify-content:space-between}.custom-before-after-top-wrapper{display:flex;align-items:flex-end;gap:30px;margin-bottom:1.5rem}.before-after-section{width:60%}.before-after__after{clip-path:inset(0 0 0 50%);transition:clip-path .15s ease;backface-visibility:hidden;z-index:1}.before-after__before{z-index:0}.custom-before-after-top-wrapper .collection__description{font-size:16px}.before-after-button.banner__buttons.center.banner__buttons--multiple{margin-top:15px}.before-after__cursor:focus,.before-after__cursor:active{outline:none!important;box-shadow:none!important;filter:none!important}@media only screen and (max-width: 767px){.custom-before-after-top-wrapper h2.title.inline-richtext{max-width:285px}.custom-before-after-content{flex-direction:column}.custom-before-after-top-wrapper{margin-bottom:3.5rem}.before-after-section{width:100%}.before-after__label--left{left:4rem}.before-after__label--right{right:4rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-before-after-image.css.map */