.image-comparison{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-comparison--interactive{cursor:ew-resize}.image-comparison__image-wrap{position:relative;width:100%;height:100%}.image-comparison__image{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.image-comparison__overlay{position:absolute;inset:0;overflow:hidden}.image-comparison__slider{top:0;bottom:0;width:2px}.image-comparison__handle,.image-comparison__slider{position:absolute;background:#b0b0b0;box-shadow:var(--shadow-lg)}.image-comparison__handle{top:80%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.image-comparison__grip{display:flex;flex-direction:column;gap:3px}.image-comparison__grip-bar{display:block;width:14px;height:2px;border-radius:var(--radius-full);background:var(--neutral-600)}.image-comparison__label{position:absolute;top:1rem;background:rgba(0,0,0,.6);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--font-label);font-weight:500;backdrop-filter:blur(4px);pointer-events:none}.image-comparison__label--before{left:1rem}[dir=rtl] .image-comparison__label--before{left:auto;right:1rem}.image-comparison__label--after{right:1rem}[dir=rtl] .image-comparison__label--after{right:auto;left:1rem}
/*# sourceMappingURL=6f32e844fb6c5968.css.map*/