/* The INTERACTIVE pill beside the category pill. Outlined, so the category stays loudest. */
.nz-ix-pill { gap: 5px; box-shadow: inset 0 0 0 1px rgba(55, 142, 234, .6); background: rgba(55, 142, 234, .08); color: #7fb6f2; white-space: nowrap; }
a.nz-ix-pill:hover { background: rgba(55, 142, 234, .18); }
.nz-ix-pill-icon { width: 12px; height: 12px; flex-shrink: 0; fill: currentColor; }
.nz-ix-pill-icon rect { transform-box: fill-box; transform-origin: bottom; }
.nz-ix-pill.is-playing rect { animation: nz-ix-bar 1s ease-in-out 3; }
.nz-ix-pill.is-playing rect:nth-child(2) { animation-delay: .15s; }
.nz-ix-pill.is-playing rect:nth-child(3) { animation-delay: .3s; }
@keyframes nz-ix-bar { 50% { transform: scaleY(.35); } }
@media (max-width: 639px) { .nz-ix-pill-icon { width: 11px; height: 11px; } }
@media (prefers-reduced-motion: reduce) { .nz-ix-pill.is-playing rect { animation: none; } }