@keyframes orderItemHighlightFade {
  0% {
    background-color: #fff4cc;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.45);
  }
  70% {
    background-color: #fffdf2;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

.order-item-highlight {
  animation: orderItemHighlightFade var(--order-highlight-duration, 1200ms) ease-out;
}

.item-count {
  font-size: 1.4rem;
  font-weight: 600;
}