.img-preview{background:#00000080;inset:0;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000}.img-preview-content{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.img-preview-image{cursor:pointer;transition:transform .3s}.img-preview__close{background-color:#00000080;border-radius:50%;color:#fff;cursor:pointer;height:100px;overflow:hidden;position:absolute;right:0;top:0;transform:translate(45%,-45%);transition:all .2s;width:100px}.img-preview__close-icon{font-size:30px;left:15%;position:absolute;top:55%}.img-preview__close:hover{background-color:#000c}.img-preview__index{border-radius:15px;bottom:5%;font-size:16px;transform:translate(-50%)}.img-preview__controller,.img-preview__index{background:#6e6e6e99;left:50%;padding:0 22px;position:absolute}.img-preview__controller{border-radius:22px;bottom:10%;display:flex;height:44px;justify-content:center;margin-left:-139px;width:260px}.img-preview__controller-item{align-items:center;cursor:pointer;display:flex;font-size:24px;height:100%;padding:0 9px;transition:all .2s}.img-preview__controller-item:hover{transform:scale(1.2)}.img-preview__controller-item img{width:1em}.img-preview__arrow{align-items:center;background-color:#00000080;border-radius:50%;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;top:50%;transition:all .2s;width:50px}.img-preview__arrow:hover{background-color:#000c}.img-preview__arrow.left{left:50px}.img-preview__arrow.right{right:50px}