.announcement-bar-section{position:relative;z-index:52}.header-section+.announcement-bar-section{z-index:49}.announcement-bar{background:var(--color-announcement-bar-bg, var(--color-accent));color:var(--color-announcement-bar-text, #fff);line-height:1.2;padding:11px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}@media only screen and (min-width:768px){.announcement-bar{padding:12px 0}}.announcement-bar--inner{height:100%;display:flex;align-items:center;max-width:none;white-space:nowrap;font-size:calc(var(--font-announcement-scale, 1) * 11px);font-weight:500;overflow:hidden;letter-spacing:.06em;text-transform:uppercase}@media only screen and (min-width:768px){.announcement-bar--inner{font-size:calc(var(--font-announcement-scale, 1) * 12.5px)}}.announcement-bar--marquee.direction-left>div{animation:marquee-left var(--marquee-speed) linear infinite}.announcement-bar--marquee.direction-right>div{animation:marquee-right var(--marquee-speed) linear infinite}.announcement-bar--marquee>div{display:flex;align-items:center;flex-shrink:0;will-change:transform}.announcement-bar--marquee:hover>div{animation-play-state:paused}.announcement-bar--marquee .announcement-bar--item:empty{display:none}.announcement-bar--carousel{text-align:center;padding:0 15px}@media only screen and (min-width:768px){.announcement-bar--carousel{padding:0 50px}}.announcement-bar--carousel .carousel{width:100%;max-width:700px;margin:0 auto}.announcement-bar--carousel .carousel__slide{width:100%;display:none;white-space:normal;text-align:center}.announcement-bar--carousel .carousel__slide:first-child{display:block}.announcement-bar--carousel .carousel .flickity-viewport:before{content:"";display:block;position:absolute;top:0;left:0;width:50px;height:100%;z-index:30;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,0) 0,var(--color-announcement-bar-bg, var(--color-accent)) 50px,var(--color-announcement-bar-bg, var(--color-accent)) 100%)}.announcement-bar--carousel .carousel .flickity-viewport:after{content:"";display:block;position:absolute;top:0;right:0;width:50px;height:100%;z-index:30;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,0) 0,var(--color-announcement-bar-bg, var(--color-accent)) 50px,var(--color-announcement-bar-bg, var(--color-accent)) 100%)}.announcement-bar--carousel .carousel .flickity-viewport .carousel__slide{display:block;overflow:hidden}.announcement-bar--carousel .carousel .flickity-slider{display:flex;align-items:center}.announcement-bar--carousel .flickity-nav{display:flex;width:42px;height:42px;margin-top:-21px;opacity:1;background:var(--color-announcement-bar-bg, var(--color-accent));box-shadow:none}.announcement-bar--carousel .flickity-nav svg path{stroke:var(--color-announcement-bar-text, #fff)}.announcement-bar--item{display:inline-flex;align-items:center;gap:8px;padding:0 28px;letter-spacing:inherit;position:relative}@media only screen and (max-width:767px){.announcement-bar--item{padding:0 20px;gap:6px}}.announcement-bar--item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;pointer-events:none}.announcement-bar--item svg,.announcement-bar--item .announcement-bar--icon{flex-shrink:0;height:14px;width:14px;fill:currentColor;color:var(--color-announcement-bar-text, #fff)}@media only screen and (min-width:768px){.announcement-bar--item svg,.announcement-bar--item .announcement-bar--icon{height:15px;width:15px}}.announcement-bar--item a{color:var(--color-announcement-bar-text, #fff);text-decoration:none;display:inline-flex;align-items:center;gap:inherit;transition:opacity .2s ease}.announcement-bar--item a:hover{opacity:.85}.announcement-bar--item-offer{font-weight:600}.announcement-bar--item-trust{font-weight:500}.announcement-bar--item-trust .announcement-bar--heart{font-size:1.1em;line-height:1;text-transform:none;letter-spacing:0}.announcement-bar--item-contact{font-weight:500}.announcement-bar--item-contact .announcement-bar--icon{opacity:1}.announcement-bar--text{display:inline}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.announcement-bar--marquee.direction-left>div,.announcement-bar--marquee.direction-right>div{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/announcement-bar.css.map */