.vuc-comparison{--vuc-handle-size:48px;--vuc-handle-border:3px;--vuc-line-width:2px;--vuc-label-bg:rgba(0,0,0,.55);--vuc-label-color:#fff;--vuc-accent:#00c8ff;--vuc-radius:4px;background:#0a0a0f;border-radius:var(--vuc-radius);cursor:col-resize;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.vuc-comparison,.vuc-comparison__shell{position:relative;width:100%}.vuc-comparison__sizer{visibility:hidden}.vuc-comparison__img,.vuc-comparison__sizer{display:block;pointer-events:none;width:100%}.vuc-comparison__img{height:100%;object-fit:cover;object-position:center;-webkit-user-drag:none}.vuc-comparison__after{z-index:1}.vuc-comparison__after,.vuc-comparison__before{height:100%;inset:0;position:absolute;width:100%}.vuc-comparison__before{z-index:2}.vuc-comparison__line{background:var(--vuc-accent);bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:var(--vuc-line-width);z-index:3}.vuc-comparison__handle{align-items:center;background:#fff;border:var(--vuc-handle-border) solid var(--vuc-accent);border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.45);cursor:col-resize;display:flex;height:var(--vuc-handle-size);justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow .15s ease,border-color .15s ease;width:var(--vuc-handle-size);z-index:4}.vuc-comparison--dragging .vuc-comparison__handle,.vuc-comparison__handle:hover{border-color:#fff;box-shadow:0 0 0 6px rgba(0,200,255,.2),0 2px 16px rgba(0,0,0,.5)}.vuc-comparison__arrows{align-items:center;display:flex;gap:4px;pointer-events:none}.vuc-comparison__arrow{display:block;height:0;width:0}.vuc-comparison__arrow--left{border-right:8px solid #0a0a0f}.vuc-comparison__arrow--left,.vuc-comparison__arrow--right{border-bottom:6px solid transparent;border-top:6px solid transparent}.vuc-comparison__arrow--right{border-left:8px solid #0a0a0f}.vuc-comparison__label{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--vuc-label-bg);border-radius:3px;color:var(--vuc-label-color);font-family:Roboto,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;padding:5px 12px;pointer-events:none;position:absolute;text-transform:uppercase;top:16px;white-space:nowrap;z-index:5}.vuc-comparison .vuc-comparison__label--before{left:16px;right:auto}.vuc-comparison .vuc-comparison__label--after{left:auto;right:16px}.vuc-comparison:focus-visible{outline:2px solid var(--vuc-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.vuc-comparison__handle{transition:none}}@media (max-width:600px){.vuc-comparison{--vuc-handle-size:40px}.vuc-comparison__label{font-size:10px;padding:4px 8px}}