: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{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)}:host,:root{--van-loading-text-color:var(--van-text-color-2);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:1.875rem;--van-loading-spinner-duration:.8s}.van-loading{color:var(--van-loading-spinner-color);font-size:0}.van-loading,.van-loading__spinner{position:relative;vertical-align:middle}.van-loading__spinner{animation:van-rotate var(--van-loading-spinner-duration) linear infinite;display:inline-block;height:var(--van-loading-spinner-size);max-height:100%;max-width:100%;width:var(--van-loading-spinner-size)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__line:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:.125rem}.van-loading__circular{display:block;height:100%;width:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{color:var(--van-loading-text-color);display:inline-block;font-size:var(--van-loading-text-font-size);margin-left:var(--van-padding-xs);vertical-align:middle}.van-loading--vertical{align-items:center;display:flex;flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{opacity:1;transform:rotate(30deg)}.van-loading__line--2{opacity:.9375;transform:rotate(60deg)}.van-loading__line--3{opacity:.875;transform:rotate(90deg)}.van-loading__line--4{opacity:.8125;transform:rotate(120deg)}.van-loading__line--5{opacity:.75;transform:rotate(150deg)}.van-loading__line--6{opacity:.6875;transform:rotate(180deg)}.van-loading__line--7{opacity:.625;transform:rotate(210deg)}.van-loading__line--8{opacity:.5625;transform:rotate(240deg)}.van-loading__line--9{opacity:.5;transform:rotate(270deg)}.van-loading__line--10{opacity:.4375;transform:rotate(300deg)}.van-loading__line--11{opacity:.375;transform:rotate(330deg)}.van-loading__line--12{opacity:.3125;transform:rotate(1turn)}:host,:root{--van-swipe-indicator-size:.375rem;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:.3;--van-swipe-indicator-active-background:var(--van-primary-color);--van-swipe-indicator-inactive-background:var(--van-border-color)}.van-swipe{cursor:grab;overflow:hidden;position:relative;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%;transition-property:transform}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{bottom:var(--van-swipe-indicator-margin);display:flex;left:50%;position:absolute;transform:translate(-50%)}.van-swipe__indicators--vertical{bottom:auto;flex-direction:column;left:var(--van-swipe-indicator-margin);top:50%;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{background-color:var(--van-swipe-indicator-inactive-background);border-radius:100%;height:var(--van-swipe-indicator-size);opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast);width:var(--van-swipe-indicator-size)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}.van-swipe-item{flex-shrink:0;height:100%;position:relative;width:100%}: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;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: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);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)}