.ss-entity-card {
  position: absolute;
  z-index: 10000;
  width: 280px;
  max-width: calc(100vw - 20px);
  padding: 13px 14px 11px;
  border: 1px solid #dfe6df;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(17, 17, 17, .14);
  color: #172018;
  font-family: var(--td_default_google_font_1, 'Open Sans', Arial, sans-serif);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 160ms cubic-bezier(.23, 1, .32, 1), transform 160ms cubic-bezier(.23, 1, .32, 1);
  pointer-events: none;
}

.ss-entity-card.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
.ss-entity-card.is-below { transform: translateY(-4px); }
.ss-entity-card.is-below.is-open { transform: translateY(0); }

.ss-entity-card__head { display: flex; align-items: center; gap: 11px; }
.ss-entity-card__media { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; overflow: hidden; background: #f4f7f4; }
.ss-entity-card__media.is-crest { width: 44px; height: 44px; border-radius: 8px; }
.ss-entity-card__media.is-portrait { width: 44px; height: 58px; border-radius: 7px; }
.ss-entity-card__media img { width: 100%; height: 100%; margin: 0; object-fit: contain; }
.ss-entity-card__media.is-portrait img { object-fit: cover; object-position: 50% 20%; }
.ss-entity-card__heading { display: grid; gap: 2px; min-width: 0; }
.ss-entity-card__heading strong { overflow: hidden; font-size: 15px; font-weight: 900; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.ss-entity-card__heading small { overflow: hidden; color: #687168; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.ss-entity-card__facts { display: grid; gap: 0; margin: 10px 0 0 !important; border-top: 1px solid #eef1ee; }
.ss-entity-card__facts > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #eef1ee; }
.ss-entity-card__facts dt { margin: 0; color: #687168; font-size: 11px; font-weight: 700; }
.ss-entity-card__facts dd { margin: 0 !important; font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; }

.ss-entity-card__credit { display: block; margin-top: 8px; color: #8a918a; font-size: 10px; line-height: 1.35; }
.ss-entity-card__more { display: block; margin-top: 9px; color: #2e7d32; font-size: 11px; font-weight: 900; }

@media (prefers-reduced-motion: reduce) {
  .ss-entity-card { transition: none; transform: none; }
}