.vns-slider{position:relative;width:min(100%, var(--vns-width, 1100px));height:var(--vns-height,620px);max-width:100%;overflow:hidden;border:var(--vns-border-width,0) solid var(--vns-border-color,#fff);border-radius:var(--vns-border-radius,14px);background:#111827;box-sizing:border-box;cursor:ew-resize;isolation:isolate;touch-action:none;user-select:none}.vns-slider *,.vns-slider *:before,.vns-slider *:after{box-sizing:border-box}.vns-image,.vns-after-wrap{position:absolute;inset:0;width:100%;height:100%}.vns-image{display:block;object-fit:var(--vns-object-fit,cover);object-position:center;pointer-events:none}.vns-image-before{z-index:1}.vns-after-wrap{z-index:2;overflow:hidden;clip-path:inset(0 50% 0 0)}.vns-divider{position:absolute;top:0;left:50%;z-index:6;width:var(--vns-divider-width,2px);height:100%;background:var(--vns-divider-color,#fff);box-shadow:0 0 14px rgba(0,0,0,.25);transform:translateX(-50%);pointer-events:none}.vns-handle{position:absolute;top:50%;left:50%;width:var(--vns-handle-size,48px);height:var(--vns-handle-size,48px);display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:3px;border-radius:999px;background:var(--vns-handle-color,#fff);box-shadow:0 8px 28px rgba(0,0,0,.28);transform:translate(-50%,-50%)}.vns-arrow{width:10px;height:10px;border-top:2px solid #111827;border-left:2px solid #111827}.vns-arrow-left{transform:rotate(-45deg)}.vns-arrow-right{transform:rotate(135deg)}.vns-label{position:absolute;z-index:7;bottom:20px;max-width:calc(50% - 32px);padding:7px 12px;border-radius:5px;color:var(--vns-label-color,#fff);background:var(--vns-label-bg,#111827);background:color-mix(in srgb,var(--vns-label-bg,#111827) 82%,transparent);font:700 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;backdrop-filter:blur(6px)}.vns-label-before{right:20px}.vns-label-after{left:20px}.vns-range{position:absolute;inset:0;z-index:8;width:100%;height:100%;opacity:0;cursor:ew-resize}.vns-slider:focus-within{outline:3px solid color-mix(in srgb,var(--vns-divider-color,#fff) 65%,#2563eb);outline-offset:3px}.vns-placeholder,.vns-empty{padding:24px;color:#334155;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px}@media (max-width:760px){.vns-slider{height:min(var(--vns-height, 620px), 72vw)}.vns-label{bottom:12px;max-width:calc(50% - 20px);padding:6px 9px;font-size:10px}.vns-label-before{right:12px}.vns-label-after{left:12px}}