

.file-preview {
  margin-right:10px;
  cursor:pointer;
}

.preview-fade {
  position:fixed;
	top:0;
	left:0;
	width:100%;
  height:100%;
	background:rgba(0,0,0,.5);
	z-index:99999;
}

.preview-modal {
  width:fit-content;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  padding:75px;
  max-width:750px;
  width:100%;
}

.preview-modal img,
.preview-modal video{
  width:100%;
  max-height:calc(100vh - 100px);
  display:block;
  object-fit:cover;
}

.preview-fade button {
  position:absolute;
  top:25px;
  right:25px;
  mask-image:url('/fileservice/file/download/a/790870/sc/372/h/abb2fe9deeda07220e434bcb119e8e70.svg');
  mask-size:cover;
  width:50px;
  height:50px;
  padding:0;
  background:#fff
}
