.announcement-bar{display:flex;align-items:stretch;min-height:var(--layout-announcement-height);background-color:rgb(var(--announcement-bg));color:rgb(var(--announcement-fg));font-family:var(--font-body-family);font-size:var(--type-small-size);font-weight:500;line-height:var(--type-small-line)}.announcement-bar__viewport{display:flex;flex:1 1 auto;min-width:0;overflow:hidden}.announcement-bar .announcement-bar__list{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:var(--announcement-gap);min-width:100%;margin:0;padding:4px calc(var(--announcement-gap) / 2);list-style:none}.announcement-bar__item{flex:0 0 auto;white-space:nowrap}.announcement-bar__link{color:inherit;text-decoration:none}.announcement-bar__link:hover{text-decoration:underline}.announcement-bar__link:focus-visible,.announcement-bar__toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px}.announcement-bar--scroll .announcement-bar__list{animation:announcement-scroll var(--announcement-duration) linear infinite}.announcement-bar--scroll .announcement-bar__viewport:hover .announcement-bar__list,.announcement-bar--scroll .announcement-bar__viewport:focus-within .announcement-bar__list,.announcement-bar[data-paused] .announcement-bar__list{animation-play-state:paused}@keyframes announcement-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.announcement-bar--static .announcement-bar__list{flex:1 1 auto;flex-wrap:wrap;justify-content:center;column-gap:min(var(--announcement-gap),48px);row-gap:2px;padding-inline:var(--page-gutter)}.announcement-bar--static .announcement-bar__item{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}.announcement-bar__toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;min-height:var(--layout-announcement-height);padding:0;border:0;border-radius:var(--radius-ui, 0px);background:rgb(var(--announcement-bg));color:inherit;cursor:pointer}.announcement-bar__toggle[hidden],.announcement-bar__icon--play,.announcement-bar[data-paused] .announcement-bar__icon--pause{display:none}.announcement-bar[data-paused] .announcement-bar__icon--play{display:block}@media(prefers-reduced-motion:reduce){.announcement-bar--scroll .announcement-bar__list{flex:1 1 auto;flex-wrap:wrap;justify-content:center;column-gap:min(var(--announcement-gap),48px);row-gap:2px;padding-inline:var(--page-gutter);animation:none}.announcement-bar--scroll .announcement-bar__item{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}.announcement-bar--scroll [data-announcement-copy],.announcement-bar--scroll .announcement-bar__toggle{display:none}}html[data-motion=off] .announcement-bar--scroll .announcement-bar__list{flex:1 1 auto;flex-wrap:wrap;justify-content:center;column-gap:min(var(--announcement-gap),48px);row-gap:2px;padding-inline:var(--page-gutter);animation:none}html[data-motion=off] .announcement-bar--scroll .announcement-bar__item{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}html[data-motion=off] .announcement-bar--scroll [data-announcement-copy],html[data-motion=off] .announcement-bar--scroll .announcement-bar__toggle{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-announcement.css.map */