.announcement-bar{--multi-text-delay: 2s;color:var(--black);font-family:var(--font-helvetica-now-var);font-size:1.4rem;font-weight:700;line-height:1.1;width:100%;height:var(--announcement-h);text-align:center}.announcement-bar__wrap{height:100%;position:relative;width:100%}.announcement-bar__wrap:after{background-color:var(--black);content:"";display:block;position:absolute;top:100%;left:var(--page-gutter);right:var(--page-gutter);height:1px}.announcement-bar.has-multi-text{position:relative}.announcement-bar.has-multi-text .announcement-bar__text{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .25s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.announcement-bar .announcement-bar__text:not(:nth-child(1)){opacity:0}.announcement-bar.is-text-1 .announcement-bar__text:nth-child(1){opacity:1}.announcement-bar.is-text-1 .announcement-bar__text:nth-child(2){opacity:0}.announcement-bar.is-text-2 .announcement-bar__text:nth-child(1){opacity:0}.announcement-bar.is-text-2 .announcement-bar__text:nth-child(2){opacity:1}.announcement-bar{display:flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.8rem 1.2rem;transition:background-color .3s ease}.announcement-bar__inner{display:flex;align-items:center;width:100%;max-width:1000px}.announcement-bar__wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:2rem}.announcement-bar__item{display:none;text-align:center;width:100%;animation:announcementFadeIn .4s ease}.announcement-bar__item.is-active{display:block}@keyframes announcementFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.announcement-bar__text{font-size:1.4rem}.announcement-bar__text p{margin:0}.announcement-bar__arrow{background:none;border:none;cursor:pointer;font-size:2.4rem;line-height:1;padding:0 1rem;opacity:.7;transition:opacity .2s;flex-shrink:0}.announcement-bar__arrow:hover{opacity:1}@media screen and (max-width:749px){.announcement-bar{padding:2.5rem .8rem}.announcement-bar__text{font-size:1.3rem;line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-announcement-bar.css.map */