.image-previewer{inset:0;position:fixed;z-index:1000}.image-previewer__mask{background-color:#000;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.image-previewer__btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#0003;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:.875rem;height:2.5rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;-webkit-transition:all .3s;transition:all .3s;width:2.5rem;z-index:1}.image-previewer__btn:hover{color:#ff4848}.image-previewer__btn .iconfont{font-size:.875rem}.image-previewer__close{right:2.5rem;top:5vh}.image-previewer__prev{left:2.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.image-previewer__next{right:2.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.image-previewer__canvas{padding:5vh 6.25rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-previewer__canvas,.image-previewer__img,.image-previewer__img picture.ab-picture__img{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.image-previewer__img img.ab-picture__img{height:auto;max-height:100%;max-width:100%;width:auto}.image-previewer__dots{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;bottom:1.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:1}.image-previewer__dots:not(:last-child){margin-right:.75rem}.image-previewer__dot{background-color:#ffffff4d;border-radius:50%;cursor:pointer;height:.5rem;opacity:.5;-webkit-transition:color .3s;transition:color .3s;width:.5rem}.image-previewer__dot.is-active,.image-previewer__dot:hover{opacity:1}.image-previewer__dot.is-active{background-color:#ff4848}: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:2rem;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:2rem;--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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:var(--van-image-placeholder-background);color:var(--van-image-placeholder-text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:var(--van-image-placeholder-font-size);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;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)}: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 .0625rem .0625rem var(--van-gray-8);--van-image-preview-overlay-background:rgba(0,0,0,.9);--van-image-preview-close-icon-size:1.375rem;--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;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.van-image-preview__cover{left:0;position:absolute;top:0}.van-image-preview__image,.van-image-preview__image-wrap{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-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:2.25rem}.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);-webkit-transform:translate(-50%);-ms-transform:translate(-50%);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)}