.ezvalo-image-compare{padding:48px 0;background:#0c1017;color:#fff}.ezvalo-image-compare__container{width:var(--ez-content-width);max-width:var(--ez-content-max);margin-inline:auto}.ezvalo-image-compare__heading{margin:0 0 24px;font-family:var(--font-heading--family, inherit);font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:1.1;text-transform:uppercase}.ezvalo-image-compare__stage{--compare-handle-size: 44px;display:block;position:relative;aspect-ratio:var(--compare-desktop-ratio);overflow:hidden;border-radius:24px;border:1px solid #ffffff26;isolation:isolate;background:#171e29}.ezvalo-image-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ezvalo-image-compare__layer--before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}.ezvalo-image-compare__layer picture{display:block;width:100%;height:100%}.ezvalo-image-compare__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.ezvalo-image-compare__divider{position:absolute;left:var(--compare-position);top:0;bottom:0;width:1px;background:#ffffffb3;transform:translate(-50%);pointer-events:none}.ezvalo-image-compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--compare-handle-size);height:var(--compare-handle-size);border-radius:50%;background:#242424;color:#fff;border:1px solid #ffffff40;box-shadow:none}.ezvalo-image-compare__handle svg{width:24px;height:24px}.ezvalo-image-compare__stage .ezvalo-image-compare__range[type=range]{position:absolute;z-index:2;top:0;left:calc(var(--compare-handle-size) * -.5);width:calc(100% + var(--compare-handle-size));max-width:none;height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;cursor:ew-resize;touch-action:pan-y}.ezvalo-image-compare__range::-webkit-slider-runnable-track{height:var(--compare-handle-size);background:transparent}.ezvalo-image-compare__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--compare-handle-size);height:var(--compare-handle-size);border:0;background:transparent}.ezvalo-image-compare__range::-moz-range-track{height:var(--compare-handle-size);background:transparent}.ezvalo-image-compare__range::-moz-range-thumb{width:var(--compare-handle-size);height:var(--compare-handle-size);border:0;background:transparent}.ezvalo-image-compare__range:focus-visible{outline:0}.ezvalo-image-compare__stage:has(.ezvalo-image-compare__range:focus-visible){outline:3px solid #fad260;outline-offset:4px}.ezvalo-image-compare__label{position:absolute;bottom:24px;z-index:3;max-width:calc(50% - 40px);padding:8px 12px;border-radius:8px;background:#0009;color:#fff;overflow-wrap:anywhere;pointer-events:none}.ezvalo-image-compare__label--before{left:24px}.ezvalo-image-compare__label--after{right:24px}.ezvalo-image-compare__empty{padding:48px 24px;border:1px dashed #ffffff60;border-radius:24px;text-align:center}@media(max-width:749px){.ezvalo-image-compare{padding-block:32px}.ezvalo-image-compare__stage{aspect-ratio:var(--compare-mobile-ratio)}.ezvalo-image-compare__label{bottom:16px;font-size:14px}.ezvalo-image-compare__label--before{left:16px}.ezvalo-image-compare__label--after{right:16px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/ezvalo-image-compare.css.map */
