/* Promotion parity between the home feed and marketplace results. */
.hm-market-card.is-highlighted {
  position: relative;
  border-color: rgba(255, 157, 61, .86);
  background: linear-gradient(145deg, rgba(255, 122, 24, .14), rgba(18, 21, 28, .88) 48%);
  box-shadow: 0 26px 72px rgba(0, 0, 0, .42), 0 0 34px rgba(255, 122, 24, .2), inset 0 0 0 1px rgba(255, 190, 112, .25);
}
.hm-market-card.is-highlighted::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  border: 1px solid rgba(255, 185, 106, .48);
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255, 184, 97, .12), transparent 32%);
  pointer-events: none;
}
.hm-market-card__secure {
  right: auto !important;
  left: auto !important;
  inset-inline-end: 11px !important;
}
.hm-market-card__media > .hm-market-card__promoted,
.hm-market-card__media > .hm-market-card__featured {
  position: absolute;
  z-index: 5;
  width: auto;
  height: auto;
  display: inline-flex;
  place-items: initial;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 950;
  white-space: nowrap;
  max-width: calc(100% - 22px);
  overflow: hidden;
  text-overflow: ellipsis;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.hm-market-card__media > .hm-market-card__promoted {
  top: 11px;
  inset-inline-start: 11px;
  border: 1px solid rgba(255, 171, 82, .42);
  background: rgba(12, 14, 19, .9);
  color: #ffd1a3;
}
.hm-market-card__media > .hm-market-card__featured {
  bottom: 11px;
  inset-inline-end: 11px;
  border: 1px solid rgba(255, 191, 120, .62);
  background: linear-gradient(135deg, rgba(255, 112, 22, .94), rgba(255, 173, 70, .92));
  color: #17100a;
  box-shadow: 0 8px 24px rgba(255, 112, 22, .24);
}
.hm-market-card__media > .hm-market-card__promoted i,
.hm-market-card__media > .hm-market-card__featured i {
  flex: 0 0 auto;
  font-size: 13px;
}
@media (max-width: 380px) {
  .hm-market-card__media > .hm-market-card__promoted,
  .hm-market-card__media > .hm-market-card__featured,
  .hm-market-card__secure {
    padding: 5px 7px;
    font-size: 9px;
  }
}