:root{--content:'\f251';--color-state-pending:#2a5880;--color-state-upcoming:#c26a00;--color-state-running:#026f02;--color-state-ended:#910000}.state-pending::before{color:var(--color-state-pending);content:'\f251'}.state-pending:has(+.state-upcoming)::before{color:var(--color-state-upcoming)}.state-upcoming::before{color:var(--color-state-upcoming);content:'\f251'}.state-running::before{color:var(--color-state-running);content:'\f252'}.state-ended::before{color:var(--color-state-ended);content:'\f253'}i:has(+i[class*=state-upcoming])::before{content:'\f250'}.state-pending::before,.state-upcoming::before,.state-running::before,.state-ended::before{font-family:fontello;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.25em;text-align:center;text-transform:none;font-size:13px;vertical-align:1px;font-variant:normal;line-height:normal}i~i{position:absolute}i{left:0}.state-pending:has(~i){visibility:hidden}.state-pending:has(~.state-upcoming){visibility:visible}.news-item-container>div,.markdown.event div,.markdown.event ul>li p{position:relative!important}.flash{display:inline-block;position:relative;&+time::before { content: '\00A0-\00A0'; } &>i~i.state-upcoming { position: absolute; opacity: 0; animation: none; } &>i:has(+i[class*=state-upcoming])::before { content: '\f251'; }}.flash i~i.state-upcoming{animation:upcoming 2.5s running infinite linear}.flash i:has(+i[class*=state-upcoming])::before{content:'\f250'}#navbar a.selected .flash{text-decoration:underline}@keyframes upcoming{0%{opacity:1}33%{opacity:0}66%{opacity:0}100%{opacity:1}}