/* pretix live counter in the active phase ("Nur noch 37 Tickets") */
.tix-left{display:inline-flex;align-items:center;gap:.5em;justify-self:start;margin-top:.15em;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-or-2);line-height:1.3}
.tix-left::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--c-or);box-shadow:0 0 0 0 rgba(244,122,32,.6);animation:tix-left-pulse 1.8s var(--ease) infinite}
@keyframes tix-left-pulse{0%{box-shadow:0 0 0 0 rgba(244,122,32,.6)}70%{box-shadow:0 0 0 7px rgba(244,122,32,0)}100%{box-shadow:0 0 0 0 rgba(244,122,32,0)}}
@media (prefers-reduced-motion:reduce){.tix-left::before{animation:none}}

/* CTA in the tear popup while the pretix checkout is being opened */
.tt-cta.is-loading{pointer-events:none;opacity:.75}
.tt-cta.is-loading .tt-arrow{animation:tt-cta-wait .9s linear infinite}
@keyframes tt-cta-wait{50%{opacity:.2}}