/* Live security band on the pass (moves, so screenshots look different). */

/* Live security band: moves continuously, so a screenshot or photocopy looks different from a live pass */
.pass__live {
  position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center;
  padding: 8px 24px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--navy);
  background: linear-gradient(110deg, #E0BD73 0%, #F6E3B4 20%, #C6A15B 40%, #F6E3B4 60%, #E0BD73 80%, #C6A15B 100%);
  background-size: 300% 100%; animation: liveBand 4s linear infinite;
}
.pass__live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #1F7A4A; animation: pulse 1.2s ease-in-out infinite; vertical-align: 0; }
.pass__clock { font-variant-numeric: tabular-nums; }
@keyframes liveBand { from { background-position: 0% 0; } to { background-position: 300% 0; } }
@keyframes pulse { 50% { opacity: .25; } }