liora-image-comparison.liora-image-comparison{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#e9e4dc;direction:ltr;touch-action:pan-y;user-select:none}
.liora-image-comparison .liora-image-comparison__image{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;border-radius:0;pointer-events:none}
.liora-image-comparison__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--comparison-position));pointer-events:none}
.liora-image-comparison__label{position:absolute;top:16px;z-index:2;padding:6px 14px;border-radius:6px;background:rgba(25,25,25,.78);color:#fff;font:700 14px/1.5 Arial,sans-serif;pointer-events:none}
.liora-image-comparison__label--before{left:16px}.liora-image-comparison__label--after{right:16px}
.liora-image-comparison__divider{position:absolute;left:var(--comparison-position);top:0;bottom:0;z-index:3;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 5px #0006;pointer-events:none}
.liora-image-comparison__divider span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#795d35;color:#fff;font:700 24px/1 Arial,sans-serif;white-space:pre}
.liora-image-comparison__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.liora-image-comparison:focus-within{outline:3px solid #795d35;outline-offset:4px}