attachment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  grid-gap: 2rem 2rem;

  .upload-attachment {
    border: 1px dashed var(--color-gray-mid);
    margin: 5px;
  }
}

attachment-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  ._thumbnail {
    border: 1px solid var(--color-gray-mid);
    border-radius: 4px;
    overflow: hidden;
    height: 100px;
  } 

  ._title {
    font-weight: bold;
  }

  ._meta {
    color: var(--text-light);
  }

  &[type=document] {
    ._thumbnail {
      width: 10rem;
      display: flex;
      justify-content: center;
      align-items: center;

      > span {
        color: var(--text-light);
        font-weight: bold;
      }
    }
  }
}