.image-comparison{width:100%;flex-grow:1}image-comparison{display:block;position:relative;overflow:hidden;touch-action:pan-y;border-radius:4px}image-comparison img{position:absolute;display:block;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%}image-comparison img:nth-child(2){clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}image-comparison:hover:not(:has([data-handle]:hover)) .image-comparison__overlay{opacity:1}image-comparison [data-handle]{position:absolute;top:50%;left:var(--pos, 50%);transform:translate(-50%,-50%);width:40px;border-radius:100px;border:3px solid var(--color-white);display:flex;align-items:center;justify-content:center;cursor:col-resize;box-shadow:0 2px 12px #00000040;z-index:1;color:var(--color-white)}image-comparison [data-handle]:before,image-comparison [data-handle]:after{content:"";position:absolute;transform:translate(-50%);width:3px;height:400px;background:var(--color-white)}image-comparison [data-handle]:before{bottom:100%}image-comparison [data-handle]:after{top:100%}.image-comparison__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(from var(--color-black) r g b / .5);padding:1rem;opacity:0;z-index:1;pointer-events:none;will-change:opacity;transition:opacity .3s}.image-comparison__overlay span{padding:.5em 1em;border-radius:4px;background:rgb(from var(--color-white) r g b / .15);color:#fff}.image-comparison__captions{display:grid;grid-template-columns:1fr 1fr}.image-comparison__captions.image-comparison__captions--above{margin:0 0 .5rem}
/*# sourceMappingURL=/cdn/shop/t/1031/assets/block.image-comparison.css.map */