.announcement{--marquee-end:-50%;min-height:48px;color:var(--color-text);background:var(--color-background);border-block-end:1px solid var(--color-border)}[dir=rtl] .announcement{--marquee-end:50%}.announcement__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:48px;padding-inline:clamp(1rem,3vw,3rem)}.announcement__messages{display:grid;min-width:0}.announcement__messages .announcement__item{grid-area:1 / 1;visibility:hidden;pointer-events:none}.announcement__messages .announcement__item[data-active]{visibility:visible;pointer-events:auto}.announcement--align-start .announcement__item{justify-content:flex-start;text-align:start}.announcement--align-center .announcement__item{justify-content:center;text-align:center}.announcement--align-end .announcement__item{justify-content:flex-end;text-align:end}.announcement__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:1.3}.announcement__item svg{width:16px;height:16px;flex:0 0 auto}.announcement__item a{color:inherit}.announcement__controls{display:flex;align-items:center}.announcement__controls button{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:var(--type-h2-strict, 1.25rem)}.announcement__controls svg{width:17px;height:17px}.announcement__controls button:disabled{opacity:.5}.announcement[data-paused=true] .announcement__pause-icon,.announcement[data-paused=false] .announcement__play-icon{display:none}.announcement__viewport{min-width:0;overflow:hidden}.announcement__track{display:flex;width:max-content}.announcement__marquee-group{display:flex;flex:0 0 auto;align-items:center;gap:clamp(2rem,6vw,6rem);padding-inline-end:clamp(2rem,6vw,6rem)}@media(scripting:enabled){.announcement--MARQUEE[data-paused=false] .announcement__track{animation:announcement-marquee 22s linear infinite}}@keyframes announcement-marquee{to{transform:translate(var(--marquee-end))}}@media(max-width:767px){.announcement--hide-mobile{display:none}.announcement__controls button{width:36px}}@media(min-width:768px){.announcement--hide-desktop{display:none}}@media(prefers-reduced-motion:reduce){.announcement__track{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/announcement.css.map */