/* Visual QA refinements for dynamic content generated by the storefront. */
.hero #heroSide .hcard.is-custom {
  width: 124px;
  padding: 10px;
  animation: none !important;
  transform: none !important;
}
.hero #heroSide .hcard.is-custom .him { height: 82px; margin-bottom: 6px; }
.hero #heroSide .hcard.is-custom .ht { height: 30px; font-size: 10.5px; }
.hero #heroSide .hcard.is-custom .hp { font-size: 12px; }
.hero #heroSide .hcard.is-custom .hold { display: none; }
.hero #heroSide .hcard.is-custom:nth-child(1),
.hero #heroSide .hcard.is-custom:nth-child(5) { left: 0 !important; }
.hero #heroSide .hcard.is-custom:nth-child(2),
.hero #heroSide .hcard.is-custom:nth-child(6) { left: 25% !important; }
.hero #heroSide .hcard.is-custom:nth-child(3),
.hero #heroSide .hcard.is-custom:nth-child(7) { left: 50% !important; }
.hero #heroSide .hcard.is-custom:nth-child(4),
.hero #heroSide .hcard.is-custom:nth-child(8) { left: 75% !important; }
.hero #heroSide .hcard.is-custom:nth-child(-n+4) { top: 4px !important; }
.hero #heroSide .hcard.is-custom:nth-child(n+5) { top: 178px !important; }

@media (max-width: 680px) {
  .hero #heroSide .hcard.is-custom { width: 118px; }
  .hero #heroSide .hcard.is-custom:nth-child(n+5) { top: 170px !important; }
}