: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:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--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{width:100%;height:100%;display:block}.van-image__error,.van-image__loading{color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left: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:30px;--van-loading-spinner-duration:.8s}.van-loading{color:var(--van-loading-spinner-color);vertical-align:middle;font-size:0;position:relative}.van-loading__spinner{width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);vertical-align:middle;max-height:100%;animation:van-rotate var(--van-loading-spinner-duration) linear infinite;display:inline-block;position:relative}.van-loading__spinner--spinner{animation-timing-function:steps(12,end)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{width:100%;height:100%;position:absolute;top:0;left:0}.van-loading__line:before{content:" ";background-color:currentColor;border-radius:40%;width:2px;height:25%;margin:0 auto;display:block}.van-loading__circular{width:100%;height:100%;display:block}.van-loading__circular circle{stroke:currentColor;stroke-width:3px;stroke-linecap:round;animation:1.5s ease-in-out infinite van-circular}.van-loading__text{margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle;display:inline-block}.van-loading--vertical{flex-direction:column;align-items:center;display:flex}.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:-40px}to{stroke-dasharray:90 150;stroke-dashoffset:-120px}}.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:6px;--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;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transform:translateZ(0)}.van-swipe__track{height:100%;transition-property:transform;display:flex}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{bottom:var(--van-swipe-indicator-margin);display:flex;position:absolute;left:50%;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast);border-radius:100%}.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;width:100%;height:100%;position:relative}: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:22px;--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:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:#0000}.van-image-preview__index{top:var(--van-padding-md);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);position:absolute;left:50%;transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);position:absolute}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right: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{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}