.before-after{--before-after-label-spacing:var(--spacing-5)}.before-after__container{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{bottom:0;clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));left:0;position:absolute;right:0;top: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{bottom:0;left:0;position:absolute;right:0;top:0}.before-after__cursor{cursor:grab;display:grid;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1019607843)) drop-shadow(0 1px 1px rgba(0,0,0,.0588235294));height:100%;place-items:center;position:relative;touch-action:none;transform:translate(calc(var(--transform-logical-flip)*-50% + var(--clip-path-offset, 0px)),-50%);width:-moz-max-content;width:max-content;will-change:transform}.before-after__cursor:before{background:rgb(var(--background));content:"";height:100%;position:absolute;width:var(--spacing-0-5);z-index:-1}.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,0)}.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,0)}.before-after__cursor:active{cursor:grabbing}.before-after__content--lg{font-size:var(--text-lg,20px);font-style:normal;font-weight:400;line-height:140%}@media screen and (min-width:700px){.before-after{--before-after-label-spacing:var(--spacing-8)}.before-after__cursor svg{height:var(--spacing-10);width:var(--spacing-10)}}@media screen and (min-width:1150px){.before-after .section-stack__intro{padding-block:var(--text-block-padding-desktop)}}