.listing-card-image-placeholder {
  background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--sun) 34%, transparent), transparent 38%), linear-gradient(135deg, var(--mint), var(--sage));
}

.site-placeholder-logo {
  display: block;
  width: 68px !important;
  height: 68px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 12px rgba(30, 22, 67, .2));
}

.detail-cover.listing-card-image-placeholder .site-placeholder-logo {
  width: 132px !important;
  height: 132px !important;
}

.vue-card-placeholder .site-placeholder-logo {
  width: 72px !important;
  height: 72px !important;
}

.vue-list-image .site-placeholder-logo {
  width: 58px !important;
  height: 58px !important;
}

html[data-theme="dark"] .listing-card-image-placeholder {
  background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--sun) 28%, transparent), transparent 38%), linear-gradient(135deg, #332e55, #24233c);
}