sl-carousel.announcement-bar__carousel:not(:defined){display:flex;justify-content:center;width:100%}sl-carousel.announcement-bar__carousel:not(:defined) sl-carousel-item:not(:first-child){display:none;min-height:var(--dna-space-9)}sl-carousel.announcement-bar__carousel:not(:defined) sl-carousel-item:first-child{min-height:var(--dna-space-9);height:auto;display:block;display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center}.announcement-bar{position:relative;display:block;font-size:var(--dna-space-3);transition:all .5s}.announcement-bar__carousel{--aspect-ratio: unset;--slide-gap: 0px}.announcement-bar__carousel::part(base){grid-template-areas:"slides";grid-template-columns:100%;grid-template-rows:100%}.announcement-bar__carousel-item{background:transparent!important;padding:8px 0}.announcement-bar__carousel-item-message{display:block;width:100%;text-align:center;overflow:hidden;max-height:40px;padding:0 var(--dna-space-4)}sl-carousel-item .announcement-bar__carousel-item-message{max-width:calc(100% - var(--dna-space-4) * 2);padding:0 28px}.announcement-bar__carousel-item-message p{display:inline}.announcement-bar .arrow{color:inherit;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.announcement-bar .arrow--prev{left:var(--dna-space-4)}.announcement-bar .arrow--next{right:var(--dna-space-4)}@media screen and (min-width: 768px){.announcement-bar .arrow--prev{left:var(--dna-space-16)}.announcement-bar .arrow--next{right:var(--dna-space-16)}sl-carousel-item .announcement-bar__carousel-item-message{max-width:calc(100% - var(--dna-space-16) * 2)}}@media screen and (min-width: 1024px){.announcement-bar .arrow--prev{left:10vw}.announcement-bar .arrow--next{right:10vw}sl-carousel-item .announcement-bar__carousel-item-message{max-width:calc(100% - 20vw)}}@media screen and (min-width: 1200px){.announcement-bar .arrow--prev{left:14vw}.announcement-bar .arrow--next{right:14vw}sl-carousel-item .announcement-bar__carousel-item-message{max-width:calc(100% - 28vw)}}@media screen and (min-width: 1440px){.announcement-bar .arrow--prev{left:314px}.announcement-bar .arrow--next{right:314px}sl-carousel-item .announcement-bar__carousel-item-message{max-width:calc(100% - 628px)}}
/*# sourceMappingURL=/cdn/shop/t/1163/assets/section-announcement-bar.css.map?v=75107743929221055311760566310 */