.announcement-bar{--announcement-bar-height: var(--control-height-sm);--announcement-bar-separator: color-mix(in srgb, var(--scheme-text) 18%, transparent);--announcement-bar-edge-padding: var(--space-component-xs);position:relative;z-index:var(--z-header);grid-column:1 / -1;width:100%;min-width:0;background-color:var(--scheme-background);background-image:var(--scheme-background-gradient);color:var(--scheme-text);border-block-end:var(--border-width) solid var(--announcement-bar-separator)}.announcement-bar__item{display:inline-flex;align-items:center;min-width:0;min-height:var(--announcement-bar-height);color:inherit}.announcement-bar__index{flex:0 0 auto;margin-inline-end:var(--space-component-sm);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-caption);line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.52}.announcement-bar__text,.announcement-bar__link{font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-label);line-height:var(--leading-label);letter-spacing:.015em}.announcement-bar__text{white-space:nowrap}.announcement-bar__link{display:inline-flex;align-items:center;gap:.45em;min-width:0;min-height:var(--announcement-bar-height);color:inherit;text-decoration:none}.announcement-bar__arrow{display:inline-block;flex:0 0 auto;font-family:var(--font-body);font-size:.9em;line-height:1;transform:translateZ(0);transition:transform var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.announcement-bar__link:hover .announcement-bar__arrow{transform:translate3d(var(--motion-distance-xs),calc(var(--motion-distance-xs) * -1),0)}.announcement-bar__link:hover .announcement-bar__text{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.18em}}.announcement-bar__rail{display:flex;align-items:stretch;width:100%;max-width:none;min-width:0;margin:0;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding));list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.announcement-bar__rail::-webkit-scrollbar{display:none}.announcement-bar__rail .announcement-bar__item{position:relative;flex:0 0 auto;padding-inline:var(--space-component-md);scroll-snap-align:start}.announcement-bar__rail .announcement-bar__item:first-child{padding-inline-start:0}.announcement-bar__rail .announcement-bar__item:last-child{padding-inline-end:0}.announcement-bar__rail .announcement-bar__item+.announcement-bar__item:before{content:"";position:absolute;inset-inline-start:0;inset-block:30%;width:var(--border-width);background:currentColor;opacity:.18}.announcement-bar__rail--start{justify-content:flex-start}.announcement-bar__rail--center{justify-content:center}.announcement-bar__rail--end{justify-content:flex-end}.announcement-bar__rail--distributed{justify-content:space-between}.announcement-bar__rail--distributed .announcement-bar__item{flex:1 1 0;min-width:0}@media(min-width:1100px){.announcement-bar__rail--distributed .announcement-bar__item{justify-content:center}.announcement-bar__rail--distributed .announcement-bar__item:first-child{justify-content:flex-start}.announcement-bar__rail--distributed .announcement-bar__item:last-child{justify-content:flex-end}.announcement-bar__rail--center{gap:var(--space-component-md)}}.announcement-bar__marquee{position:relative;display:block;width:100%;max-width:none;min-width:0;margin-inline:0;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__viewport{width:100%;min-width:0;overflow:hidden}.announcement-bar__track-container{display:flex;align-items:stretch;width:max-content;min-width:0;animation-duration:var(--announcement-bar-speed, 35s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.announcement-bar__track-container--left{animation-name:announcement-bar-marquee-left}.announcement-bar__track-container--right{animation-name:announcement-bar-marquee-right}.announcement-bar__track{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;width:max-content;min-width:calc(100vw - (var(--content-gutter) * 2) - var(--announcement-bar-height));margin:0;padding:0;list-style:none}.announcement-bar__track .announcement-bar__item{flex:0 0 auto;padding-inline:var(--space-component-lg)}.announcement-bar__track .announcement-bar__item:after{content:"";display:block;flex:0 0 auto;width:calc(var(--icon-size-xs) * .32);height:calc(var(--icon-size-xs) * .32);margin-inline-start:var(--space-component-lg);border-radius:var(--radius-round);background:currentColor;opacity:.3}.announcement-bar__marquee--pause-hover:hover .announcement-bar__track-container,.announcement-bar__marquee--pause-hover:focus-within .announcement-bar__track-container,.announcement-bar__marquee.is-paused .announcement-bar__track-container{animation-play-state:paused}.announcement-bar__motion-toggle{position:absolute;inset-block-start:0;inset-inline-end:calc(var(--content-gutter) + var(--announcement-bar-edge-padding));display:inline-grid;place-items:center;width:var(--announcement-bar-height);min-width:var(--announcement-bar-height);height:var(--announcement-bar-height);padding:0;border:0;border-inline-start:var(--border-width) solid var(--announcement-bar-separator);background:var(--scheme-background);color:inherit;cursor:pointer}.announcement-bar__pause-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);gap:calc(var(--icon-size-sm) * .12)}.announcement-bar__pause-icon span{display:block;width:calc(var(--icon-size-sm) * .1);height:calc(var(--icon-size-sm) * .62);background:currentColor}.announcement-bar__play-icon{display:none;width:var(--icon-size-sm);height:var(--icon-size-sm);font-size:var(--icon-size-sm);line-height:1;text-align:center}.announcement-bar__motion-toggle[aria-pressed=true] .announcement-bar__pause-icon{display:none}.announcement-bar__motion-toggle[aria-pressed=true] .announcement-bar__play-icon{display:inline-block}.announcement-bar__motion-toggle:focus-visible{outline:var(--focus-ring-width) solid currentColor;outline-offset:calc(var(--focus-ring-width) * -2)}@media(hover:hover)and (pointer:fine){.announcement-bar__motion-toggle:hover{background:color-mix(in srgb,currentColor 7%,transparent)}}@keyframes announcement-bar-marquee-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes announcement-bar-marquee-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@media(min-width:750px)and (max-width:1099px){.announcement-bar{--announcement-bar-edge-padding: var(--space-component-sm)}.announcement-bar__rail{justify-content:safe center;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__rail--start,.announcement-bar__rail--center,.announcement-bar__rail--end,.announcement-bar__rail--distributed{justify-content:safe center}.announcement-bar__rail--distributed .announcement-bar__item{flex:0 0 auto}.announcement-bar__rail .announcement-bar__item{justify-content:center;padding-inline:var(--space-component-lg);text-align:center}.announcement-bar__rail .announcement-bar__item:first-child{padding-inline-start:var(--space-component-sm)}.announcement-bar__rail .announcement-bar__item:last-child{padding-inline-end:var(--space-component-sm)}.announcement-bar__marquee{padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}}@media(max-width:749px){.announcement-bar{--announcement-bar-height: var(--control-height-sm);--announcement-bar-edge-padding: var(--space-component-sm)}.announcement-bar__rail{justify-content:safe center;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__rail--start,.announcement-bar__rail--center,.announcement-bar__rail--end,.announcement-bar__rail--distributed{justify-content:safe center}.announcement-bar__rail--distributed .announcement-bar__item{flex:0 0 auto}.announcement-bar__rail .announcement-bar__item{justify-content:center;padding-inline:var(--space-component-md);text-align:center}.announcement-bar__rail .announcement-bar__item:first-child{padding-inline-start:var(--space-component-sm)}.announcement-bar__rail .announcement-bar__item:last-child{padding-inline-end:var(--space-component-sm)}.announcement-bar__index{margin-inline-end:var(--space-component-xs)}.announcement-bar__text,.announcement-bar__link{font-size:var(--type-caption)}.announcement-bar__link{justify-content:center}.announcement-bar__marquee{padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__track .announcement-bar__item{justify-content:center;padding-inline:var(--space-component-md);text-align:center}.announcement-bar__track .announcement-bar__item:after{margin-inline-start:var(--space-component-md)}}@media(max-width:389px){.announcement-bar__index{display:none}.announcement-bar__rail{padding-inline:calc(var(--content-gutter) + var(--space-component-sm))}.announcement-bar__rail .announcement-bar__item,.announcement-bar__track .announcement-bar__item{padding-inline:var(--space-component-sm)}.announcement-bar__track .announcement-bar__item:after{margin-inline-start:var(--space-component-sm)}}@media(prefers-reduced-motion:reduce){.announcement-bar__marquee{display:block;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.announcement-bar__viewport::-webkit-scrollbar{display:none}.announcement-bar__track-container{width:max-content;animation:none;transform:none;will-change:auto}.announcement-bar__track--duplicate{display:none}.announcement-bar__track--primary{min-width:0;justify-content:flex-start;padding-inline:calc(var(--content-gutter) + var(--announcement-bar-edge-padding))}.announcement-bar__motion-toggle{display:none}}@media(forced-colors:active){.announcement-bar{border-block-end-color:CanvasText}.announcement-bar__rail .announcement-bar__item+.announcement-bar__item:before,.announcement-bar__motion-toggle{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/announcement-bar.css.map */