:root{--rc-image-preview-index-text-color: var(--rc-white);--rc-image-preview-index-font-size: var(--rc-font-size-md);--rc-image-preview-index-line-height: var(--rc-line-height-md);--rc-image-preview-index-text-shadow: 0 1px 1px var(--rc-gray-8);--rc-image-preview-overlay-background-color: rgba(0, 0, 0, .9);--rc-image-preview-close-icon-size: 22px;--rc-image-preview-close-icon-color: var(--rc-gray-5);--rc-image-preview-close-icon-active-color: var(--rc-gray-6);--rc-image-preview-close-icon-margin: var(--rc-padding-md);--rc-image-preview-close-icon-z-index: 1}.rc-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-transform:none;transform:none;-webkit-user-select:none;user-select:none;touch-action:none}.rc-image-preview__swipe{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.rc-image-preview__swipe .rc-swiper__track{height:100%}.rc-image-preview__swipe .rc-swiper__track-inner{-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.rc-image-preview__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;overflow:hidden}.rc-image-preview__cover{position:absolute;top:0;left:0}.rc-image-preview__control{-webkit-user-select:none;user-select:none;touch-action:none}.rc-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.rc-image-preview__image--vertical{width:auto;height:100%}.rc-image-preview__image img{-webkit-user-drag:none}.rc-image-preview__image .rc-image__error{top:30%;height:40%}.rc-image-preview__image .rc-image__error-icon{font-size:36px}.rc-image-preview__image .rc-image__loading{background-color:transparent}.rc-image-preview__index{position:absolute;top:var(--rc-padding-md);left:50%;color:var(--rc-image-preview-index-text-color);font-size:var(--rc-image-preview-index-font-size);line-height:var(--rc-image-preview-index-line-height);text-shadow:var(--rc-image-preview-index-text-shadow);-webkit-transform:translate(-50%,0);transform:translate(-50%)}.rc-image-preview__overlay{background-color:var(--rc-image-preview-overlay-background-color)}.rc-image-preview__close-icon{position:absolute;z-index:var(--rc-image-preview-close-icon-z-index);color:var(--rc-image-preview-close-icon-color);font-size:var(--rc-image-preview-close-icon-size);cursor:pointer}.rc-image-preview__close-icon:active{color:var(--rc-image-preview-close-icon-active-color)}.rc-image-preview__close-icon--top-left{top:var(--rc-image-preview-close-icon-margin);left:var(--rc-image-preview-close-icon-margin)}.rc-image-preview__close-icon--top-right{top:var(--rc-image-preview-close-icon-margin);right:var(--rc-image-preview-close-icon-margin)}.rc-image-preview__close-icon--bottom-left{bottom:var(--rc-image-preview-close-icon-margin);left:var(--rc-image-preview-close-icon-margin)}.rc-image-preview__close-icon--bottom-right{right:var(--rc-image-preview-close-icon-margin);bottom:var(--rc-image-preview-close-icon-margin)}