div.trash-btn {
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 2px;

  &:hover {
    background-color: var(--mantine-color-dark-6);
  }
}

div.vault {
  margin-top: 2%;
  height: 55vh;
  overflow: scroll;
  mask-image: linear-gradient(to bottom, black calc(100% - 48px), transparent 100%);
  padding-bottom: 5vh;
}

div.list-toggle {
  font-size: 14px;
  border-bottom: 1px solid #363636;
  width: 98%;
  cursor: pointer;
}

div.list {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 2%;

  overflow-y: scroll;
  // height: 60vh;

  div.list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #121212;
    border-radius: 10px;
    cursor: pointer;
    padding: 0.25rem 1rem;
    margin-bottom: 0.5rem;

    &:hover {
      background-color: rgba(#121212, 0.7);
    }

    div.actions {
      font-size: 1.25rem;

      i:not(:last-child) {
        margin-right: 0.75rem;
      }

      i:hover {
        color: snow;
      }
    }

    div.details {
      div.name {
        color: white;
      }

      div.username {
        font-size: 0.8rem;
      }
    }
  }
}