.promo-bar{overflow:hidden;background-color:var(--background-color);margin-top:var(--margin-top-mobile, 0);margin-bottom:var(--margin-bottom-mobile, 0);transition-property:visibility,opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,.41,.27,1);border-bottom:1px solid var(--color-border)}.promo-bar__items{position:relative;overflow:auto;display:grid;grid-template-columns:repeat(var(--items-count),minmax(250px,1fr));margin-inline:calc(-1 * var(--container-padding));padding-inline:var(--container-padding);scroll-padding-inline:var(--container-padding)}.promo-bar__item{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;text-align:left}.promo-bar__item-icon{display:block;flex:0 0 36px;width:36px;height:36px}.promo-bar__item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-bar__item-text,.promo-bar__item-text a{color:var(--text-color, var(--color-text-primary))}.promo-bar__item-text a{white-space:nowrap}@media screen and (min-width:768px){.promo-bar__item{text-align:center}}@media screen and (min-width:992px){.promo-bar{margin-top:var(--margin-top-desktop, 0);margin-bottom:var(--margin-bottom-desktop, 0)}.promo-bar__items{overflow:hidden;grid-template-columns:repeat(var(--items-count),minmax(0,1fr))}}.promo-bar__slider{position:relative;display:none;padding-inline:40px}.promo-bar__slider-viewport{position:relative;overflow:hidden;height:44px}.promo-bar__slider-viewport .promo-bar__item{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;animation-timing-function:linear;animation-iteration-count:infinite}@media screen and (max-width:991px)and (prefers-reduced-motion:no-preference){.promo-bar__slider{display:block}.promo-bar__items{display:none}}promo-bar-slider.is-paused .promo-bar__item{animation-play-state:paused}button.promo-bar__toggle{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:40px;height:100%;transform:translateY(-50%)}button.promo-bar__toggle svg{display:block;width:24px;height:24px;fill:none!important;transition:transform .25s ease-out;will-change:transform}@media(-moz-touch-enabled:0),(hover:hover){button.promo-bar__toggle:hover svg{transform:scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/976/assets/component-promo-bar.css.map */