: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 1px 1px var(--van-gray-8);--van-image-preview-overlay-background:#000000e6;--van-image-preview-close-icon-size:3.05556vw;--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:#0000;width:100%;max-width:none;height:100%;position:fixed;top:0;left:0;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{justify-content:center;align-items:center;display:flex;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.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:5vw}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:#0000}.van-image-preview__index{color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);left:50%;top:var(--van-padding-md);position:absolute;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);z-index:var(--van-image-preview-close-icon-z-index);position:absolute}.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)}