.embed-image-box {
  position: relative;
  width: 100%;
  min-width: 50px;
  min-height: 50px;
  border: 1px solid #e0e0e0;
  background: #f1f1f1;
  display: inline-block;
  padding: 2px;
  margin: 0 auto;
  border-radius: 2px;
  transition: background-color 0.3s ease;


  &:hover {
    background-color: darken(#eee, 5%);
    border: 1px solid darken(#e0e0e0, 10%);
    cursor: pointer;
  }

  .embed-image-thumb {
    margin: auto;
    display: block;
  }

  .embed-image-title {
    display: block;
    word-break: break-all;
    padding: 2px 4px;
  }
}

.embed-file-preview {
  min-width: 174px;
  min-height: 116px;
  display: block;
  margin: auto;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('http://staging-chat.ingaia.com.br/assets/img/file.png');

  &.doc, &.docx {
    background-image: url('http://staging-chat.ingaia.com.br/assets/img/doc.png');
  }

  &.pdf {
    background-image: url('http://staging-chat.ingaia.com.br/assets/img/pdf.png');
  }

  &.ppt, &.pptx, &.pps {
    background-image: url('http://staging-chat.ingaia.com.br/assets/img/ppt.png');
  }

  &.xls, &.xlsx, &.csv {
    background-image: url('http://staging-chat.ingaia.com.br/assets/img/excel.png');
  }
}

/* Download icon (for doc files)*/

// .embed-link {
//   position: relative;
//   &:hover {
//     .embed-file-preview {
//       &:after {
//         content: "";
//         position: absolute;
//         top: 0;
//         left: 0;
//         z-index: 9;
//         width: 100%;
//         height: 100%;
//         background-color: rgba(#000, .5);
//       }

//       &:before {
//         content: "\E02A";
//         font-family: 'ingaia-font-icons';
//         position: absolute;
//         z-index: 10;
//         top: 50%;
//         left: 50%;
//         transform: translate(-50%, -50%);
//         color: #fff;
//         font-size: 1.5rem;
//         background-color: $chat-secondary;
//         padding: 10px;
//         border-radius: 100%;
//         box-shadow: 1px 1px 4px rgba(#000, .5);
//       }
//     }
//   }
// }