/**
 * @author Abdelaziz Bardich
 * @email abdelazizbardich@gmail.com
 * @Url : https://abdelazizbardich.com
 * @Phone : +212 6 03768705",
 * @Github : https://github.com/abdelazizbardich
 * @create date 2021-11-12 19:37:05
 * @modify date 2021-11-12 19:37:49
 * @desc ""
 */

.file {
  overflow: hidden;
}
.file .thumbnail {
  position: relative;
  width: 120px;
  height: 120px;
  margin-inline: auto;
  margin-block: 16px;
}
.file .thumbnail img {
  max-height: 100%;
  min-width: 100%;
}
.file .thumbnail .extention {
  position: absolute;
  inset-block-end: 0px;
  inset-inline-start: 5px;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.185) -2px -3px 8px;
  direction: ltr;
}
.file .title {
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-block: 8px;
}
.file .description {
  font-size: 0.8rem;
  margin-block-end: 16px;
}