.pele-image-compare{--pele-ic-pos:50%;--pele-ic-accent:var(--e-global-color-primary,#6c47ff);--pele-ic-radius:20px;--pele-ic-height:560px;--pele-ic-ratio:var(--pele-ic-ar,3/2);--pele-ic-focus:center;--pele-ic-line:3px;--pele-ic-line-color:#fff;--pele-ic-handle:54px;--pele-ic-handle-bg:#fff;--pele-ic-handle-icon:#14172b;--pele-ic-hit:max(48px,var(--pele-ic-handle));--pele-ic-label:#fff;--pele-ic-label-bg:rgba(12,14,28,.42);--pele-ic-label-radius:999px;--pele-ic-label-pad:7px 14px;--pele-ic-label-offset:18px;inline-size:100vw;max-inline-size:100%;position:relative}@media(max-width:767px){.pele-image-compare{--pele-ic-radius:14px;--pele-ic-handle:46px;--pele-ic-label-offset:12px;--pele-ic-label-pad:6px 12px}}.pele-image-compare__stage{aspect-ratio:var(--pele-ic-ratio);background:#e8e9ef;border-radius:var(--pele-ic-radius);box-shadow:0 1px 2px rgba(16,18,40,.06),0 22px 48px -22px rgba(16,18,40,.42);isolation:isolate;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y pinch-zoom}.pele-image-compare--fixed .pele-image-compare__stage{aspect-ratio:auto;block-size:var(--pele-ic-height)}.pele-image-compare--move-drag .pele-image-compare__stage{cursor:grab}.pele-image-compare--move-click .pele-image-compare__stage{cursor:pointer}.pele-image-compare--move-hover.pele-image-compare--horizontal .pele-image-compare__stage{cursor:ew-resize}.pele-image-compare--move-hover.pele-image-compare--vertical .pele-image-compare__stage{cursor:ns-resize}.pele-image-compare.is-dragging .pele-image-compare__divider,.pele-image-compare.is-dragging .pele-image-compare__stage{cursor:grabbing}.pele-image-compare__layer{inset:0;position:absolute}.pele-image-compare .pele-image-compare__img{block-size:100%;border:0;border-radius:0;box-shadow:none;display:block;inline-size:100%;inset:0;margin:0;max-inline-size:none;object-fit:cover;object-position:var(--pele-ic-focus);pointer-events:none;position:absolute}.pele-image-compare__layer--before{clip-path:inset(0 calc(100% - var(--pele-ic-pos)) 0 0);z-index:1}.pele-image-compare__layer--before:dir(rtl){clip-path:inset(0 0 0 calc(100% - var(--pele-ic-pos)))}.pele-image-compare--vertical .pele-image-compare__layer--before,.pele-image-compare--vertical .pele-image-compare__layer--before:dir(rtl){clip-path:inset(0 0 calc(100% - var(--pele-ic-pos)) 0)}.pele-image-compare__divider{align-items:center;cursor:ew-resize;display:flex;inline-size:var(--pele-ic-hit);inset-block:0;inset-inline-start:var(--pele-ic-pos);justify-content:center;margin-inline-start:calc(var(--pele-ic-hit)/-2);outline:none;position:absolute;touch-action:none;z-index:3}.pele-image-compare__divider:before{background:var(--pele-ic-line-color);box-shadow:0 0 12px rgba(8,10,24,.22);content:"";inline-size:var(--pele-ic-line);inset-block:0;inset-inline-start:50%;margin-inline-start:calc(var(--pele-ic-line)/-2);position:absolute}.pele-image-compare--vertical .pele-image-compare__divider{block-size:var(--pele-ic-hit);cursor:ns-resize;inline-size:auto;inset-block:var(--pele-ic-pos) auto;inset-inline:0;margin-block-start:calc(var(--pele-ic-hit)/-2);margin-inline-start:0}.pele-image-compare--vertical .pele-image-compare__divider:before{block-size:var(--pele-ic-line);inline-size:auto;inset-block:50% auto;inset-inline:0;margin-block-start:calc(var(--pele-ic-line)/-2);margin-inline-start:0}.pele-image-compare__grip{align-items:center;background:var(--pele-ic-handle-bg);block-size:var(--pele-ic-handle);border-radius:999px;box-shadow:0 1px 2px rgba(8,10,24,.1),0 10px 26px -8px rgba(8,10,24,.45);box-sizing:border-box;color:var(--pele-ic-handle-icon);display:flex;flex:none;inline-size:var(--pele-ic-handle);justify-content:center;position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background-color .22s ease}.pele-image-compare__arrows{block-size:46%;display:block;fill:none;inline-size:46%;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.pele-image-compare--vertical .pele-image-compare__arrows{transform:rotate(90deg)}.pele-image-compare__divider:hover .pele-image-compare__grip{transform:scale(1.07)}.pele-image-compare.is-dragging .pele-image-compare__grip{transform:scale(.94)}.pele-image-compare__divider:focus-visible .pele-image-compare__grip{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--pele-ic-accent),0 10px 26px -8px rgba(8,10,24,.45)}.pele-image-compare--handle-pill{--pele-ic-handle:40px;--pele-ic-handle-bg:var(--pele-ic-accent);--pele-ic-handle-icon:var(--pele-on-primary,#fff);--pele-ic-line:2px}.pele-image-compare--handle-pill .pele-image-compare__grip{box-shadow:0 0 0 3px hsla(0,0%,100%,.92),0 12px 28px -10px rgba(8,10,24,.55);inline-size:calc(var(--pele-ic-handle)*1.9)}.pele-image-compare--handle-pill .pele-image-compare__arrows{block-size:60%;inline-size:60%}.pele-image-compare--handle-pill .pele-image-compare__divider:focus-visible .pele-image-compare__grip{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--pele-ic-accent),0 12px 28px -10px rgba(8,10,24,.55)}.pele-image-compare--handle-pill.pele-image-compare--vertical .pele-image-compare__grip{block-size:calc(var(--pele-ic-handle)*1.9);inline-size:var(--pele-ic-handle)}@media(max-width:767px){.pele-image-compare--handle-pill{--pele-ic-handle:36px}}.pele-image-compare--handle-line{--pele-ic-handle:18px;--pele-ic-line:2px}.pele-image-compare--handle-line .pele-image-compare__grip{box-shadow:0 0 0 6px hsla(0,0%,100%,.32),0 4px 14px rgba(8,10,24,.35)}.pele-image-compare--handle-line .pele-image-compare__arrows{display:none}.pele-image-compare--handle-line .pele-image-compare__divider:hover .pele-image-compare__grip{transform:scale(1.3)}.pele-image-compare--handle-line .pele-image-compare__divider:focus-visible .pele-image-compare__grip{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--pele-ic-accent)}@media(max-width:767px){.pele-image-compare--handle-line{--pele-ic-handle:18px}}.pele-image-compare--handle-glass{--pele-ic-handle:62px;--pele-ic-handle-bg:hsla(0,0%,100%,.16);--pele-ic-handle-icon:#fff;--pele-ic-line:2px;--pele-ic-line-color:hsla(0,0%,100%,.85)}.pele-image-compare--handle-glass .pele-image-compare__grip{backdrop-filter:blur(12px) saturate(1.6);border:1.5px solid hsla(0,0%,100%,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 12px 30px -10px rgba(8,10,24,.55)}.pele-image-compare--handle-glass .pele-image-compare__arrows{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}@media(max-width:767px){.pele-image-compare--handle-glass{--pele-ic-handle:52px}}.pele-image-compare__label{background:var(--pele-ic-label-bg);border-radius:var(--pele-ic-label-radius);box-sizing:border-box;color:var(--pele-ic-label);font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.25;max-inline-size:calc(50% - var(--pele-ic-label-offset)*2);overflow:hidden;padding:var(--pele-ic-label-pad);pointer-events:none;position:absolute;text-overflow:ellipsis;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;z-index:2}.pele-image-compare--label-blur .pele-image-compare__label{backdrop-filter:blur(10px) saturate(1.4)}.pele-image-compare--horizontal .pele-image-compare__label--before{inset-inline-start:var(--pele-ic-label-offset)}.pele-image-compare--horizontal .pele-image-compare__label--after{inset-inline-end:var(--pele-ic-label-offset)}.pele-image-compare--horizontal.pele-image-compare--place-top .pele-image-compare__label{inset-block-start:var(--pele-ic-label-offset)}.pele-image-compare--horizontal.pele-image-compare--place-bottom .pele-image-compare__label{inset-block-end:var(--pele-ic-label-offset)}.pele-image-compare--horizontal.pele-image-compare--place-middle .pele-image-compare__label{block-size:fit-content;inset-block:0;margin-block:auto}.pele-image-compare--vertical .pele-image-compare__label{max-inline-size:calc(100% - var(--pele-ic-label-offset)*2)}.pele-image-compare--vertical .pele-image-compare__label--before{inset-block-start:var(--pele-ic-label-offset)}.pele-image-compare--vertical .pele-image-compare__label--after{inset-block-end:var(--pele-ic-label-offset)}.pele-image-compare--vertical.pele-image-compare--place-start .pele-image-compare__label{inset-inline-start:var(--pele-ic-label-offset)}.pele-image-compare--vertical.pele-image-compare--place-end .pele-image-compare__label{inset-inline-end:var(--pele-ic-label-offset)}.pele-image-compare--vertical.pele-image-compare--place-center .pele-image-compare__label{inline-size:fit-content;inset-inline:0;margin-inline:auto}.pele-image-compare--labels-hover .pele-image-compare__label{opacity:0;transform:translateY(-4px)}.pele-image-compare--labels-hover.pele-image-compare--place-bottom .pele-image-compare__label,.pele-image-compare--labels-hover.pele-image-compare--vertical .pele-image-compare__label--after{transform:translateY(4px)}.pele-image-compare--labels-hover .pele-image-compare__stage:focus-within .pele-image-compare__label,.pele-image-compare--labels-hover .pele-image-compare__stage:hover .pele-image-compare__label,.pele-image-compare--labels-hover.is-dragging .pele-image-compare__label{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pele-image-compare__grip,.pele-image-compare__label{transition:none}}
