:root{--nowplaying-slide-distance:1em;--nowplaying-slide-duration:0.3s;--program-badge-color:#b4fb51;--program-badge-text-color:rgba(0, 0, 0, .85)}#nowplaying{margin:10px;width:90%;display:block;view-transition-name:nowplaying}#nowplaying .program-name{display:inline-block;background:var(--program-badge-color);color:var(--program-badge-text-color);border:1px solid var(--program-badge-color);border-radius:10em;line-height:1;white-space:nowrap;vertical-align:baseline;font-size:85%;padding:.25em .6em}#nowplaying .program-upcoming{background:#fff0;border-color:var(--program-badge-text-color)}#nowplaying .program-upcoming::before{content:"coming up: ";font-style:italic}@media (prefers-reduced-motion:reduce){#nowplaying{view-transition-name:none}}@keyframes slide-out-down{to{transform:translateY(var(--nowplaying-slide-distance));opacity:0}}@keyframes slide-in-up{from{transform:translateY(var(--nowplaying-slide-distance));opacity:0}}::view-transition-old(nowplaying){animation:var(--nowplaying-slide-duration) ease-in slide-out-down}::view-transition-new(nowplaying){animation:var(--nowplaying-slide-duration) ease-out slide-in-up}