.before-after{position:relative;-webkit-user-select:none;user-select:none;--before-after-label-spacing: var(--spacing-5);--before-after-initial-position: calc(var(--before-after-initial-drag-position, 50) * 1%)}.before-after__before-image,.before-after__after-image{width:100%}.before-after__before-image{position:absolute;top:0;left:0;right:0;bottom:0}.before-after__after-image{position:relative;clip-path:inset(0 0 0 var(--clip-path-offset, var(--before-after-initial-position)))}.before-after__cursor-wrapper{position:absolute;top:0;left:0;height:100%}.before-after__cursor{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;width:max-content;height:100%;display:grid;position:relative}.before-after__cursor:active{cursor:grabbing}.before-after__cursor svg{pointer-events:none}.before-after__label{position:absolute;width:25%;margin:0}.before-after__label--left{left:var(--before-after-label-spacing)}.before-after__label--right{right:var(--before-after-label-spacing)}.before-after__label--top{top:var(--before-after-label-spacing)}.before-after__label--bottom{bottom:var(--before-after-label-spacing)}.before-after__label--center{top:50%;transform:translateY(-50%)}.before-after-label{display:inline-block;padding:.6rem 1.2rem;margin-bottom:4rem;font-size:1.2rem;background:linear-gradient(90deg,#ca3a1c,#e08043)}.before-after-title{margin-bottom:1rem}.after__label{text-align:right}@media screen and (min-width: 700px){.before-after{--before-after-label-spacing: 2rem}.before-after__cursor svg{width:var(--spacing-10);height:var(--spacing-10)}}:root[dir=rtl] .before-after__cursor{transform:translate(calc((var(--clip-path-offset, var(--before-after-initial-position)) - 14px) * -1),-50%)}:root[dir=rtl] .before-after__before-image{clip-path:inset(0 0 0 calc(100% - var(--clip-path-offset, var(--before-after-initial-position))))}:root[dir=rtl] .before-after__after-image{clip-path:inset(0 var(--clip-path-offset, var(--before-after-initial-position)) 0 0)}.section-stack{gap:var(--badge-corner-radius, 0px) var(--badge-corner-radius, 0px);grid-auto-columns:minmax(0,1fr);display:grid}@media screen and (min-width: 1150px){.section-stack--horizontal{justify-content:center;display:flex}.section-stack--center{justify-items:center}.section-stack--reverse{flex-direction:row-reverse}.section-stack__intro{width:var(--section-stack-intro, 50%)}.section-stack__main{width:var(--section-stack-main, 50%)}}.shadow{filter:drop-shadow(0 5px 15px rgb(26 26 26 / .1))}.text-custom{color:rgb(var(--text-color))}.placeholder{display:block}.bg-custom{background:rgb(var(--background))}.before-after__cursor:before{content:"";width:.125rem;background:rgb(var(--background));z-index:-1;height:100%;position:absolute}.before-after__before-image img,.before-after__after-image img{width:100%;height:100%;object-fit:cover;display:block}.filter-invert{filter:invert()}.bg-text{background:rgb(var(--text-color))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/before-after-image.css.map */