.trash-entry {
  display: flex;
  align-items: flex-start;
  padding: 14px 40px;
  background-color: $white;

  &:first-child {
    padding-top: 28px;
  }

  &:last-child {
    padding-bottom: 28px;
  }

  &.trash-entry--disabled {
    opacity: 0.4;
  }
}

.trash-entry__initials {
  flex: 0 0 36px;
  margin-right: 16px;
  border-radius: 100%;
  background-color: $color-primary-500;
  color: $white;
  font-weight: 600;
  font-size: 15px;

  @include center-text(36px, 13px);
}

.trash-entry__content {
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: normal;
}

.trash-entry__name {
  @extend %ellipsis;

  font-size: 13px;
  color: $color-neutral-900;
  margin-bottom: 6px;
  max-width: 100%;
}

.trash-entry__deleted-at-display {
  @extend %ellipsis;

  font-size: 12px;
  color: $color-neutral-500;
  max-width: 100%;
}

.trash-entry__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  li {
    font-size: 12px;
    background-color: $color-primary-100;
    padding: 4px;
    margin-top: 6px;

    @include rounded($rounded);

    &:not(:last-child) {
      margin-right: 6px;
    }
  }
}

.trash-entry__actions {
  flex: 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 20px;
}

.trash-entry__action {
  position: relative;
  font-size: 13px;
  width: 48px;

  &:not(:last-child) {
    margin-right: 8px;
  }

  &.trash-entry__action--loading {
    cursor: inherit;

    &::after {
      content: '';
      margin-left: 17px;

      @include loading(13px);
    }
  }
}
