.attachment-thumbnail-card {
  display: inline-block;
  position: relative;
  width: 216px;
  height: 200px;
  margin: 3px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  cursor: pointer; }
  .attachment-thumbnail-card .bolt-expandable-button {
    position: absolute;
    right: 0;
    top: 0; }
    .attachment-thumbnail-card .bolt-expandable-button .bolt-button {
      background-color: rgba( 234, 234, 234 ,  1 );
      background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
      .attachment-thumbnail-card .bolt-expandable-button .bolt-button:hover {
        background-color: rgba( 200, 200, 200 ,  1 );
        background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
  .attachment-thumbnail-card .attachment-thumbnail {
    background-color: rgba( 248, 248, 248 ,  1 );
    background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
    width: 100%;
    height: 130px;
    display: flex; }
    .attachment-thumbnail-card .attachment-thumbnail .attachment-thumbnail-image {
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
    .attachment-thumbnail-card .attachment-thumbnail .attachment-thumbnail-icon {
      margin: auto; }
  .attachment-thumbnail-card .attachment-thumbnail-details {
    position: absolute;
    height: 70px;
    width: 100%;
    bottom: 0;
    border-top:  1px solid;
    border-top-color: rgba( 234, 234, 234 ,  1 );
    border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .attachment-thumbnail-card .attachment-thumbnail-file-name {
    padding: 0 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .attachment-thumbnail-card .attachment-thumbnail-attacher {
    padding: 8px 8px 8px 16px; }
  .attachment-thumbnail-card .attacher-label {
    padding-left: 8px; }
    .attachment-thumbnail-card .attacher-label .attach-date {
      color: rgba( 166, 166, 166 ,  1 );
      color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 ); }
  .attachment-thumbnail-card .attacher-name {
    width: 152px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }