.announcement{background:var(--announcement-bg, var(--color-secondary-900));color:var(--announcement-fg, var(--color-secondary-50));font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-align:var(--sx-align, center)}.announcement a{color:inherit}.announcement__icon{margin-inline-end:.375rem}.announcement__icon svg{inline-size:1em;block-size:1em;vertical-align:-.15em}.announcement__slider{position:relative;display:block}@media(prefers-reduced-motion:no-preference){.announcement__slider:has(.announcement__controls){padding-inline:calc(var(--gutter) + 2.5rem)}}.announcement__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.announcement__track::-webkit-scrollbar{display:none}.announcement__slide{min-inline-size:0;margin:0;padding-block:.7rem;scroll-snap-align:start}.announcement__controls{position:absolute;inset-block:0;inset-inline-end:var(--gutter);display:flex;align-items:center;gap:.125rem}.announcement__button{display:grid;place-items:center;inline-size:2rem;block-size:2rem;padding:0;color:inherit;background:none;border:0;border-radius:var(--radius);cursor:pointer;opacity:.7;transition:opacity var(--duration-fast) var(--ease-default)}.announcement__button:hover:not([disabled]){opacity:1}.announcement__button[disabled]{opacity:.3;cursor:default}.announcement a:focus-visible,.announcement__button:focus-visible{outline-color:currentColor;box-shadow:none}.announcement__glyph{inline-size:.5rem;block-size:.75rem;border-inline:.1875rem solid currentColor}.announcement__button[aria-pressed=true] .announcement__glyph{border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.announcement__arrow{display:none}@media(min-width:768px){.announcement__arrow{display:grid}.announcement__slider:has(.announcement__controls){padding-inline:calc(var(--gutter) + 6.5rem)}}@media(pointer:coarse){.announcement__button{inline-size:2.75rem;block-size:2.75rem}}@media(pointer:coarse)and (max-width:767px){.announcement__controls{inset-inline-end:calc(var(--gutter) - .25rem)}}@media(pointer:coarse)and (min-width:768px){.announcement__slider:has(.announcement__controls){padding-inline:calc(var(--gutter) + 8.5rem)}}carousel-slider:not([data-overflowing]) .announcement__controls{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/announcement-bar.css.map */