.promobar{height:32px;overflow:hidden;position:relative;z-index:999}@media screen and (max-width:749px){.address-expanded .promobar,.template-order .promobar{display:none}}.promobar__background{align-items:center;display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:100%}.promobar__gradient{animation:promobarAnimation 12s linear infinite;background-color:var(--promobar-gradient-start-color);background-image:linear-gradient(-270deg,var(--promobar-gradient-start-color) 0,var(--promobar-gradient-start-color) 15%,var(--promobar-gradient-end-color) 50%,var(--promobar-gradient-start-color) 85%,var(--promobar-gradient-start-color) 100%);content:"";display:block;flex-shrink:0;height:100%;transform:translateX(0);width:100%;will-change:transform}.promobar__wrapper{--wrapper-padding-x:0;position:relative;z-index:1}.promobar__message{--promobar-padding-x:1.6rem;--promobar-marquee-gap:4rem;align-items:center;color:var(--promobar-text-color);display:flex;font-family:SofiaPro-SemiBold,helvetica,arial,sans-serif;font-size:1.4rem;height:32px;justify-content:center;left:0;line-height:2rem;opacity:0;position:absolute;transition:opacity 1s;width:100%}.promobar__message.is-active{opacity:1;position:static}.promobar__title--mobile{display:none}@media screen and (max-width:1024px){.promobar__title--desktop{display:none}.promobar__title--mobile{display:inline}}.promobar__viewport{display:block;overflow:hidden;padding:0 var(--promobar-padding-x);width:100%}.promobar__track{display:block;text-align:center;white-space:nowrap}.promobar__text{display:inline-block}.promobar__message.is-marquee .promobar__viewport{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--promobar-padding-x),#000 calc(100% - var(--promobar-padding-x)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--promobar-padding-x),#000 calc(100% - var(--promobar-padding-x)),transparent)}.promobar__message.is-marquee .promobar__track{animation:promobarMarquee var(--promobar-marquee-duration) linear var(--promobar-marquee-delay) var(--promobar-marquee-iterations) both;display:flex;width:-moz-max-content;width:max-content;will-change:transform}.promobar__message.is-marquee .promobar__text{flex-shrink:0;padding-right:var(--promobar-marquee-gap)}.promobar__message.is-marquee:hover .promobar__track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.promobar__message.is-marquee .promobar__track{animation:none;display:block;width:auto}.promobar__message.is-marquee .promobar__text{display:block;overflow:hidden;padding-right:0;text-overflow:ellipsis}.promobar__message.is-marquee [data-promobar-clone]{display:none}}@keyframes promobarAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes promobarMarquee{to{transform:translateX(-50%)}}