.announcement-bar{display:block;width:100%;text-decoration:none;color:inherit}.announcement-bar__link{display:block;text-decoration:none;color:inherit;transition:opacity .2s}.announcement-bar__link:hover{opacity:.85}.announcement-bar__message{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;line-height:1.3}.announcement-bar__message--left{justify-content:flex-start}.announcement-bar__message--center{justify-content:center}.announcement-bar__message--right{justify-content:flex-end}.announcement-bar__wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.announcement-bar .timer__numbers{font-size:var(--text-md)}.announcement-bar__fade-container{position:relative;min-height:2rem;display:flex;align-items:center;justify-content:center}.announcement-bar__message--fade{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease-in-out}.announcement-bar__message--fade.active{opacity:1}.announcement-bar__marquee-container{overflow:hidden;white-space:nowrap;position:relative}.announcement-bar__marquee-content{display:inline-flex;align-items:center;animation:marquee-scroll var(--scroll-speed,20s) linear infinite}.announcement-bar__marquee-container--pause-on-hover:hover .announcement-bar__marquee-content{animation-play-state:paused}.announcement-bar__marquee-item{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;margin-right:var(--message-spacing,80px);white-space:nowrap;font-weight:500}.announcement-bar__item-link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;transition:opacity var(--duration-short) ease}.announcement-bar__item-link:hover{opacity:.8}.announcement-bar__item-image{flex-shrink:0;object-fit:contain;display:block}.announcement-bar__item-text{line-height:1.3}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-16.666%)}}.announcement-bar__message--fade .announcement-bar__item-image,.announcement-bar__message--fade .announcement-bar__item-link,.announcement-bar__message--fade .announcement-bar__item-text{display:inline-flex;align-items:center}@media screen and (max-width:749px){.announcement-bar__wrapper{flex-direction:column;gap:.75rem}.announcement-bar .timer__numbers{font-size:var(--text-sm)}}.announcement-bar .icon-arrow{width:1rem;height:1rem;transition:transform .2s}.announcement-bar__link:hover .icon-arrow{transform:translateX(.25rem)}