.w-before-after-product[hidden],.w-before-after-product__grid[hidden]{display:none!important}.w-before-after-product__inner{display:block;max-width:1260px;margin:0 auto;padding:0 20px}.w-before-after-product__header{margin-bottom:32px;text-align:center}.w-before-after-product__title{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.01em}.w-before-after-product__subtitle{margin:8px 0 0;font-size:15px;line-height:1.5;color:#0000008c}.w-before-after-product__grid{--gap: 16px;--card-width: 300px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);max-width:calc(var(--count, 4) * var(--card-width) + (var(--count, 4) - 1) * var(--gap));margin:0 auto}.w-before-after-product__card{position:relative;flex:0 0 calc((100% - (var(--count, 4) - 1) * var(--gap)) / var(--count, 4));aspect-ratio:4 / 5;overflow:hidden;border-radius:8px;background:#f2f2f2;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.w-before-after-product__media,.w-before-after-product__before{position:absolute;top:0;right:0;bottom:0;left:0}.w-before-after-product__before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.w-before-after-product__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.w-before-after-product__label{position:absolute;top:10px;z-index:2;padding:4px 8px;border-radius:2px;background:#000;color:#fff;font-size:12px;line-height:1.3;pointer-events:none}.w-before-after-product__label--before{left:10px}.w-before-after-product__label--after{right:10px}.w-before-after-product__divider{position:absolute;top:0;bottom:0;left:var(--position);z-index:1;width:2px;background:#fff;transform:translate(-50%);pointer-events:none}.w-before-after-product__handle{position:absolute;top:50%;left:var(--position);z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#000;box-shadow:0 1px 4px #0003;transform:translate(-50%,-50%)}.w-before-after-product__handle:focus-visible{outline:2px solid #000;outline-offset:2px}@media screen and (max-width:989px){.w-before-after-product__grid{--gap: 12px;max-width:none}.w-before-after-product__card{flex-basis:calc((100% - var(--gap)) / 2)}}@media screen and (max-width:749px){.w-before-after-product__header{margin-bottom:24px}.w-before-after-product__subtitle{font-size:14px}.w-before-after-product__label{top:8px;padding:3px 6px;font-size:11px}.w-before-after-product__label--before{left:8px}.w-before-after-product__label--after{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/w-before-after-product.css.map */