.image-comparison-slider{--comparison-position: 50%;width:100%;margin-top:12px}.image-comparison-frame{position:relative;display:block;width:100%;aspect-ratio:3000 / 2000;margin:0;overflow:hidden;border-radius:20px;background:#ffffff;isolation:isolate}.image-comparison-layer{position:absolute;inset:0;display:block;overflow:hidden}.image-comparison-layer--base{z-index:1}.image-comparison-layer--reveal{z-index:2;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.image-comparison-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}.image-comparison-label{position:absolute;bottom:14px;z-index:2;max-width:calc(50% - 20px);padding:7px 10px;border-radius:6px;background:rgba(255,255,255,0.74);color:#111111;font-family:"sources-bold", sans-serif;font-size:16px;line-height:1.1;opacity:0;transform:translateY(6px);transition:opacity 0.3s ease, transform 0.3s ease;pointer-events:none}.image-comparison-label--left{left:12px;text-align:left}.image-comparison-label--right{right:12px;text-align:right}.image-comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);z-index:3;width:1px;background:rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(255,255,255,0.65);transform:translateX(-50%);pointer-events:none}.image-comparison-handle{position:absolute;top:50%;left:var(--comparison-position);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:#424242;background:#eee;border:1px solid rgba(0,0,0,0.2);box-shadow:0 8px 18px rgba(0,0,0,0.16);transform:translate(-50%, -50%);pointer-events:none}.image-comparison-handle i{display:block;font-size:14px;line-height:1}.image-comparison-range{position:absolute;inset:0;z-index:6;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.image-comparison-slider:focus-within .image-comparison-frame{outline:3px solid rgba(0,102,200,0.16);outline-offset:3px}.image-comparison-slider:focus-within .image-comparison-handle,.image-comparison-frame:hover .image-comparison-handle{border-color:#0066C8;background:#0066C8;color:#fff;box-shadow:0 10px 24px rgba(0,102,200,0.18)}.image-comparison-slider:focus-within .image-comparison-divider,.image-comparison-frame:hover .image-comparison-divider{background:#0066C8}.image-comparison-frame:hover .image-comparison-label,.image-comparison-slider:focus-within .image-comparison-label{opacity:1;transform:translateY(0)}@media (hover: none), (pointer: coarse), (max-width: 767.98px){.image-comparison-label{opacity:1;transform:translateY(0)}}@media (max-width: 767.98px){.image-comparison-frame{border-radius:16px}.image-comparison-label{bottom:12px;max-width:calc(50% - 16px);padding:6px 8px;font-size:12px}.image-comparison-label--left{left:10px}.image-comparison-label--right{right:10px}}