@layer components{.announcement-bar{position:relative;display:block;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-size:var(--ab-font-size, var(--fs-xs));letter-spacing:var(--ls-widest);text-transform:var(--label-transform);line-height:var(--lh-snug)}.announcement-bar[hidden]{display:none}.announcement-bar__viewport{padding-block:var(--ab-padding, var(--space-3));overflow:hidden}.announcement-bar__item{flex-shrink:0;white-space:nowrap}.announcement-bar__item--link{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:.3em;text-decoration-thickness:1px;transition:var(--transition-colors)}.announcement-bar__item--link:hover{color:var(--color-accent-text);text-decoration-color:currentColor}.announcement-bar__sep{flex-shrink:0;display:inline-flex;align-items:center;margin-inline:var(--ab-gap, var(--space-8));color:var(--color-accent)}.announcement-bar__diamond{display:inline-block;width:4px;height:4px;background-color:var(--color-accent);transform:rotate(45deg)}.announcement-bar__track{display:flex;width:max-content;white-space:nowrap;animation-duration:var(--ab-speed, var(--dur-marquee))}.announcement-bar__segment{display:flex;flex-shrink:0;align-items:center}.announcement-bar__rotator{position:relative;display:grid}.announcement-bar__slide{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-luxe),visibility var(--dur-base)}.announcement-bar__slide.is-active{opacity:1;visibility:visible}.announcement-bar__slide .announcement-bar__sep{margin-inline:calc(var(--ab-gap, var(--space-8)) / 2)}.announcement-bar__static{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) 0;padding-inline:var(--gutter);text-align:center}.announcement-bar__static .announcement-bar__item{white-space:normal}.announcement-bar__control{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:var(--z-local-raised);display:inline-flex;align-items:center;justify-content:center;width:var(--target-touch);height:var(--target-touch);color:var(--color-text-muted);background-color:var(--color-bg);transition:var(--transition-colors),var(--transition-opacity)}.announcement-bar__control:hover{color:var(--color-text)}.announcement-bar__control--pause,.announcement-bar__control--dismiss{inset-inline-end:0}.announcement-bar__control--dismiss~.announcement-bar__control--pause,.announcement-bar:has(.announcement-bar__control--dismiss) .announcement-bar__control--pause{inset-inline-end:var(--target-touch)}.announcement-bar[data-pause-control=hover] .announcement-bar__control--pause{opacity:0;pointer-events:none}.announcement-bar[data-pause-control=hover]:hover .announcement-bar__control--pause,.announcement-bar[data-pause-control=hover]:focus-within .announcement-bar__control--pause,.announcement-bar[data-pause-control=hover] .announcement-bar__control--pause:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){.announcement-bar[data-pause-control=hover] .announcement-bar__control--pause{opacity:1;pointer-events:auto}}.announcement-bar{--fade-width: var(--target-touch);--ab-fade: linear-gradient(to right, #000 calc(100% - var(--fade-width)), transparent 100%)}.announcement-bar[data-dismissible][data-pause-control]{--fade-width: calc(var(--target-touch) * 2)}.announcement-bar__viewport{-webkit-mask-image:var(--ab-mask, none);mask-image:var(--ab-mask, none)}.announcement-bar[data-pause-control=always],.announcement-bar[data-dismissible],.announcement-bar[data-pause-control=hover]:hover,.announcement-bar[data-pause-control=hover]:focus-within{--ab-mask: var(--ab-fade)}@media(hover:none){.announcement-bar[data-pause-control=hover]{--ab-mask: var(--ab-fade)}}.announcement-bar[data-mode=static]{--ab-mask: none}.announcement-bar__track{width:100%;justify-content:center;flex-wrap:wrap}.announcement-bar__track .announcement-bar__segment:nth-child(n+2){display:none}.announcement-bar__track .announcement-bar__segment{flex-wrap:wrap;justify-content:center}.announcement-bar__track .announcement-bar__item{white-space:normal}@media(prefers-reduced-motion:no-preference){body:not(.motion-off) .announcement-bar__track{width:max-content;justify-content:flex-start;flex-wrap:nowrap}body:not(.motion-off) .announcement-bar__track .announcement-bar__segment:nth-child(n+2){display:flex}body:not(.motion-off) .announcement-bar__track .announcement-bar__segment{flex-wrap:nowrap}body:not(.motion-off) .announcement-bar__track .announcement-bar__item{white-space:nowrap}}@media(max-width:39.99em){.announcement-bar{letter-spacing:var(--ls-wide)}.announcement-bar__sep{margin-inline:calc(var(--ab-gap, var(--space-8)) * .6)}.announcement-bar__static{flex-direction:column;gap:var(--space-1)}.announcement-bar__static .announcement-bar__sep{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-announcement-bar.css.map */