.announcement-bar{overflow:hidden;font-size:var(--announcement-font-size-mobile, 1.2rem);letter-spacing:var(--announcement-letter-spacing, .08em);line-height:1.3;position:relative;z-index:30;text-align:center;color:rgb(var(--color-foreground));background:var(--gradient-background);background-color:rgb(var(--color-background));font-weight:var(--announcement-font-weight, 500);text-transform:var(--announcement-text-transform, uppercase);opacity:0;transform:translateY(-100%);animation:slideDownFadeIn .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.1s}@media screen and (min-width: 750px){.announcement-bar{font-size:var(--announcement-font-size-desktop, 1.3rem)}}.announcement-bar--withBorder{border-bottom:.1rem solid rgb(var(--color-border))}announcement-bar{position:relative;display:block}.announcement-slider{height:32px;transition:transform .4s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 750px){.announcement-slider{height:34px}}.announcement-slider__slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeInSlide .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.3s}.announcement-slider__slide span:empty{display:none}.announcement-link{display:block;text-decoration:none;color:rgb(var(--color-foreground));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.announcement-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:currentColor;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}@media screen and (hover: hover){.announcement-link:hover{opacity:.9;transform:translateY(-1px)}.announcement-link:hover:after{width:80%}}.announcement-text{display:block;font-size:var(--font-size)}@media screen and (min-width: 750px){announcement-bar[data-layout=carousel] .announcement-slider__slide{display:none}announcement-bar[data-layout=carousel] .announcement-slider__slide:first-child{display:flex}announcement-bar[data-layout=carousel] .announcement-text{display:inline}announcement-bar[data-layout=carousel] .flickity-enabled .announcement-slider__slide{display:flex}announcement-bar:not([data-layout=carousel]){display:flex;justify-content:center}announcement-bar:not([data-layout=carousel]) .announcement__buttons{display:none}announcement-bar:not([data-layout=carousel]) .announcement-slider{display:flex;flex:1 1 auto;column-gap:5rem}announcement-bar:not([data-layout=carousel]) .announcement-slider__slide{white-space:nowrap}announcement-bar:not([data-layout=carousel]).marquee .announcement-slider{padding:0 2.5rem;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content}announcement-bar:not([data-layout=carousel])[data-direction=left].marquee .announcement-slider{animation-name:marquee-left}announcement-bar:not([data-layout=carousel])[data-direction=right].marquee .announcement-slider{animation-name:marquee-right}announcement-bar:not([data-layout=carousel]).marquee:hover .announcement-slider,announcement-bar:not([data-layout=carousel]).marquee--paused .announcement-slider{animation-play-state:paused}}@media screen and (min-width: 990px){announcement-bar:not([data-layout=carousel]) .announcement-slider{column-gap:7rem}announcement-bar:not([data-layout=carousel]).marquee .announcement-slider{padding:0 3.5rem}}@media screen and (max-width: 749px){announcement-bar[data-mobile-layout=carousel] .announcement-slider__slide{display:none}announcement-bar[data-mobile-layout=carousel] .announcement-slider__slide:first-child{display:flex}announcement-bar[data-mobile-layout=carousel] .flickity-enabled .announcement-slider__slide{display:flex}announcement-bar[data-mobile-layout=marquee]{display:flex;justify-content:center}announcement-bar[data-mobile-layout=marquee] .announcement__buttons{display:none}announcement-bar[data-mobile-layout=marquee] .announcement-slider{display:flex;flex:1 1 auto;column-gap:5rem;padding:0 2.5rem;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content}announcement-bar[data-mobile-layout=marquee][data-direction=left] .announcement-slider{animation-name:marquee-left}announcement-bar[data-mobile-layout=marquee][data-direction=right] .announcement-slider{animation-name:marquee-right}announcement-bar[data-mobile-layout=marquee] .announcement-slider__slide{white-space:nowrap}announcement-bar[data-mobile-layout=marquee].marquee--paused .announcement-slider{animation-play-state:paused}}@keyframes marquee-left{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}@keyframes marquee-right{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.announcement__buttons{display:flex;justify-content:space-between;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.announcement__button{color:rgba(var(--color-foreground),.75);background-color:transparent;border:none;padding:0;width:3.4rem;height:100%;cursor:pointer;pointer-events:visible}@media screen and (hover: hover){.announcement__button:hover{color:rgb(var(--color-foreground))}}.announcement__button .icon{width:1.4rem;height:1.4rem;pointer-events:none}.announcement__button--next .icon{transform:scaleX(-1)}announcement-bar .flickity-enabled:not(:only-child){padding:0 3.4rem}@media (prefers-reduced-motion: reduce){announcement-bar.marquee .announcement-slider{animation-play-state:paused!important}}.announcement-link:focus-visible,.announcement__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.announcement-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;animation:iconPulse 2s ease-in-out infinite}.announcement-icon svg{display:block;width:var(--icon-size, 16px);height:var(--icon-size, 16px);fill:currentColor;transition:transform .3s cubic-bezier(.4,0,.2,1)}.announcement-link:hover .announcement-icon svg{transform:scale(1.1) rotate(5deg)}.announcement-link,.announcement-slider__slide{display:flex;align-items:center;justify-content:center;gap:6px}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}announcement-bar[data-layout=carousel] .announcement-slider{transition:transform .5s cubic-bezier(.4,0,.2,1)}.announcement-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s ease-in-out;animation-delay:.2s;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}.announcement__button{transition:all .3s cubic-bezier(.4,0,.2,1)}.announcement__button:active{transform:scale(.95)}.announcement-bar,.announcement-slider,.announcement-slider__slide,.announcement-link{will-change:transform,opacity}.announcement-bar.loaded,.announcement-bar.loaded *{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-announcement-bar.css.map */