.before-after{--before-after-content-inset-inline: 1.25rem;--before-after-content-inset-block: 1rem;--before-after-cursor-size: 3.125rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.before-after>*{grid-area:1 / -1}.before-after__after-image{z-index:1}.before-after__content-wrapper{position:absolute}.before-after__cursor{pointer-events:auto;filter:drop-shadow(0 1px 1px #0000000d) drop-shadow(0 1px 1px #0000000d);z-index:1;display:grid;position:relative}.before-after__cursor:before{content:"";background:rgb(var(--before-after-cursor-background));z-index:-1;position:absolute}.before-after__cursor svg{width:var(--before-after-cursor-size);height:var(--before-after-cursor-size)}.before-after--horizontal{cursor:ew-resize}.before-after--horizontal .before-after__after-image{clip-path:inset(0 0 0 var(--before-after-cursor-position, 0%))}[dir=rtl] :is(.before-after--horizontal .before-after__after-image){clip-path:inset(0 var(--before-after-cursor-position, 0%) 0 0)}.before-after--horizontal .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__after-image .before-after__content-wrapper{text-align:end;justify-items:end;inset-block-end:var(--before-after-content-inset-block);inset-inline-end:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__cursor{justify-self:start;place-items:center start;inset-inline-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--horizontal .before-after__cursor:before{width:.125rem;height:100%;inset-inline-start:calc(var(--before-after-cursor-size) / 2)}.before-after--vertical{cursor:ns-resize}.before-after--vertical .before-after__after-image{clip-path:inset(var(--before-after-cursor-position, 0%) 0 0 0)}.before-after--vertical .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-start:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__after-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__cursor{align-self:start;place-items:start center;inset-block-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--vertical .before-after__cursor:before{width:100%;height:.125rem;inset-block-start:calc(var(--before-after-cursor-size) / 2)}@media screen and (max-width:699px){.before-after{--before-after-cursor-size: 2.5rem}.before-after .button{padding:.45rem 1.5rem}}@media screen and (min-width:700px){.before-after{--before-after-content-inset-inline: 2.5rem;--before-after-content-inset-block: 2rem}.before-after__content-wrapper:has(.button){--before-after-content-inset-block: 2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-before-after.css.map */