.preview{box-sizing:border-box}.preview__error,.preview__loading,.preview__main{border:1px solid var(--line-border-card);border-radius:6px;overflow:hidden;box-sizing:border-box}.preview__main{height:100%}.preview__error,.preview__loading{display:flex;align-items:center;justify-content:center;height:100%}.preview__error p{margin:0}.preview__thumbnail{height:100%;position:relative;display:flex;justify-content:center}.preview__thumbnail-main{padding:12px 12px 0;position:relative;width:100%;height:386px;box-sizing:border-box;cursor:pointer}.preview__thumbnail-footer{background-color:var(--bg-float-overlay);border-top:1px solid var(--line-divider-default);box-sizing:border-box;position:absolute;padding:8px 12px;width:100%;height:40px;bottom:0;display:flex;color:var(--text-caption);font-size:14px;align-items:center;justify-content:space-between;z-index:10}.preview__thumbnail .gpf-biz-file-preview-pure-img-icon .gpf-biz-file-preview-pure-img{max-height:90px}.preview__no-perm{font-size:14px;display:flex;box-sizing:border-box;align-items:center;padding:0 16px;height:100%}.preview__no-perm-text{margin:0}.preview__no-perm i{margin-right:8px}.preview__no-perm-owner{color:var(--text-title);word-break:keep-all;font-size:14px;line-height:20px;justify-content:space-between}.preview__no-perm-owner>span{max-width:165px;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom}.preview__no-perm-owner a{color:var(--primary-content-default);margin:0 .3rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.preview__no-perm .ud__button{height:24px;padding:5px 12px;font-size:12px;line-height:12px;text-align:center;border-radius:4px;margin-left:auto;min-width:auto}.preview .gpf-biz-file-preview-pure-img{max-height:100%}