.UCeMNa_root{isolation:isolate;background:var(--color-stone);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:4px;width:100%;display:block;position:relative;overflow:clip;container-type:size}.UCeMNa_root[data-orientation=vertical]{cursor:ns-resize;touch-action:pan-x}.UCeMNa_root:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-earth) 18%, transparent);pointer-events:none;position:absolute;inset:0}.UCeMNa_layer{position:absolute;inset:0}.UCeMNa_before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}.UCeMNa_root[data-orientation=vertical] .UCeMNa_before{clip-path:inset(0 0 calc(100% - var(--compare-position)) 0)}.UCeMNa_layer :where(img,picture,video){object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.UCeMNa_chip{z-index:1;background:color-mix(in oklch, var(--color-parchment) 82%, transparent);color:var(--color-earth);letter-spacing:0;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;top:.75rem;left:.75rem}.UCeMNa_chip[data-place=end]{left:auto;right:.75rem}.UCeMNa_chip[data-place=bottom]{top:auto;bottom:.75rem}.UCeMNa_pivot{z-index:2;top:50%;left:var(--compare-position);pointer-events:none;width:0;height:0;position:absolute}.UCeMNa_root[data-orientation=vertical] .UCeMNa_pivot{top:var(--compare-position);left:50%}.UCeMNa_line{background:var(--color-parchment);width:2px;height:calc(200cqw + 200cqh);box-shadow:0 0 0 .5px color-mix(in oklch, var(--color-earth) 22%, transparent);position:absolute;top:calc(-100cqw - 100cqh);left:-1px}.UCeMNa_root[data-orientation=vertical] .UCeMNa_line{width:calc(200cqw + 200cqh);height:2px;top:-1px;left:calc(-100cqw - 100cqh)}:root[data-theme=dark] .UCeMNa_line{background:var(--color-parchment)}.UCeMNa_handle{box-sizing:border-box;border:1px solid var(--color-line);background:var(--color-parchment);width:40px;height:40px;box-shadow:0 6px 18px color-mix(in oklch, var(--color-earth) 18%, transparent);color:var(--color-earth);pointer-events:auto;border-radius:9999px;outline:0 solid #0000;place-items:center;transition:width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;left:0;translate:-50% -50%}.UCeMNa_root[data-dragging=true] .UCeMNa_handle{width:56px;height:36px}.UCeMNa_root[data-orientation=vertical][data-dragging=true] .UCeMNa_handle{width:36px;height:56px}.UCeMNa_handle:after{content:"";border-radius:inherit;position:absolute;inset:-8px}@media (hover:hover) and (pointer:fine){.UCeMNa_root:hover .UCeMNa_handle{border-color:var(--color-ink)}}.UCeMNa_handle:focus-visible:not([data-quiet]){outline:2px solid var(--color-earth);outline-offset:2px;box-shadow:0 6px 18px color-mix(in oklch, var(--color-earth) 18%, transparent), 0 0 0 2px var(--color-parchment)}.UCeMNa_chevrons{align-items:center;display:flex}.UCeMNa_chevron{place-items:center;margin-inline:-2.5px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:grid}.UCeMNa_root[data-dragging=true] .UCeMNa_chevron:first-child{transform:translate(-3px)}.UCeMNa_root[data-dragging=true] .UCeMNa_chevron:last-child{transform:translate(3px)}.UCeMNa_root[data-orientation=vertical] .UCeMNa_chevrons{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.UCeMNa_layer,.UCeMNa_pivot,.UCeMNa_handle,.UCeMNa_chevron{transition:none}}