[data-v-6451c1f2]:root{--p-theme-color:#fff}[data-theme=light][data-v-6451c1f2]{--p-theme-color:#000}.vci-container[data-v-6451c1f2]{box-sizing:border-box;width:100%;position:relative;overflow:hidden}.vci-container .left-image[data-v-6451c1f2]{z-index:99;-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .3s;position:absolute;top:0}.left-label[data-v-6451c1f2]{padding:10px;position:absolute;top:0;left:0}.relative-img[data-v-6451c1f2]{width:100%;height:100%;position:relative}.right-image[data-v-6451c1f2]{width:100%;height:100%;transition:transform .3s}.right-label[data-v-6451c1f2]{padding:10px;position:absolute;top:0;right:0}.vci-slider[data-v-6451c1f2]{z-index:100;flex-direction:column;align-items:center;height:100%;display:flex;position:absolute;top:0}.vci-slider .ball-area[data-v-6451c1f2]{height:20px;position:relative}.vci-slider .ball-area .left-line-label[data-v-6451c1f2]{left:-20px;transform:translate(calc(-100% - 10px))}.vci-slider .ball-area .left-line-label[data-v-6451c1f2],.vci-slider .ball-area .right-line-label[data-v-6451c1f2]{opacity:.8;color:#fff;text-shadow:0 0 2px #0000004d;text-transform:capitalize;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;line-height:22px;position:absolute;top:100%}.vci-slider .ball-area .right-line-label[data-v-6451c1f2]{right:-20px;transform:translate(calc(100% + 10px))}.vci-slider .ball-area .line-ball[data-v-6451c1f2]{z-index:2;background:#d9d9d9;border-radius:50%;width:16px;height:16px;bottom:23px;left:1px;transform:translate(-50%)}.vci-slider .ball-area .line-ball[data-v-6451c1f2],.vci-slider .line[data-v-6451c1f2]{position:absolute;box-shadow:0 0 24px #00000040}.vci-slider .line[data-v-6451c1f2]{background-repeat:no-repeat;flex:0 auto;height:100%;font-size:16px;line-height:22px}.vci-slider .handle[data-v-6451c1f2]{box-sizing:border-box;z-index:10;background:#0000004d;border-radius:100%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.vci-slider .arrow[data-v-6451c1f2]{height:"0px";width:"0px";transition:all .3s}.vci-hover[data-v-6451c1f2]:hover{overflow:hidden}.vci-hover:hover .left-image[data-v-6451c1f2],.vci-hover:hover .right-image[data-v-6451c1f2]{transform:scale(var(--scale-hover))}.vci-hover:hover .vci-slider .line[data-v-6451c1f2]{background:var(--line-color-hover)!important}.vci-hover:hover .vci-slider .handle[data-v-6451c1f2]{background:var(--handle-background-hover)!important}.vci-hover:hover .vci-slider .handle .arrow[data-v-6451c1f2]{border-color:var(--handle-arrow-color-hover)!important}