.before-after{--before-after-label-spacing: .5rem;--transform-logical-flip: 1;-webkit-user-select:none;user-select:none;position:relative;flex-shrink:0}.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;width:max-content;height:100%;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__cursor:before{content:"";height:100%;width:.125rem;background:rgb(var(--background));z-index:-1;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}.ds-before-after__container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:2rem}.ds-before-after__container.ds-before-after__container--reverse{flex-direction:row-reverse}.ds-before-after__content{margin-inline:0}.ds-before-after__content-table tbody tr:first-child td{border-top:none}.ds-before-after__content-table tbody tr:last-child td{border-bottom:none}.ds-before-after__content-title{padding-left:0}@media screen and (min-width: 768px){.before-after{--before-after-label-spacing: 1.5rem}.before-after__cursor svg{width:2.5rem;height:2.5rem}}@media screen and (max-width: 1023px){.ds-before-after__container,.ds-before-after__container.ds-before-after__container--reverse{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-ds-before-after-image.css.map */