.announcement{background:var(--announce-bg,#111);color:#fff;text-transform:uppercase;letter-spacing:.18em;justify-content:center;align-items:center;height:36px;padding:0 3vw;font-size:11px;display:flex;overflow:hidden}.announcement-ticker{width:100%;height:1.4em;position:relative;overflow:hidden}.announcement-ticker span{text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;justify-content:center;align-items:center;max-width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s;display:flex;position:absolute;inset:0;overflow:hidden}.announcement[data-style=rotate] .announcement-ticker span{transform:translateY(8px)}.announcement[data-style=rotate] .announcement-ticker .ticker-current{opacity:1;pointer-events:auto;transform:translateY(0)}.announcement[data-style=rotate] .announcement-ticker .ticker-prev{opacity:0;transform:translateY(-8px)}.announcement[data-style=scroll-left] .announcement-ticker span{transform:translate(100%)}.announcement[data-style=scroll-left] .announcement-ticker .ticker-current{opacity:1;pointer-events:auto;transform:translate(0)}.announcement[data-style=scroll-left] .announcement-ticker .ticker-prev{opacity:0;transform:translate(-100%)}.announcement[data-style=scroll-right] .announcement-ticker span{transform:translate(-100%)}.announcement[data-style=scroll-right] .announcement-ticker .ticker-current{opacity:1;pointer-events:auto;transform:translate(0)}.announcement[data-style=scroll-right] .announcement-ticker .ticker-prev{opacity:0;transform:translate(100%)}.announcement-ticker .ticker-hidden{opacity:0;pointer-events:none}@media (max-width:700px){.announcement{letter-spacing:.1em;height:34px;font-size:11px}}@media (prefers-reduced-motion:reduce){.announcement-ticker span{transition:none!important;transform:none!important}}