announcement-bar{display:block;font-size:var(--fs-small)}.announcement__inner{display:flex;align-items:center;gap:var(--space-1);min-block-size:40px}.announcement__viewport{position:relative;flex:1;min-inline-size:0;overflow:hidden}announcement-bar[data-mode=slide] .announcement__track{display:grid}announcement-bar[data-mode=slide] .announcement__item{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:40px;text-align:center;opacity:0;transform:translateY(100%);visibility:hidden;transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease),visibility 0s linear var(--duration-slow)}announcement-bar[data-mode=slide] .announcement__item.is-active{opacity:1;transform:none;visibility:visible;transition-delay:0s}announcement-bar[data-mode=slide] .announcement__item.is-leaving{transform:translateY(-100%)}announcement-bar[data-mode=marquee] .announcement__track{display:flex;inline-size:max-content;animation:marquee var(--marquee-duration, 30s) linear infinite}announcement-bar[data-mode=marquee] .announcement__viewport:hover .announcement__track,announcement-bar[data-mode=marquee] .announcement__viewport:focus-within .announcement__track{animation-play-state:paused}announcement-bar[data-mode=marquee] .announcement__item{display:flex;align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-8);white-space:nowrap}announcement-bar[data-mode=marquee] .announcement__item:after{content:"";inline-size:4px;block-size:4px;margin-inline-start:var(--space-8);border-radius:50%;background-color:currentColor;opacity:.5}@keyframes marquee{to{transform:translate(-50%)}}[dir=rtl] announcement-bar[data-mode=marquee] .announcement__track{animation-name:marquee-rtl}@keyframes marquee-rtl{to{transform:translate(50%)}}@media(prefers-reduced-motion:reduce){announcement-bar[data-mode=marquee] .announcement__track{animation:none;inline-size:auto;flex-wrap:wrap;justify-content:center}announcement-bar[data-mode=marquee] .announcement__item[aria-hidden=true]{display:none}}.announcement__text{font-weight:500}.announcement__link{text-decoration:none}.announcement__link:hover{text-decoration:underline}.announcement__code{display:inline-flex;align-items:center;min-block-size:28px;padding-inline:var(--space-3);border:1px dashed currentColor;border-radius:var(--radius-pill);font-weight:700;letter-spacing:.04em;cursor:copy;transition:background-color var(--duration-fast) var(--ease)}button.announcement__code:hover{background-color:color-mix(in srgb,currentColor 14%,transparent)}.announcement__arrow,.announcement__close{display:grid;place-items:center;flex-shrink:0;inline-size:var(--touch-target);block-size:40px;opacity:.8;transition:opacity var(--duration-fast) var(--ease)}.announcement__arrow:hover,.announcement__close:hover{opacity:1}@media(max-width:767px){.announcement__arrow{display:none}.announcement__inner{padding-inline-end:0}}@media(max-width:767px){announcement-bar{font-size:var(--fs-caption)}announcement-bar[data-mode=slide] .announcement__item{gap:var(--space-1);padding-inline:var(--space-1)}.announcement__code{min-block-size:24px;padding-inline:var(--space-2)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-announcement-bar.css.map */