.tile--card {
  background-color: var(--color-card);
  border-radius: var(--radius);
}

hr + .empty-list-ph {
  margin-top: 2rem;
  padding-top: 2rem;
}

.empty-list-ph i {
  font-size: 8rem;
  opacity: 0.4;
}
center.empty-list-ph .btn-group {
  justify-content: center;
  align-items: center;
}

.expired {
  text-decoration: line-through;
  text-decoration-color: red;
}

/* popup */
.card:has(.popup) {
  overflow: visible;
}
.popup {
  position: relative;
}
.popup__content {
  position: absolute;
  z-index: 1000000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.breadcrumbs {
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
}
.breadcrumbs ol {
  display: flex;
  gap: 0.4rem;
}