.ticker .flip-ticker-row{display:flex;justify-content:center;align-items:center;gap:18px;width:max-content;min-width:100%;animation:none;padding:0 20px}
.flip-ticker-slot{display:grid;place-items:center;position:relative;width:210px;height:24px;overflow:hidden;perspective:400px;flex-shrink:0}
.flip-ticker-phrase{grid-area:1/1;white-space:nowrap;font:600 11px/24px var(--font);letter-spacing:1.3px;backface-visibility:hidden;transform-origin:center;opacity:0;animation:ticker-phrase-flip 15s infinite both}
.ticker .flip-ticker-row>svg{width:18px;height:18px;flex-shrink:0}
.ticker-paused .flip-ticker-phrase{animation-play-state:paused}
@keyframes ticker-phrase-flip{
  0%{opacity:0;transform:translateY(calc(var(--flip-direction)*100%)) rotateX(calc(var(--flip-direction)*-70deg))}
  3%,17%{opacity:1;transform:translateY(0) rotateX(0)}
  20%,100%{opacity:0;transform:translateY(calc(var(--flip-direction)*-100%)) rotateX(calc(var(--flip-direction)*70deg))}
}
@media(max-width:760px){.ticker .flip-ticker-row{justify-content:flex-start;gap:14px;padding-inline:18px}.flip-ticker-slot{width:210px;height:28px}.flip-ticker-phrase{font-size:11px;line-height:28px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.flip-ticker-phrase{animation:none!important;display:none}.flip-ticker-slot:nth-of-type(1) .flip-ticker-phrase:nth-child(1),.flip-ticker-slot:nth-of-type(2) .flip-ticker-phrase:nth-child(2),.flip-ticker-slot:nth-of-type(3) .flip-ticker-phrase:nth-child(3),.flip-ticker-slot:nth-of-type(4) .flip-ticker-phrase:nth-child(4),.flip-ticker-slot:nth-of-type(5) .flip-ticker-phrase:nth-child(5){display:block;opacity:1;transform:none}}