.zyg-new-before-after{display:flex;justify-content:var(--zyg-new-before-after-align, center);padding-block-start:var(--zyg-pad-top, 0rem);padding-block-end:var(--zyg-pad-bottom, 0rem);padding-inline-start:var(--zyg-pad-left, 0rem);padding-inline-end:var(--zyg-pad-right, 0rem)}.zyg-new-before-after--align-left{--zyg-new-before-after-align: flex-start}.zyg-new-before-after--align-center{--zyg-new-before-after-align: center}.zyg-new-before-after--align-right{--zyg-new-before-after-align: flex-end}.zyg-new-before-after__frame{position:relative;display:grid;overflow:hidden;width:var(--zyg-new-before-after-width, 100%);max-height:var(--zyg-new-before-after-max-height, none);aspect-ratio:var(--zyg-new-before-after-ratio, auto);border-radius:var(--zyg-new-before-after-radius, 1rem);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;line-height:0}.zyg-new-before-after--horizontal .zyg-new-before-after__frame{cursor:ew-resize;touch-action:pan-y}.zyg-new-before-after--vertical .zyg-new-before-after__frame{cursor:ns-resize;touch-action:pan-x}.zyg-new-before-after__layer{grid-area:1 / -1;overflow:hidden;min-width:0}.zyg-new-before-after__layer--after{z-index:1}.zyg-new-before-after--dragging .zyg-new-before-after__layer--after{will-change:clip-path}.zyg-new-before-after--horizontal .zyg-new-before-after__layer--after{clip-path:inset(0 0 0 var(--zyg-new-before-after-pos, 50%))}.zyg-new-before-after--vertical .zyg-new-before-after__layer--after{clip-path:inset(var(--zyg-new-before-after-pos, 50%) 0 0 0)}.zyg-new-before-after__layer zyg-media.zyg-media{height:100%;padding:0;align-items:stretch}.zyg-new-before-after__layer .zyg-media--image>.zyg-media__body,.zyg-new-before-after__layer .zyg-media--video>.zyg-media__body{width:100%;height:100%}.zyg-new-before-after__layer .zyg-media__asset,.zyg-new-before-after__layer .zyg-media__placeholder,.zyg-new-before-after__layer .zyg-media__player,.zyg-new-before-after__layer .zyg-media__video{height:100%;aspect-ratio:auto;border-radius:0}.zyg-new-before-after__layer .placeholder-svg{width:100%;height:100%;display:block}.zyg-new-before-after__label{position:absolute;z-index:3;pointer-events:none;line-height:normal;max-width:50%}.zyg-new-before-after--label-top .zyg-new-before-after__label{top:var(--zyg-space-sm)}.zyg-new-before-after--label-bottom .zyg-new-before-after__label{bottom:var(--zyg-space-sm)}.zyg-new-before-after__label--before{left:var(--zyg-space-sm)}.zyg-new-before-after__label--after{right:var(--zyg-space-sm)}.zyg-new-before-after__handle{position:absolute;z-index:2;display:grid;place-items:center}.zyg-new-before-after__handle:focus-visible{outline:2px solid var(--zyg-new-before-after-handle-color, #ffffff);outline-offset:2px}.zyg-new-before-after--horizontal .zyg-new-before-after__handle{top:0;left:var(--zyg-new-before-after-pos, 50%);width:0;height:100%}.zyg-new-before-after--vertical .zyg-new-before-after__handle{left:0;top:var(--zyg-new-before-after-pos, 50%);width:100%;height:0}.zyg-new-before-after__handle:before{content:"";position:absolute;background:var(--zyg-new-before-after-handle-color, #ffffff)}.zyg-new-before-after--horizontal .zyg-new-before-after__handle:before{top:0;left:-1px;width:2px;height:100%}.zyg-new-before-after--vertical .zyg-new-before-after__handle:before{left:0;top:-1px;width:100%;height:2px}.zyg-new-before-after__grip{display:flex;align-items:center;justify-content:center;gap:var(--zyg-space-3xs);padding:var(--zyg-space-2xs);background:var(--zyg-new-before-after-handle-color, #ffffff);color:var(--zyg-new-before-after-arrow-color, #111111);border-radius:50%;box-shadow:0 2px 6px #00000026}.zyg-new-before-after--vertical .zyg-new-before-after__grip{transform:rotate(90deg)}.zyg-new-before-after__grip svg{display:block;width:.75rem;height:.75rem;color:inherit}@media screen and (max-width:749px){.zyg-new-before-after__frame{width:var(--zyg-new-before-after-mobile-width, var(--zyg-new-before-after-width, 100%))}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/zyg-new-before-after.css.map */