.m-announcement-bar{position:relative;border-bottom:var(--border-width, 0) solid rgb(var(--color-border));z-index:71;overflow:visible;animation:m-ann-reveal .4s cubic-bezier(.22,1,.36,1) both}@keyframes m-ann-reveal{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.m-announcement-bar--closing{animation:m-ann-close .35s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}@keyframes m-ann-close{0%{opacity:1;max-height:120px}to{opacity:0;max-height:0;padding:0}}.m-announcement-bar__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:hidden;animation:m-ann-shimmer-fade .1s .8s ease forwards}.m-announcement-bar__shimmer:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:m-ann-shimmer-move .9s .05s ease-out both}@keyframes m-ann-shimmer-move{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes m-ann-shimmer-fade{to{opacity:0}}.m-announcement-bar__container{position:relative}.m-announcement-bar__item{display:flex;align-items:center;width:100%;height:100%;position:relative;transition:opacity .2s}.m-announcement-bar__item:has(.m-announcement-bar__link):hover{opacity:.8}.m-announcement-bar__item:has(.m-announcement-bar__link):hover .m-announcement-bar__text{text-decoration:underline;text-underline-offset:2px}.m-announcement-bar__content{font-size:calc(var(--font-base-size, 16) * 1px);display:flex;align-items:center;gap:6px;padding:10px 120px;line-height:20px;max-height:40px;width:100%;animation:m-ann-content-in .35s .2s ease both}@keyframes m-ann-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.m-announcement-bar__icon{flex-shrink:0;line-height:1;font-style:normal;animation:m-ann-icon-pop .4s .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes m-ann-icon-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.m-announcement--align-center .m-announcement-bar__item{justify-content:center}.m-announcement--align-center .m-announcement-bar__content{width:auto;text-align:center}.m-announcement--align-left .m-announcement-bar__item{justify-content:flex-start}.m-announcement--align-left .m-announcement-bar__content{text-align:left}.m-announcement-bar__link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.new-currency{position:absolute;top:50%;right:44px;transform:translateY(-50%);z-index:4;display:flex;align-items:center;line-height:1}.m-announcement-bar__close{position:absolute;top:0;right:0;bottom:0;padding:10px;cursor:pointer;z-index:5;background:none;border:none;display:flex;align-items:center;opacity:.6;transition:opacity .2s,transform .15s,background .2s;border-radius:4px;line-height:0}.m-announcement-bar__close:hover{opacity:1;background:#00000012}.m-announcement-bar__close:active{transform:scale(.88)}.m-announcement-bar__container .swiper-button-next,.m-announcement-bar__container .swiper-button-prev{display:none}.m-announcement-bar__container[data-show-nav=true] .swiper-button-next,.m-announcement-bar__container[data-show-nav=true] .swiper-button-prev{display:flex}@media screen and (max-width:639px){.m-announcement-bar__container .m-slider-controls{display:none}}@media screen and (max-width:767px){.m-announcement-bar__container .m-slider-controls{margin-top:0;max-width:none}.m-announcement-bar__container .m-slider-controls__button{position:absolute;transform:translateY(-50%)}}.m-announcement-bar__container .m-slider-controls__button{border:none;background-color:transparent;height:100%;margin:0;opacity:.6;transition:opacity .2s}.m-announcement-bar__container .m-slider-controls__button:hover{opacity:1}.m-announcement-bar__container .m-slider-controls__button:focus,.m-announcement-bar__container .m-slider-controls__button:active,.m-announcement-bar__container .m-slider-controls__button:hover{box-shadow:none;color:rgb(var(--color-forceground))}.m-announcement-bar__container .m-slider-controls__button-prev{left:40px}.m-announcement-bar__container .m-slider-controls__button-next{right:40px}.m-announcement-bar__dots{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 0 6px}.m-announcement-bar__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .25s,transform .25s;cursor:pointer;border:none;padding:0}.m-announcement-bar__dot.is-active{opacity:1;transform:scale(1.4)}@media screen and (max-width:639px){.m-announcement-bar__content{overflow:hidden;max-height:initial;margin-right:0;padding:8px 44px 8px 12px;font-size:calc(var(--font-base-size, 14) * 1px)}.m-announcement-bar__close{padding:8px}.new-currency{display:none}}.m-announcement-bar__desktop-view{display:block}.m-announcement-bar__mobile-view{display:none}.m-announcement-bar__marquee-wrap{overflow:hidden;width:100%}.m-announcement-bar__marquee-track{display:flex;align-items:center;width:max-content;animation:m-ann-marquee 24s linear infinite;padding:8px 0}.m-announcement-bar__marquee-item{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:calc(var(--font-base-size, 14) * 1px)}.m-announcement-bar__marquee-sep{opacity:.35;margin:0 2px}@keyframes m-ann-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media screen and (max-width:767px){.m-announcement--mobile-marquee .m-announcement-bar__desktop-view{display:none!important}.m-announcement--mobile-marquee .m-announcement-bar__mobile-view{display:block!important}.m-announcement--mobile-marquee .new-currency{display:none}}.m-announcement--desktop-marquee .m-announcement-bar__desktop-view{display:none!important}.m-announcement--desktop-marquee .m-announcement-bar__desktop-marquee-view{display:block!important}.m-announcement-bar__desktop-marquee-view{display:none;padding-right:120px;overflow:hidden}@media(prefers-reduced-motion:reduce){.m-announcement-bar,.m-announcement-bar__content,.m-announcement-bar__icon,.m-announcement-bar__shimmer,.m-announcement-bar__shimmer:after,.m-announcement-bar__marquee-track,.m-announcement-bar__dot{animation:none!important;transition:none!important}.m-announcement-bar__shimmer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/announcement-bar.css.map */