.preview-modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-modal .close-icon{position:absolute;right:10px;top:10px;z-index:2000;font-size:32px;color:#fff}.preview-content{position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px 0 rgba(0,0,0,.05)}.preview-content img,.preview-content video{max-width:100%;max-height:100%;outline:none}.preview-content .img-scale-mask{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .08s;color:#fff;padding:8px 22px;text-align:center;border-radius:12px;background-color:rgba(0,0,0,.6);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-content .img-scale-mask.active{opacity:1}.toolbar{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);font-size:26px;background-color:#fff;padding:4px 30px;border-radius:30px;display:flex;align-items:center;background-color:hsla(0,0%,42.7%,.6);box-shadow:0 1px 5px 0 rgba(0,0,0,.08)}.toolbar>.anticon{padding:3px 8px;cursor:pointer;color:#fff}.toolbar>.anticon:hover{transform:scale(1.06)}