.before-after{--before-after-label-spacing: var(--spacing-5);-webkit-user-select:none;user-select:none;position:relative}.before-after__label{position:absolute}.before-after__label--left:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--before-after-label-spacing)}.before-after__label--left:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-label-spacing)}.before-after__label--right:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-label-spacing)}.before-after__label--right:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left: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__after-image{clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));position:absolute;top:0;bottom:0;left:0;right:0}[dir=rtl] .before-after__after-image{clip-path:inset(0 calc(var(--before-after-initial-drag-position, 50%) - var(--clip-path-offset, 0px)) 0 0)}.before-after__cursor-wrapper{position:absolute;top:0;bottom:0;left:0;right:0}.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:before{content:"";width:var(--spacing-0-5);background:rgb(var(--background));z-index:-1;height:100%;position:absolute}.before-after__cursor{top:50%}.before-after__cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--before-after-initial-drag-position, 0px)}.before-after__cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-initial-drag-position, 0px)}.before-after__cursor:active{cursor:grabbing}@media screen and (min-width:700px){.before-after{--before-after-label-spacing: var(--spacing-8)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-before-after-image.css.map */