/* Historical platform activity is centered over the home vehicle photograph. */
#app .byd-home-hero-media.byd-home-activity-media {
  position:relative; display:grid; place-items:center; min-width:0;
  width:100%; height:auto; min-height:220px; max-height:none;
  aspect-ratio:1.9; overflow:hidden; background:#fff;
}
#app .byd-home-activity-media > img {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:contain; object-position:center;
}
#app .byd-home-history {
  position:relative; z-index:1; display:grid; gap:6px; align-content:center;
  width:85%; max-width:calc(100% - 24px); min-width:0; min-height:68px;
  padding:10px 12px; color:#30353b; background:rgba(255,255,255,.84);
  border:1px solid rgba(230,233,237,.95); border-radius:12px;
  box-shadow:0 4px 18px rgba(37,39,40,.08);
}
#app .byd-home-history__label {
  display:block; color:#69717b; font-size:9px; font-weight:500;
  line-height:1.4; letter-spacing:.025em;
}
#app .byd-home-history .support-activity-feed {
  display:block; width:100%; min-width:0; min-height:0; margin:0; padding:0;
  overflow:visible; color:inherit; background:transparent; border:0;
  border-radius:0; box-shadow:none;
}
#app .byd-home-history .support-activity-line {
  display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center;
  justify-content:start; gap:3px 8px; width:100%; max-width:100%; min-width:0;
  color:#30353b; font-size:12px; font-weight:500; line-height:1.45;
  white-space:normal;
}
#app .byd-home-history .support-activity-icon {
  grid-column:1; grid-row:1/3; align-self:center; width:24px; height:24px;
  display:grid; place-items:center; color:#bd171e; background:#fff1f2;
  border:1px solid #efdbdd; border-radius:7px;
}
#app .byd-home-history .support-activity-icon svg { width:14px; height:14px; stroke-width:1.8; }
#app .byd-home-history :is(.support-activity-text,.support-activity-time),
#app .byd-home-history .support-activity-line > span:last-child {
  grid-column:2; min-width:0; overflow:visible; text-overflow:clip;
  white-space:normal; overflow-wrap:anywhere;
}
#app .byd-home-history .support-activity-text { color:#30353b; font-size:12px; font-weight:500; line-height:1.45; }
#app .byd-home-history .support-activity-time { display:block; color:#69717b; font-size:10px; font-weight:400; line-height:1.4; }
#app .byd-home-history .support-activity-feed.is-rolling .support-activity-line { animation:byd-home-history-reveal .4s ease-out both; }
@keyframes byd-home-history-reveal { from { opacity:.4; } to { opacity:1; } }
@media (min-width:960px) {
  #app .byd-home-hero-media.byd-home-activity-media { align-self:stretch; height:100%; min-height:310px; }
  #app .byd-home-history { padding:12px 15px; }
  #app .byd-home-history .support-activity-text { font-size:13px; }
}
@media (max-width:359px) {
  #app .byd-home-history { width:88%; padding:9px 10px; }
  #app .byd-home-history .support-activity-line { grid-template-columns:22px minmax(0,1fr); column-gap:6px; }
  #app .byd-home-history .support-activity-icon { width:22px; height:22px; }
  #app .byd-home-history .support-activity-text { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  #app .byd-home-history .support-activity-feed.is-rolling .support-activity-line { animation:none; }
}
