/* Only event category/date and relocated participation/status contexts. */
#app .event-date-status>.event-topic-badge{display:inline-flex;flex:0 1 auto;width:fit-content;max-width:100%;margin:0 0 0 auto;padding:5px 10px;background:#e5ebdd;color:#263d2b;font-size:14px;font-weight:600;line-height:1.5;box-sizing:border-box}
#app .event-participation-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0}
#app .event-participation-status>[data-event-status]{display:inline-flex;flex:0 0 auto;align-self:center;width:fit-content;margin:0 0 0 auto;padding:5px 10px;font-size:14px;font-weight:600;line-height:1.5;position:relative;overflow:hidden;isolation:isolate;background:#e5ebdd;color:#263d2b}
#app .event-participation-status>[data-event-status]::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff80 50%,transparent 75%);transform:translateX(-130%);animation:event-status-sheen 7s ease-in-out infinite}
#app .event-participation-status>[data-event-status="Past"]{background:#e8e8e5;color:#28332d}
#app .event-participation-status>[data-event-status="Upcoming"]{background:#f5e6bc;color:#483b21}
#app .event-participation-status>[data-event-status="Ongoing"]{background:#dfebd9;color:#263d2b}
#app .event-summary>.event-participation-status{text-align:left}
#app .event-summary .event-participants{display:block}
#app .event-summary .event-participants>span{display:block;color:var(--muted)}
@media(prefers-reduced-motion:reduce){#app .event-participation-status>[data-event-status]::after{animation:none;display:none}}

#app .event-content-card .event-participation-status>[data-event-status]{align-self:center}
#app .event-summary>.event-participation-status>[data-event-status]{align-self:flex-end}
#app .event-content-card .event-meta>.event-participation-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
