.announcement-text-2{--font-size: calc(30px * var(--font-heading-scale))}.announcement-text-3{--font-size: calc(24px * var(--font-heading-scale))}.announcement-text-4{--font-size: calc(20px * var(--font-heading-scale))}.announcement-text-5{--font-size: calc(16px * var(--font-heading-scale))}.announcement-bar-container{display:block;position:relative;overflow:hidden;min-height:40px;font-size:var(--font-size)}.announcement-bar{opacity:1;color:var(--color-announcement-bar-text);background:var(--color-announcement-bar);min-height:40px;padding:var(--section-background-spacing, 10) 0 var(--section-background-spacing, 10);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.announcement-bar__slides{min-width:0}.announcement-bar__message{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.65em;row-gap:.15em;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.announcement-bar__text{min-width:0}@media(max-width:1024px){.announcement-bar{padding-top:var(--section-background-spacing-mobile, 10);padding-bottom:var(--section-background-spacing-mobile, 10)}}.announcement-bar .btn-small:before{top:calc(100% - 2px)}.announcement-bar .btn-small{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--font-size);line-height:var(--font-body-line-height);font-weight:var(--font-button-weight)}html.js .announcement-bar-container--carousel .announcement-bar-js.active .btn-small:before{width:100%;transform-origin:left center;animation:announcement-underline-in .38s .28s var(--animation-bezier) both}@keyframes announcement-underline-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine){html.js .announcement-bar-container--carousel .announcement-bar-js.active .btn-small:hover:before{width:100%;transform:scaleX(0);transform-origin:right center;animation:none;transition:transform var(--duration-medium) var(--animation-bezier)}}.announcement-bar__text--mobile{display:none}@media(max-width:576px){.announcement-bar-container{min-height:34px}.announcement-bar{min-height:34px;padding-top:6px;padding-bottom:6px}.announcement-bar .page-width{padding-left:10px;padding-right:10px}.announcement-bar__message{line-height:1.3}.announcement-bar__text--desktop{display:none}.announcement-bar__text--mobile{display:inline}}html.js .announcement-bar-container--carousel{color:var(--color-announcement-bar-text);background:var(--color-announcement-bar)}html.js .announcement-bar-container--carousel .announcement-bar__slides{display:grid}html.js .announcement-bar-container--carousel .announcement-bar-js{grid-area:1 / 1;width:100%;min-width:0;visibility:hidden;opacity:0;pointer-events:none;transform:translate(0);transition:opacity var(--duration-default) var(--animation-bezier),transform var(--duration-default) var(--animation-bezier),visibility 0s var(--duration-default);z-index:0;background:var(--color-announcement-bar)}html.js .announcement-bar-container--carousel .announcement-bar-js.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0);transition-delay:0s;z-index:1}html.js .announcement-bar-container--carousel .announcement-bar__message{width:100%;max-width:720px;margin-right:auto;margin-left:auto;padding-right:52px;padding-left:52px}.announcement-bar__controls{position:static}html.js .announcement-bar-container--carousel .announcement-bar--enter-left{animation:announcement-enter-from-left .5s cubic-bezier(.65,0,.35,1) both;z-index:2}html.js .announcement-bar-container--carousel .announcement-bar--enter-right{animation:announcement-enter-from-right .5s cubic-bezier(.65,0,.35,1) both;z-index:2}html.js .announcement-bar-container--carousel .announcement-bar--exit-left,html.js .announcement-bar-container--carousel .announcement-bar--exit-right{visibility:visible;pointer-events:none;opacity:1;z-index:1}html.js .announcement-bar-container--carousel .announcement-bar--exit-left{animation:announcement-exit-to-left .5s cubic-bezier(.65,0,.35,1) both}html.js .announcement-bar-container--carousel .announcement-bar--exit-right{animation:announcement-exit-to-right .5s cubic-bezier(.65,0,.35,1) both}@keyframes announcement-enter-from-left{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes announcement-enter-from-right{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes announcement-exit-to-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes announcement-exit-to-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.announcement-bar__control{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:var(--color-announcement-bar-text);background:transparent;border:0;cursor:pointer;transform:translateY(-50%);transition:color .26s ease,opacity var(--duration-short) ease,transform var(--duration-short) ease;z-index:3}.announcement-bar__control[data-announcement-previous]{left:max(8px,calc(50% - 360px))}.announcement-bar__control[data-announcement-next]{right:max(8px,calc(50% - 360px))}.announcement-bar__control:hover{opacity:.68;transform:translateY(-50%) scale(1.14)}.announcement-bar__control:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.announcement-bar__control:disabled{cursor:default;opacity:.55}.announcement-bar__control .theme-icon{display:block;width:16px;height:16px}.announcement-bar__control .theme-icon path{fill:currentColor}@media(max-width:576px){.announcement-bar-container,.announcement-bar .btn-small{font-size:min(var(--font-size),13px)}html.js .announcement-bar-container--carousel .announcement-bar__message{padding-right:48px;padding-left:48px}.announcement-bar__control{width:34px;height:34px}.announcement-bar__control[data-announcement-previous]{left:6px}.announcement-bar__control[data-announcement-next]{right:6px}}@media(prefers-reduced-motion:reduce){html.js .announcement-bar-container--carousel,html.js .announcement-bar-container--carousel .announcement-bar-js,.announcement-bar__control{transition:none}html.js .announcement-bar-container--carousel .announcement-bar-js{animation:none}html.js .announcement-bar-container--carousel .announcement-bar-js.active .btn-small:before{animation:none;transform:scaleX(1)}}[class*=page-].announcement--page-width{padding:0 20px}
/*# sourceMappingURL=/cdn/shop/t/390/assets/section-announcement-bar.css.map */