:root:has(.announcement-bar){--announcement-height: 3.6rem}.announcement-bar{display:block;position:relative;z-index:11}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--announcement-height);padding:var(--space-2) var(--gutter);text-align:center}.announcement-bar__viewport{position:relative;display:grid;flex:1 1 auto}.announcement-bar__item{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;font-size:var(--text-utility);letter-spacing:var(--tracking-utility);text-transform:uppercase;line-height:1.4;opacity:0;visibility:hidden;transition:opacity var(--duration) var(--ease),visibility var(--duration) var(--ease)}.announcement-bar__item[aria-hidden=false]{opacity:1;visibility:visible}.announcement-bar__item:only-child{opacity:1;visibility:visible}.announcement-bar__link{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;transition:opacity var(--duration) var(--ease)}.announcement-bar__link:hover,.announcement-bar__link:focus-visible{opacity:.7}.announcement-bar__close{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem}.announcement-bar__close .icon{width:1.2rem;height:1.2rem}@media screen and (max-width:749px){.announcement-bar__inner{padding-inline:var(--space-6)}.announcement-bar__item{font-size:calc(var(--text-utility) - .1rem)}}.announcement-bar__inner{display:flex!important;overflow:hidden!important}.announcement-bar__viewport{display:block!important;position:relative;width:100%;flex:1 1 auto;overflow:hidden!important}.announcement-bar__track{display:flex!important;flex-wrap:nowrap;width:max-content!important;animation:ht-marquee 15s linear infinite!important;will-change:transform}.announcement-bar__group{display:flex!important;flex:0 0 auto!important;align-items:center;gap:40px;padding-right:40px;white-space:nowrap}.announcement-bar__group span{display:inline-block;flex-shrink:0;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.12em;color:inherit;text-transform:uppercase}@keyframes ht-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar:hover .announcement-bar__track{animation-play-state:paused!important}@media screen and (max-width:749px){.announcement-bar__group{gap:25px;padding-right:25px}.announcement-bar__group span{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-announcement-bar.css.map */