.ToolUserWorksInProgress,
.ToolUserSharedPreviews {
  .LinkTable {
    padding-bottom: var(--gap-m);

    li {
      border-bottom: var(--borderWidth-thin) solid var(--color-gray3);
      border-top: 0;
      padding: var(--gap-m) 0;
      position: relative;

      a {
        .Text.is-m;

        padding: 0;
      }

      span {
        .Text.is-s;

        color: var(--color-gray5);
      }

      button[name='action-delete'],
      button[name='deleteAction'] {
        .IconButton;
        .IconButton.is-red;

        --IconButton-name: 'remove';

        display: none;
        position: absolute;
        right: 0;
        top: 24%;
      }
    }

    li:hover > form > button[name='action-delete'],
    li:hover > form > button[name='deleteAction'] {
      display: block;
    }
  }
}

.ToolUserWorksInProgress-actions,
.ToolUserSharedPreviews-actions {
  text-align: right;

  > button {
    color: var(--color-red6);
  }
}

.ProfileDropdown-user {
  color: var(--color-black);
}

.ProfileDropdown-userEmail {
  .Text.is-s;

  color: var(--color-gray5);
}

.ProfileDropdown-items {
  .LinkTable;
}
