.before-after{position:relative;overflow:hidden}.before-image--wrapper{position:relative;height:100%;width:100%;overflow:hidden}.before-image{position:relative;height:100%;width:100%}.after-image{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%)))}.split-cursor-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.split-cursor{display:grid;position:relative;width:max-content;height:100%;touch-action:none;cursor:grab;will-change:transform;place-items:center;left:var(--before-after-initial-drag-position, 50%);transform:translate(-50%)}.split-cursor:before{content:"";position:absolute;width:6px;height:100%;background:rgb(var(--color-foreground));z-index:-1}.drag-button{background-color:transparent;cursor:pointer;border:0;padding:0;line-height:0;z-index:1}.drag-button svg{pointer-events:none;height:32px;width:100px}.before-image--wrapper .media--small{height:24rem}.before-image--wrapper .media--medium{height:30rem}.before-image--wrapper .media--large{height:34.3rem}@media screen and (min-width: 750px){.before-image--wrapper .media--small{height:35rem}.before-image--wrapper .media--medium{height:50.3rem}.before-image--wrapper .media--large{height:72.7rem}}.before-after .section-heading__wrap{margin-bottom:40px}.before__text{top:20px!important;right:auto!important;left:84px!important;font-family:var(--font-heading-family);text-transform:uppercase;font-style:normal;font-weight:400;font-size:30px;line-height:36px;color:rgb(var(--color-foreground))}.after__text{top:20px!important;right:84px;left:auto!important;text-transform:uppercase;font-family:var(--font-heading-family);font-style:normal;font-weight:400;font-size:30px;line-height:36px;color:rgb(var(--color-accent));text-align:right}.inline-sub__heading{font-family:var(--font-poppins);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:rgb(var(--color-foreground));margin:0 0 40px}.inline-heading{font-family:var(--font-poppins);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:rgb(var(--color-foreground));margin:0 0 10px}.after-before__text .inline-richtext{font-family:var(--font-poppins);font-style:normal;font-weight:500;font-size:20px;line-height:30px;color:rgb(var(--color-foreground),.7);margin:0 0 40px}@media screen and (max-width: 750px){.after-before__text{display:none}.before__text{left:40px!important;font-size:14px;line-height:17px}.after__text{right:40px!important;font-size:14px;line-height:17px}}before-after-images{position:relative}.drag-icon{text-align:center;z-index:1;width:100%;margin:0 auto;height:50px;min-width:100px}.drag-icon img{position:absolute;left:var(--before-after-initial-drag-position, 50%);margin-left:-46px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/before-after.css.map */