.section-stack{display:flex;flex-direction:column}.section-stack--center{align-items:center}.section-stack--right{align-items:end}.section-stack__main{position:relative;width:100%;-webkit-user-select:none;user-select:none}.before-after__text{margin-bottom:5rem}.cursor-text{position:absolute;display:flex;padding:6.5px;font-size:0;background-color:#000;overflow:hidden}.before-after__cursor .cursor-text:before,.before-after__cursor .cursor-text:after{content:"";display:block;width:7px;height:7px;border:1px solid #fff;transform:rotate(45deg)}.before-after__cursor .cursor-text:before{border-top:unset;border-right:unset}.before-after__cursor .cursor-text:after{border-bottom:unset;border-left:unset}.before-after__cursor{position:relative;top:50%;left:var(--before-after-initial-drag-position, 0);display:grid;width:max-content;height:100%;filter:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);cursor:grab;transform:translate(calc(-50% + var(--clip-path-offset, 0px)),-50%);touch-action:none;will-change:transform;place-items:center}.before-after__cursor:active{cursor:grabbing}.before-after__cursor:before{content:"";position:absolute;z-index:-1;width:2px;height:100%;background:#000}@keyframes go-right{0%{left:0}to{left:var(--before-after-initial-drag-position, 0)}}@keyframes go-right-clip{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)))}}.before-after__cursor-wrapper,.before-after__after-image{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__after-image{clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)))}.before-after__before-image picture,.before-after__after-image picture{padding-bottom:var(--pb-mob)}@media screen and (max-width: 750px){.before-after__text{margin-bottom:2rem}}@media screen and (min-width: 1150px){.before-after__before-image picture,.before-after__after-image picture{padding-bottom:var(--pb)}.section-stack__intro .title{margin-inline:auto;max-width:460px}}@media (prefers-reduced-motion: no-preference){.scroll-trigger:not(.scroll-trigger--offscreen).animate--goRight{animation:go-right var(--duration-extended) var(--ease-out-slow) forwards;animation-delay:calc(var(--animation-order)* 75ms)}.before-after__after-image.scroll-trigger:not(.scroll-trigger--offscreen).animate--goRight{animation:go-right-clip var(--duration-extended) var(--ease-out-slow) forwards}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/voo-before-after.css.map */