:host,:root{--van-image-placeholder-text-color:var(--van-text-color-2);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background:var(--van-background);--van-image-loading-icon-size:8.533vw;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:8.533vw;--van-image-error-icon-color:var(--van-gray-4)}.van-image{display:inline-block;position:relative}.van-image--round{border-radius:var(--van-radius-max);overflow:hidden}.van-image--round .van-image__img{border-radius:inherit}.van-image--block{display:block}.van-image__error,.van-image__img,.van-image__loading{display:block;height:100%;width:100%}.van-image__error,.van-image__loading{align-items:center;background:var(--van-image-placeholder-background);color:var(--van-image-placeholder-text-color);display:flex;flex-direction:column;font-size:var(--van-image-placeholder-font-size);justify-content:center;left:0;position:absolute;top:0}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}@media(min-width:falsepx)and (min-height:640px){:host,:root{--van-image-loading-icon-size:0px;--van-image-error-icon-size:0px}.van-image__error,.van-image__loading{left:0;top:0}}@media(max-width:falsepx)and (min-width:1920px)and (orientation:landscape),(min-width:falsepx)and (max-height:640px){:host,:root{--van-image-loading-icon-size:163.84px;--van-image-error-icon-size:163.84px}.van-image__error,.van-image__loading{left:0;top:0}}@media(min-width:falsepx),(orientation:landscape)and (max-width:falsepx)and (min-width:1920px){.van-image--round{border-radius:var(--van-radius-max)}.van-image__error,.van-image__loading{background:var(--van-image-placeholder-background);font-size:var(--van-image-placeholder-font-size)}.van-image__loading-icon{font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{font-size:var(--van-image-error-icon-size)}}:host,:root{--van-image-preview-index-text-color:var(--van-white);--van-image-preview-index-font-size:var(--van-font-size-md);--van-image-preview-index-line-height:var(--van-line-height-md);--van-image-preview-index-text-shadow:0 .267vw .267vw var(--van-gray-8);--van-image-preview-overlay-background:rgba(0,0,0,.9);--van-image-preview-close-icon-size:5.867vw;--van-image-preview-close-icon-color:var(--van-gray-5);--van-image-preview-close-icon-margin:var(--van-padding-md);--van-image-preview-close-icon-z-index:1}.van-image-preview{background-color:transparent;height:100%;left:0;max-width:none;position:fixed;top:0;transform:none;width:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{align-items:center;display:flex;justify-content:center;overflow:hidden}.van-image-preview__cover{left:0;position:absolute;top:0}.van-image-preview__image,.van-image-preview__image-wrap{transition-property:transform;width:100%}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{height:100%;width:auto}.van-image-preview__image img,.van-image-preview__image video,.van-image-preview__image-wrap img,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{height:40%;top:30%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:9.6vw}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);left:50%;line-height:var(--van-image-preview-index-line-height);position:absolute;text-shadow:var(--van-image-preview-index-text-shadow);top:var(--van-padding-md);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);position:absolute;z-index:var(--van-image-preview-close-icon-z-index)}.van-image-preview__close-icon--top-left{left:var(--van-image-preview-close-icon-margin);top:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{right:var(--van-image-preview-close-icon-margin);top:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{bottom:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}@media(min-width:falsepx)and (min-height:640px){:host,:root{--van-image-preview-index-text-shadow:0 0px 0px var(--van-gray-8);--van-image-preview-close-icon-size:0px;--van-image-preview-close-icon-z-index:1}.van-image-preview{left:50%;top:0;width:0}.van-image-preview__cover{left:0;top:0}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:0}}@media(max-width:falsepx)and (min-width:1920px)and (orientation:landscape),(min-width:falsepx)and (max-height:640px){:host,:root{--van-image-preview-index-text-shadow:0 5.12px 5.12px var(--van-gray-8);--van-image-preview-close-icon-size:112.64px;--van-image-preview-close-icon-z-index:1}.van-image-preview{left:calc(50% - 960px);top:0;width:1920px}.van-image-preview__cover{left:0;top:0}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:184.32px}}@media(min-width:falsepx),(orientation:landscape)and (max-width:falsepx)and (min-width:1920px){.van-image-preview__index{font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);top:var(--van-padding-md)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{left:var(--van-image-preview-close-icon-margin);top:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{right:var(--van-image-preview-close-icon-margin);top:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{bottom:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}}:host,:root{--van-uploader-size:21.333vw;--van-uploader-icon-size:6.4vw;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-text-color-2);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background:var(--van-gray-1);--van-uploader-upload-active-color:var(--van-active-color);--van-uploader-delete-color:var(--van-white);--van-uploader-delete-icon-size:3.733vw;--van-uploader-delete-background:rgba(0,0,0,.7);--van-uploader-file-background:var(--van-background);--van-uploader-file-icon-size:5.333vw;--van-uploader-file-icon-color:var(--van-gray-7);--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-file-name-margin-top:var(--van-padding-xs);--van-uploader-file-name-font-size:var(--van-font-size-sm);--van-uploader-file-name-text-color:var(--van-gray-7);--van-uploader-mask-text-color:var(--van-white);--van-uploader-mask-background:rgba(50,50,51,.88);--van-uploader-mask-icon-size:5.867vw;--van-uploader-mask-message-font-size:var(--van-font-size-sm);--van-uploader-mask-message-line-height:var(--van-line-height-xs);--van-uploader-loading-icon-size:5.867vw;--van-uploader-loading-icon-color:var(--van-white);--van-uploader-disabled-opacity:var(--van-disabled-opacity);--van-uploader-border-radius:0px}.van-uploader{display:inline-block;position:relative}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{cursor:pointer;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{align-items:center;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius);box-sizing:border-box;display:flex;flex-direction:column;height:var(--van-uploader-size);justify-content:center;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;position:relative;width:var(--van-uploader-size)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size);margin-top:var(--van-padding-xs)}.van-uploader__preview{cursor:pointer;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;position:relative}.van-uploader__preview-image{border-radius:var(--van-uploader-border-radius);display:block;height:var(--van-uploader-size);overflow:hidden;width:var(--van-uploader-size)}.van-uploader__preview-delete{position:absolute;right:0;top:0}.van-uploader__preview-delete--shadow{background:var(--van-uploader-delete-background);border-radius:0 0 0 3.2vw;height:var(--van-uploader-delete-icon-size);width:var(--van-uploader-delete-icon-size)}.van-uploader__preview-delete-icon{color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);position:absolute;right:0;top:0;transform:scale(.7) translate(10%,-10%)}.van-uploader__mask,.van-uploader__preview-cover{inset:0;position:absolute}.van-uploader__mask{align-items:center;background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius);color:var(--van-uploader-mask-text-color);display:flex;flex-direction:column;justify-content:center}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height);margin-top:1.6vw;padding:0 var(--van-padding-base)}.van-uploader__loading{color:var(--van-uploader-loading-icon-color);height:var(--van-uploader-loading-icon-size);width:var(--van-uploader-loading-icon-size)}.van-uploader__file{align-items:center;background:var(--van-uploader-file-background);display:flex;flex-direction:column;height:var(--van-uploader-size);justify-content:center;width:var(--van-uploader-size)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);text-align:center;width:100%}@media(min-width:falsepx)and (min-height:640px){:host,:root{--van-uploader-size:0px;--van-uploader-icon-size:0px;--van-uploader-delete-icon-size:0px;--van-uploader-file-icon-size:0px;--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-mask-icon-size:0px;--van-uploader-loading-icon-size:0px;--van-uploader-border-radius:0px}.van-uploader__input{left:0;opacity:0;top:0}.van-uploader__preview,.van-uploader__upload{margin:0 var(--van-padding-xs) var(--van-padding-xs) 0}.van-uploader__preview-delete{right:0;top:0}.van-uploader__preview-delete--shadow{border-radius:0}.van-uploader__preview-delete-icon{right:0;top:0}.van-uploader__mask,.van-uploader__preview-cover{inset:0}.van-uploader__mask-message{margin-top:0;padding:0 var(--van-padding-base)}}@media(max-width:falsepx)and (min-width:1920px)and (orientation:landscape),(min-width:falsepx)and (max-height:640px){:host,:root{--van-uploader-size:409.6px;--van-uploader-icon-size:122.88px;--van-uploader-delete-icon-size:71.68px;--van-uploader-file-icon-size:102.4px;--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-mask-icon-size:112.64px;--van-uploader-loading-icon-size:112.64px;--van-uploader-border-radius:0px}.van-uploader__input{left:0;opacity:0;top:0}.van-uploader__preview,.van-uploader__upload{margin:0 var(--van-padding-xs) var(--van-padding-xs) 0}.van-uploader__preview-delete{right:0;top:0}.van-uploader__preview-delete--shadow{border-radius:0 0 0 61.44px}.van-uploader__preview-delete-icon{right:0;top:0}.van-uploader__mask,.van-uploader__preview-cover{inset:0}.van-uploader__mask-message{margin-top:30.72px;padding:0 var(--van-padding-base)}}@media(min-width:falsepx),(orientation:landscape)and (max-width:falsepx)and (min-width:1920px){.van-uploader__upload{background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius);height:var(--van-uploader-size);width:var(--van-uploader-size)}.van-uploader__upload-icon{font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{font-size:var(--van-uploader-text-font-size);margin-top:var(--van-padding-xs)}.van-uploader__preview-image{border-radius:var(--van-uploader-border-radius);height:var(--van-uploader-size);width:var(--van-uploader-size)}.van-uploader__preview-delete--shadow{background:var(--van-uploader-delete-background);height:var(--van-uploader-delete-icon-size);width:var(--van-uploader-delete-icon-size)}.van-uploader__preview-delete-icon{font-size:var(--van-uploader-delete-icon-size)}.van-uploader__mask{background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{height:var(--van-uploader-loading-icon-size);width:var(--van-uploader-loading-icon-size)}.van-uploader__file{background:var(--van-uploader-file-background);height:var(--van-uploader-size);width:var(--van-uploader-size)}.van-uploader__file-icon{font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{font-size:var(--van-uploader-file-name-font-size);margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding)}}