/* Keep theme typography and vertical spacing; own only the horizontal movement. */
.smth-sf-ticker{position:relative;overflow:hidden;margin-inline:auto}
.smth-sf-ticker .header-promo-text{display:flex;width:max-content;transform:none;animation:smth-sf-ticker-scroll var(--smth-sf-ticker-duration,28s) linear infinite}
.smth-sf-ticker .swiper-slide{flex:0 0 auto;width:auto;white-space:nowrap;padding-inline-end:32px}
.smth-sf-ticker:hover .header-promo-text,.smth-sf-ticker:focus-within .header-promo-text{animation-play-state:paused}
.smth-sf-ticker::before,.smth-sf-ticker::after{content:"";position:absolute;top:0;bottom:0;width:min(113px,15%);z-index:2;pointer-events:none}
.smth-sf-ticker::before{left:0;background:linear-gradient(90deg,var(--smth-sf-ticker-background,transparent),transparent)}
.smth-sf-ticker::after{right:0;background:linear-gradient(270deg,var(--smth-sf-ticker-background,transparent),transparent)}
.smth-sf-ticker .swiper-button-prev,.smth-sf-ticker .swiper-button-next{display:none}
@keyframes smth-sf-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.smth-sf-ticker .header-promo-text{animation:none}}