.sicomia-image-compare{position:relative;z-index:1}.sicomia-image-compare__heading{margin-top:0}.sicomia-compare{position:relative;width:100%;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:var(--media-radius);touch-action:none}.sicomia-compare__image{width:100%;pointer-events:none;display:block}.sicomia-compare__image--after{z-index:1}.sicomia-compare__image--before{width:auto;height:100%}.sicomia-compare__before{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;overflow:hidden;z-index:2}.sicomia-compare__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);z-index:3;pointer-events:none}.sicomia-compare__handle span{position:absolute;top:50%;left:50%;width:32px;height:32px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040;display:flex;align-items:center;justify-content:center}.sicomia-compare__handle span:after{content:"";width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cpolyline points='7 8 3 12 7 16'/%3E%3Cpolyline points='17 8 21 12 17 16'/%3E%3C/svg%3E")}.sicomia-compare:hover .sicomia-compare__handle span:after{transform:scale(1.1)}.sicomia-compare__label{position:absolute;top:2rem;padding:.4rem .8rem;font-size:.75rem;color:#fff;background:#0009;border-radius:4px;z-index:4;pointer-events:none}.sicomia-compare__label--before{left:2rem}.sicomia-compare__label--after{right:2rem}.sicomia-compare[data-orientation=vertical]{cursor:ns-resize}.sicomia-compare[data-orientation=vertical] .sicomia-compare__image{object-position:top}.sicomia-compare[data-orientation=vertical] .sicomia-compare__before{width:100%;height:50%}.sicomia-compare[data-orientation=vertical] .sicomia-compare__handle{top:50%;left:0;right:0;width:100%;height:3px;transform:translateY(-50%)}.sicomia-compare[data-orientation=vertical] .sicomia-compare__image--before{width:100%;height:auto}.sicomia-compare[data-orientation=vertical] .sicomia-compare__handle span:after{transform:rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sicomia-image-compare.css.map */