/* NORCOMDESK MEDIA v3.2 */



.nd-media{

  margin:5px 0 7px;

}



.nd-media > span,

.nd-media-error{

  display:block;



  padding:11px;



  border-radius:8px;



  background:

    rgba(100,116,139,.10);



  color:#64748b;



  font-size:9px;

  text-align:center;

}



.nd-media-image img{

  display:block;



  max-width:320px;

  max-height:340px;



  width:auto;

  height:auto;



  border-radius:9px;



  object-fit:contain;



  cursor:zoom-in;

}



.nd-media-video video{

  display:block;



  width:min(330px,100%);

  max-height:340px;



  border-radius:9px;



  background:#111;

}



.nd-media-audio audio{

  display:block;



  width:290px;

  max-width:100%;

}



.nd-media-caption{

  margin-top:5px;



  line-height:1.45;

}



.nd-media-document{

  width:min(330px,100%);



  display:flex;



  align-items:center;



  gap:9px;



  margin:5px 0 7px;



  padding:10px;



  border:

    1px solid

    rgba(100,116,139,.25);



  border-radius:9px;



  background:

    rgba(255,255,255,.75);



  cursor:pointer;



  color:#172033;



  font-family:inherit;

}



.nd-media-document:hover{

  border-color:#1677ff;



  background:#fff;

}



.nd-media-doc-icon{

  font-size:22px;

}



.nd-media-doc-info{

  flex:1;



  min-width:0;



  display:flex;



  flex-direction:column;



  text-align:left;

}



.nd-media-doc-info strong{

  overflow:hidden;



  text-overflow:ellipsis;



  white-space:nowrap;



  font-size:9px;

}



.nd-media-doc-info small{

  margin-top:2px;



  color:#718096;



  font-size:8px;

}



.nd-media-doc-action{

  color:#1677ff;



  font-size:8px;



  font-weight:800;

}



.nd-media-lightbox{

  position:fixed;



  inset:0;



  z-index:100000;



  display:flex;



  align-items:center;



  justify-content:center;



  padding:30px;



  background:

    rgba(7,15,29,.90);

}



.nd-media-lightbox img{

  max-width:94vw;



  max-height:90vh;



  border-radius:9px;



  object-fit:contain;

}



.nd-media-lightbox-close{

  position:fixed;



  top:17px;



  right:20px;



  width:40px;



  height:40px;



  border:0;



  border-radius:50%;



  background:#fff;



  color:#172033;



  font-size:25px;



  cursor:pointer;

}



@media(max-width:760px){



  .nd-media-image img,

  .nd-media-video video{



    max-width:72vw;



  }



}