.hl-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.hl-image-preview__swipe{height:100%}.hl-image-preview__swipe-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;overflow:hidden}.hl-image-preview__cover{position:absolute;top:0;left:0}.hl-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.hl-image-preview__image--vertical{width:auto;height:100%}.hl-image-preview__image img{-webkit-user-drag:none}.hl-image-preview__image .hl-image__error{top:30%;height:40%}.hl-image-preview__image .hl-image__error-icon{font-size:1.8rem}.hl-image-preview__image .hl-image__loading{background-color:transparent}.hl-image-preview__index{position:absolute;top:.8rem;left:50%;color:#fff;font-size:.7rem;line-height:1rem;text-shadow:0 .05rem .05rem #262626;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.hl-image-preview__overlay{background-color:rgba(0,0,0,.9)}.hl-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:1.1rem;cursor:pointer}.hl-image-preview__close-icon:active{color:#969799}.hl-image-preview__close-icon--top-left{top:.8rem;left:.8rem}.hl-image-preview__close-icon--top-right{top:.8rem;right:.8rem}.hl-image-preview__close-icon--bottom-left{bottom:.8rem;left:.8rem}.hl-image-preview__close-icon--bottom-right{right:.8rem;bottom:.8rem}.hl-image-preview__box{width:100%;height:100%}.hl-image-preview__box .hl-swipe-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}