.urgency-banner{display:flex;flex-direction:column;align-items:center;width:100%;min-height:var(--ub-height-mobile);padding:var(--ub-padding-block) 0;margin-bottom:calc(var(--ub-overlap-mobile) * -1);background:var(--ub-background)}.urgency-banner__inner{display:flex;align-items:center;justify-content:center;gap:var(--ub-gap-mobile);width:100%;max-width:var(--ub-max-width);padding:0 var(--ub-padding-inline-mobile)}.urgency-banner__text{margin:0;color:var(--ub-text-color);font-family:var(--ub-font);font-size:var(--ub-text-size-mobile);font-weight:500;line-height:var(--ub-line-height-mobile);text-align:center}.urgency-banner__arrow{display:flex;flex:0 0 auto;align-items:center;width:var(--ub-arrow-width-mobile);color:var(--ub-arrow-color)}.urgency-banner__arrow--end{transform:scaleX(-1)}.urgency-banner__arrow-image,.urgency-banner__arrow-svg{display:block;width:100%;height:auto}@keyframes urgency-banner-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.72}}@keyframes urgency-banner-slide{0%,to{transform:translate(var(--ub-arrow-travel));opacity:1}50%{transform:translate(calc(var(--ub-arrow-travel) * -1));opacity:.7}}@keyframes urgency-banner-slide-mirrored{0%,to{transform:translate(calc(var(--ub-arrow-travel) * -1));opacity:1}50%{transform:translate(var(--ub-arrow-travel));opacity:.7}}.urgency-banner--anim-pulse .urgency-banner__arrow-image,.urgency-banner--anim-pulse .urgency-banner__arrow-svg{animation:urgency-banner-pulse var(--ub-arrow-animation-speed) ease-in-out infinite}.urgency-banner--anim-mirror .urgency-banner__arrow-image,.urgency-banner--anim-mirror .urgency-banner__arrow-svg,.urgency-banner--anim-ltr .urgency-banner__arrow-image,.urgency-banner--anim-ltr .urgency-banner__arrow-svg{animation:urgency-banner-slide var(--ub-arrow-animation-speed) ease-in-out infinite}.urgency-banner--anim-ltr .urgency-banner__arrow--end .urgency-banner__arrow-image,.urgency-banner--anim-ltr .urgency-banner__arrow--end .urgency-banner__arrow-svg{animation-name:urgency-banner-slide-mirrored}@media(prefers-reduced-motion:reduce){.urgency-banner__arrow-image,.urgency-banner__arrow-svg{animation:none}}@media screen and (min-width:750px){.urgency-banner{min-height:var(--ub-height);margin-bottom:calc(var(--ub-overlap) * -1)}.urgency-banner__inner{gap:var(--ub-gap);padding:0}.urgency-banner__text{font-size:var(--ub-text-size);line-height:var(--ub-line-height)}.urgency-banner__arrow{width:var(--ub-arrow-width)}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/urgency-banner.css.map */