.section-announcement-bar{position:relative;font-size:var(--font-size-caption);line-height:1.45;letter-spacing:.01em}.announcement-bar{--announcement-controls: 0px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:var(--space-2);min-block-size:2.75rem}.announcement-bar--multi{--announcement-controls: 88px ;grid-template-columns:minmax(0,1fr) auto}.announcement-bar--autoplay{--announcement-controls: 132px }.announcement-bar__track{display:grid;min-inline-size:0;text-align:center}.announcement-bar__slide{position:relative;grid-area:1 / 1;display:flex;align-items:center;justify-content:center;min-inline-size:0;min-block-size:2.75rem;transition:opacity var(--duration-base) var(--ease-out) var(--duration-fast),transform var(--duration-base) var(--ease-out) var(--duration-fast),visibility 0s linear 0s}.announcement-bar__slide:not(.is-active){visibility:hidden;opacity:0;transform:translateY(.25rem);transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out),visibility 0s linear var(--duration-fast)}.announcement-bar__message{margin:0;padding-block:var(--space-2);max-inline-size:100%;text-wrap:balance;overflow-wrap:break-word}.announcement-bar__link{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:1.75rem;color:inherit;text-decoration:underline;text-decoration-thickness:var(--border-width);text-decoration-color:rgb(var(--color-text-rgb) / .4);text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.announcement-bar__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@media(hover:hover){.announcement-bar__link:hover{text-decoration-color:currentColor}}.announcement-bar__arrow{flex:none;transition:translate var(--duration-base) var(--ease-out)}@media(prefers-reduced-motion:no-preference){html:not([data-hover-effects=false]) .announcement-bar__link:hover .announcement-bar__arrow{translate:2px 0}html[dir=rtl]:not([data-hover-effects=false]) .announcement-bar__link:hover .announcement-bar__arrow{translate:-2px 0}}.announcement--text-md{font-size:var(--font-size-small)}.announcement--text-lg{font-size:var(--font-size-body)}.announcement--uppercase{text-transform:uppercase;letter-spacing:.08em}.announcement-bar__icon{flex:none;inline-size:1em;block-size:1em}.announcement-bar__message:has(.announcement-bar__icon){display:inline-flex;align-items:center;gap:var(--space-2)}.announcement-bar__countdown{font-variant-numeric:tabular-nums;font-weight:var(--font-body-weight-bold)}.announcement-bar__message.is-finished{display:none}.section-announcement-bar{--ab-gap: var(--space-6)}.section-announcement-bar[data-spacing=compact]{--ab-gap: var(--space-4)}.section-announcement-bar[data-spacing=wide]{--ab-gap: var(--space-8)}.announcement-bar--marquee{display:block;min-block-size:0}.announcement-bar__list{align-items:center}.announcement-bar__item{display:flex;align-items:center;min-block-size:2.5rem;white-space:nowrap}.announcement-bar__item:after{content:"";flex:none;margin-inline:var(--ab-gap);opacity:.45}[data-separator=dot] .announcement-bar__item:after{inline-size:.25rem;block-size:.25rem;border-radius:50%;background-color:currentColor}[data-separator=star] .announcement-bar__item:after{content:"\2726";font-size:.75em}[data-separator=slash] .announcement-bar__item:after{content:"/"}[data-separator=bar] .announcement-bar__item:after{inline-size:var(--border-width);block-size:.9em;background-color:currentColor}[data-separator=none] .announcement-bar__item:after{margin-inline:calc(var(--ab-gap) / 2)}.announcement-bar--marquee .announcement-bar__message,.announcement-bar--static .announcement-bar__message{margin:0}theme-marquee[data-direction=right][data-ready] .marquee__track{animation-direction:reverse}.announcement-bar--static{display:block}.announcement-bar__list--static{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}.announcement-bar__list--static .announcement-bar__item{white-space:normal;text-align:center}.announcement-bar__list--static .announcement-bar__item:last-child:after{display:none}@media screen and (max-width:749px){.announcement-bar__list--static .announcement-bar__item{min-block-size:2rem}}@media(prefers-reduced-motion:reduce){.announcement-bar--marquee .marquee__track,.announcement-bar--marquee .marquee__group{inline-size:100%}.announcement-bar--marquee .marquee__group{flex-wrap:wrap;justify-content:center}}.announcement-bar[data-transition] .announcement-bar__slide{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),visibility 0s linear 0s}.announcement-bar[data-transition] .announcement-bar__slide:not(.is-active){transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),visibility 0s linear var(--duration-slow)}.announcement-bar[data-transition=fade] .announcement-bar__slide:not(.is-active){transform:none}.announcement-bar[data-transition=slide] .announcement-bar__track,.announcement-bar[data-transition=vertical] .announcement-bar__track{overflow:hidden}.announcement-bar[data-transition=slide] .announcement-bar__slide:not(.is-active){transform:translate(3rem)}.announcement-bar[data-transition=slide] .announcement-bar__slide.is-leaving{transform:translate(-3rem)}html[dir=rtl] .announcement-bar[data-transition=slide] .announcement-bar__slide:not(.is-active){transform:translate(-3rem)}html[dir=rtl] .announcement-bar[data-transition=slide] .announcement-bar__slide.is-leaving{transform:translate(3rem)}.announcement-bar[data-transition=vertical] .announcement-bar__slide:not(.is-active){transform:translateY(100%)}.announcement-bar[data-transition=vertical] .announcement-bar__slide.is-leaving{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.announcement-bar[data-transition] .announcement-bar__slide:not(.is-active){transform:none}}.section-announcement-bar:has(.announcement-bar__close){position:relative}.section-announcement-bar:has(.announcement-bar__close) .announcement-bar{padding-inline-end:2.75rem}.announcement-bar__close{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-2);translate:0 -50%;z-index:2;color:inherit;background-color:var(--color-background)}.announcement-bar__close .icon{inline-size:1rem;block-size:1rem}.announcement-bar-section:has(.section-announcement-bar--sticky:not([hidden])){position:sticky;inset-block-start:0;z-index:calc(var(--z-header) + 1)}body:has(.section-announcement-bar--sticky:not([hidden])) .header-section{inset-block-start:var(--announcement-height, 0px)}@media screen and (max-width:749px){.announcement--desktop-only{display:none}}@media screen and (min-width:750px){.announcement--mobile-only{display:none}}.announcement-bar__controls{display:flex;align-items:center;margin-inline-end:calc(var(--space-3) * -1)}.announcement-bar__button{color:inherit}.announcement-bar__button .icon{inline-size:1rem;block-size:1rem}.announcement-bar__icon-play{display:none}@media screen and (max-width:749px){.announcement-bar--autoplay{--announcement-controls: 44px}.announcement-bar--autoplay :is([data-announcement-prev],[data-announcement-next]){display:none}}.announcement-bar[data-paused] .announcement-bar__icon-pause{display:none}.announcement-bar[data-paused] .announcement-bar__icon-play{display:inline-block}html.no-js .announcement-bar__controls{display:none}html.no-js .announcement-bar--multi{grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.announcement-bar--multi{grid-template-columns:minmax(var(--announcement-controls),1fr) minmax(0,46rem) minmax(var(--announcement-controls),1fr)}.announcement-bar--multi .announcement-bar__track{grid-column:2}.announcement-bar--multi .announcement-bar__controls{grid-column:3;justify-self:end}html.no-js .announcement-bar--multi{grid-template-columns:minmax(0,1fr)}html.no-js .announcement-bar--multi .announcement-bar__track{grid-column:1}}.announcement-bar__hint{margin:0;padding-block:var(--space-3);text-align:center;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.announcement-bar__slide,.announcement-bar__slide:not(.is-active){transform:none}}@media(forced-colors:active){.announcement-bar__link{text-decoration-color:currentColor}}@media print{.section-announcement-bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-announcement-bar.css.map */