.announcement-bar-section{position:relative;z-index:11}announcement-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}announcement-bar .announcement-bar__nav{grid-column:1;display:flex;align-items:center;overflow:hidden}announcement-bar .text-animation-slider__container{grid-column:2;position:relative;overflow:hidden;display:flex;align-items:center;height:100%}announcement-bar .text-animation-slider__container .text-animation-slider__slider{flex:1;min-width:0;position:relative;height:100%;display:flex;justify-content:center}announcement-bar .text-animation-slider__container .text-animation-slider__slider .text-animation-slider__item{position:absolute;inset:0;display:flex;align-items:center;transform:translate3d(120%,0,0);transition:transform .5s ease-in-out}announcement-bar .text-animation-slider__container .text-animation-slider__slider .text-animation-slider__item.animated{transform:translateZ(0)}announcement-bar .text-animation-slider__container .text-animation-slider__slider .text-animation-slider__item.animate-in.animate-in{transform:translate3d(120%,0,0);animation:textAnimateIn .6s .3s forwards}announcement-bar .text-animation-slider__container .text-animation-slider__slider .text-animation-slider__item.animate-out{transform:translate3d(-120%,0,0);animation:textAnimateOut .6s forwards}announcement-bar a:focus-visible{border:1px solid white}announcement-bar .announcement-bar__b2b{grid-column:3;display:flex;align-items:center;justify-self:end}announcement-bar.announcement-bar--reversed .announcement-bar__nav{grid-column:3;justify-self:end}announcement-bar.announcement-bar--reversed .announcement-bar__b2b{grid-column:1;justify-self:start}announcement-bar .announcement-bar__arrow{background:none;border:none;cursor:pointer;padding:0 .6rem;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity .2s ease;flex-shrink:0}announcement-bar .announcement-bar__arrow.tw-hidden{display:none}announcement-bar .announcement-bar__arrow:hover{opacity:1}announcement-bar .announcement-bar__arrow svg{width:.6rem;height:.8rem}announcement-bar:not(:has(.announcement-bar__nav)):not(:has(.announcement-bar__b2b)) .text-animation-slider__container{grid-column:1 / -1}@media screen and (max-width: 989px){announcement-bar .text-animation-slider__container{grid-column:1 / -1}announcement-bar .announcement-bar__b2b,announcement-bar .announcement-bar__nav{display:none}}@keyframes textAnimateIn{0%{transform:translate3d(120%,0,0)}to{transform:translateZ(0)}}@keyframes textAnimateOut{0%{transform:translateZ(0)}to{transform:translate3d(-120%,0,0)}}