/* ======================================== */
/* TRASH WINDOW */
/* ======================================== */

/* #trash-window {
  width: 900px;
  height: 650px;
} */

/* CONTENT */

.trash-content {
  height: calc(100% - 50px);

  padding: 25px;

  overflow-y: auto;
}

/* TOP */

.trash-top {
  margin-bottom: 30px;
}

.trash-top h2 {
  font-size: 32px;
  font-weight: 600;
}

.trash-top p {
  margin-top: 10px;

  color: rgba(255, 255, 255, 0.6);
}

/* GRID */

.trash-grid {
  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));

  gap: 20px;
}

/* CARD */

.trash-card {
  padding: 20px;

  border-radius: 20px;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.08);

  cursor: pointer;

  transition: 0.3s ease;
}

.trash-card:hover {
  transform: translateY(-4px);

  border-color: rgba(255, 122, 0, 0.4);

  background: rgba(255, 122, 0, 0.08);
}

.trash-card img {
  width: 50px;

  margin-bottom: 15px;
}

.trash-card h3 {
  font-size: 15px;

  margin-bottom: 8px;

  word-break: break-word;
}

.trash-card p {
  font-size: 13px;

  color: rgba(255, 255, 255, 0.55);
}

/* SCROLLBAR */

.trash-content::-webkit-scrollbar {
  width: 8px;
}

.trash-content::-webkit-scrollbar-thumb {
  background: #ff7a00;

  border-radius: 20px;
}