.announcement-bar-wrapper{display:grid;grid-template:"announcement" / 1fr;align-items:center;gap:20px;padding-block:8px;--shapeWidth: calc(var(--page-padding, 65px) + 4px);transition:var(--animation-nav)}.announcement-fixed .announcement-bar-wrapper{padding-inline:15px;border-radius:var(--borderRadius)}.announcement-bar-wrapper.background-shape-active{border-start-start-radius:0;border-start-end-radius:0}.announcement-bar-wrapper:not(.background-shape-active) .background-shape-top:before,.announcement-bar-wrapper:not(.background-shape-active) .background-shape-top:after{width:var(--shapeWidth, calc(var(--page-padding, 65px) + 4px));height:100%;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='84' height='56' viewBox='0 0 84 56' fill='none'><path d='M0 -27.9336C0 -12.5063 12.5063 0 27.9336 0C41.7407 0 52.9336 11.1929 52.9336 25C52.9336 42.1208 66.8128 56 83.9336 56L0 56L0 -27.9336Z' fill='white'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='84' height='56' viewBox='0 0 84 56' fill='none'><path d='M0 -27.9336C0 -12.5063 12.5063 0 27.9336 0C41.7407 0 52.9336 11.1929 52.9336 25C52.9336 42.1208 66.8128 56 83.9336 56L0 56L0 -27.9336Z' fill='white'/></svg>");-webkit-mask-position:bottom;mask-position:bottom}.announcement-bar-wrapper:not(.background-shape-active) .background-shape-top:before{transform:unset}.announcement-bar-wrapper:not(.background-shape-active) .background-shape-top:after{transform:scaleX(-1) rotate(0)}.announcement-bar-center{grid-area:announcement;width:100%;max-width:500px;min-width:0;margin:0 auto}@media screen and (min-width:1025px){.announcement-bar-wrapper{grid-template:"left announcement right" / 1.2fr 2fr 1.2fr}.announcement-fixed .announcement-bar-wrapper{padding-inline:20px}.announcement-bar-left{grid-area:left}.announcement-bar-right{grid-area:right}body:has(.desktop-header-transparent) .desktop-announcement-transparent{position:absolute;inset-block-start:auto;width:100%;z-index:5}body:has([data-header-transparent=true]) .announcement-bar-section:has(+.header-main){position:relative;z-index:7}}@media screen and (max-width:1024px){body:has(.mobile-header-transparent) .mobile-announcement-transparent{position:absolute;inset-block-start:auto;width:100%;z-index:5}}
/*# sourceMappingURL=/cdn/shop/t/5662/assets/announcement-bar.css.map */