.promo-bar{width:100%;margin:10px auto;position:relative;box-sizing:border-box}.promo-bar__container{display:flex;align-items:center;justify-content:center}.promo-bar__slider{flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;gap:10px;padding:0 10px;scroll-padding:0 10px}.promo-bar__slider::-webkit-scrollbar{display:none}.promo-bar__item{position:relative;flex:none;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.promo-bar__slider[data-item-count="2"] .promo-bar__item,.promo-bar__slider[data-item-count="3"] .promo-bar__item,.promo-bar__slider[data-item-count="4"] .promo-bar__item{min-width:85%;width:max-content}.promo-bar__item a{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:5px;text-decoration:none;width:100%;height:100%;box-sizing:border-box;white-space:nowrap}.promo-bar__arrow-wrapper{display:none;flex-shrink:0;width:30px;height:30px;overflow:hidden;transition:width .35s ease-out,opacity .35s ease-out,margin .35s ease-out;opacity:1}.promo-bar__arrow-wrapper--prev:not(.promo-bar__arrow-wrapper--hidden){margin-right:20px}.promo-bar__arrow-wrapper--next:not(.promo-bar__arrow-wrapper--hidden){margin-left:20px}.promo-bar__arrow-wrapper--hidden{width:0;opacity:0;pointer-events:none;margin:0}.promo-bar__arrow-wrapper--visible{width:30px;opacity:1;pointer-events:auto}.promo-bar__arrow{position:relative;top:unset;transform:unset;background-color:#f3f3f3;border:none;cursor:pointer;padding:3px;border-radius:9999px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.promo-bar__arrow svg{width:24px;height:24px;fill:currentColor}@media(min-width:750px){.promo-bar{margin:10px auto;overflow:hidden;max-width:var(--page-width, 1320px)}.promo-bar__slider{padding:0;scroll-padding:0;cursor:grab}.promo-bar__slider:active{cursor:grabbing}.promo-bar__item{width:100%}.promo-bar__slider[data-item-count="2"] .promo-bar__item,.promo-bar__slider[data-item-count="3"] .promo-bar__item,.promo-bar__slider[data-item-count="4"] .promo-bar__item{min-width:auto;width:calc(50% - 10px)}.promo-bar__container[data-item-count="3"] .promo-bar__arrow-wrapper,.promo-bar__container[data-item-count="4"] .promo-bar__arrow-wrapper{display:block}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/promo-bar.css.map */