.announcement{background-color:var(--announcement-bg)}component-announcement{display:flex;position:relative;opacity:0;padding-block:var(--s-1)}component-announcement.is-loaded{opacity:1;transition:opacity .3s ease-in}.announcement-track{display:grid;flex:1;min-width:0;touch-action:pan-y}.announcement-message{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;opacity:0;text-wrap:balance;transition:opacity .4s ease-in-out}.announcement-message.is-active,component-announcement:not(:has(.is-active)) .announcement-message:first-child{opacity:1}.announcement-arrow~.announcement-track .announcement-message{padding-inline:var(--s-2)}.announcement-arrow~.announcement-track .announcement-message.state--crowded{padding-inline:0}.announcement-arrow{position:absolute;top:50%;z-index:1;width:32px;height:32px;transform:translateY(-50%);opacity:.7;transition:opacity .2s ease}.announcement-arrow--prev{left:0}.announcement-arrow--next{right:0}@media(min-width:768px){.announcement-arrow--prev{left:var(--s0)}.announcement-arrow--next{right:var(--s0)}}.announcement-arrow:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.announcement-arrow svg{width:26px;height:26px}.announcement-arrow:hover,.announcement-arrow:focus-visible{opacity:1}.announcement-arrow:focus-visible{outline:1px solid currentColor;outline-offset:-2px}component-announcement.state--crowded .announcement-arrow{width:16px;opacity:0}component-announcement.state--crowded .announcement-arrow:focus-visible{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/181/assets/component-announcement.css.map */