.announcement-carousel{grid-area:announcements;justify-self:center;width:auto;max-width:100%}.announcement-carousel__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement-carousel__controls{display:inline-grid;grid-template-columns:auto minmax(0,max-content) auto;align-items:center;gap:.2rem;width:auto;max-width:100%}.announcement-carousel__arrow{display:none;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem;margin:0;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.announcement-carousel__arrow .svg-wrapper{display:inline-flex;width:1rem;height:1rem}.announcement-carousel__arrow--prev .svg-wrapper{transform:rotate(90deg)}.announcement-carousel__arrow--next .svg-wrapper{transform:rotate(-90deg)}.announcement-carousel__viewport{display:grid;grid-template-columns:1fr;grid-column:2;grid-row:1;min-width:0;max-width:100%}.announcement-carousel__arrow--prev{grid-column:1;grid-row:1}.announcement-carousel__arrow--next{grid-column:3;grid-row:1}.announcement-carousel__slide{grid-column:1;grid-row:1;display:none;width:max-content;max-width:100%;justify-self:center}.announcement-carousel__message,.announcement-carousel__message.h5{font-family:var(--font-body-family);font-size:14px;min-height:2.7rem;padding:.5rem 0;margin:0;white-space:nowrap;text-align:center}.announcement-carousel .announcement-bar__link{width:fit-content;margin-inline:auto}.announcement-carousel--autoplay .announcement-carousel__slide{display:block;opacity:0;visibility:hidden;animation-duration:calc(var(--announcement-autoplay-duration, 5s) * var(--announcement-count, 1));animation-timing-function:steps(1,end);animation-iteration-count:infinite}.announcement-carousel--autoplay .announcement-carousel__controls:hover .announcement-carousel__slide,.announcement-carousel--autoplay .announcement-carousel__controls:focus-within .announcement-carousel__slide{animation-play-state:paused}.announcement-carousel--autoplay .announcement-carousel__radio:focus-visible~.announcement-carousel__controls .announcement-carousel__slide{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.announcement-carousel--autoplay .announcement-carousel__slide{animation:none;opacity:0;visibility:hidden}.announcement-carousel--autoplay .announcement-carousel__slide:first-child{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-announcement-carousel.css.map */
