.placeholder-data {
  flex-direction: column;
  gap: 8px;
}
.placeholder-data.card-type-podcast_card .placeholder-data {
  flex-direction: row;
}
.placeholder-data.card-type-podcast_card {
  border-bottom: 1px solid var(--color-border-border-default);
  border-radius: 0;
  margin-bottom: 0;
}
.placeholder-data.card {
  border-radius: var(--border-radius-xl);
  border: none;
  background-color: transparent;
}
.placeholder-data .card-image {
  background-color: var(--color-foreground-foreground-on-inverse-inactive);
  border-radius: var(--border-radius-xl);
  overflow: hidden;
  height: 164px;
  aspect-ratio: 1 / 1;
  width: 164px;
}
.card-type-podcast_card .card-image {
  width: 150px;
  height: 150px;
}
.card-type-podcast_card .card-body {
  display: flex;
  flex-direction: column;
}
.skeletion-description,
.skeletion-timestamp,
.skeletion-play-icon {
  display: none;
  background-color: var(--color-foreground-foreground-on-inverse-inactive);
}
.card-type-podcast_card .skeleton-title {
  width: 500px;
}
.card-type-podcast_card .skeletion-description {
  min-height: 30px;
  display: block;
}
.card-type-podcast_card .skeletion-timestamp {
  min-height: 12px;
  display: block;
  width: 100px;
}
.card-type-podcast_card .skeletion-play-icon {
  align-self: flex-end;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-rounded);
}
.placeholder-data {
  animation: pulse 1.5s infinite;
}
.placeholder-data .skeleton-title {
  min-height: 16px;
  width: 100%;
  background-color: var(--color-foreground-foreground-on-inverse-inactive);
}
.podcast-card-item:has(.card-type-podcast_card) {
  padding: var(--space-lg) 0;
  border-top: 1px solid var(--color-border-border-default);
}
.card-type-text_box .card-body {
  padding: 0;
}
.card-type-text_box .card-image {
  display: none;
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}