.mab{--mab-gap: 32px;--mab-gap-mobile: 24px;--mab-icon-size: 20px;--mab-icon-size-mobile: 18px;--mab-sep-size: 8px;--mab-sep-color: currentColor;--mab-speed: 35s;--mab-fade: 0px;--mab-text-color: #ffffff;--mab-bg: #0f0f0f;--mab-bar-height: auto;background-color:var(--mab-bg);color:var(--mab-text-color);position:relative;overflow:hidden}.mab__bar{min-height:var(--mab-bar-height);display:flex;align-items:center;padding:var(--mab-pad-y, 10px) 0}.mab__marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--mab-fade),#000 calc(100% - var(--mab-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--mab-fade),#000 calc(100% - var(--mab-fade)),transparent 100%)}.mab__track{display:flex;align-items:center;width:max-content;gap:var(--mab-gap);will-change:transform}.mab--ready .mab__track{animation:mab-scroll var(--mab-speed-active, var(--mab-speed)) linear infinite}.mab__group{display:flex;align-items:center;flex-shrink:0;gap:var(--mab-gap)}.mab--direction-right .mab__track{animation-direction:reverse}.mab--pause-hover .mab__marquee:hover .mab__track{animation-play-state:paused}@keyframes mab-scroll{0%{transform:translate(0)}to{transform:translate(var(--mab-scroll-distance, -50%))}}.mab__item{display:inline-flex;align-items:center;flex-shrink:0;gap:8px}.mab__item-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;transition:opacity .2s ease}.mab__item-link:hover{opacity:.85}.mab__icon{display:inline-flex;flex-shrink:0;line-height:0}.mab__icon-image{display:block;width:var(--mab-icon-size);height:var(--mab-icon-size);object-fit:contain}.mab__text{line-height:1.3;white-space:nowrap}.mab__separator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mab-sep-color);opacity:var(--mab-sep-opacity, .6);padding-inline:calc(var(--mab-gap) * .15)}.mab__separator-dot{width:var(--mab-sep-size);height:var(--mab-sep-size);border-radius:50%;background:currentColor;display:block}.mab__separator-line{width:1px;height:calc(var(--mab-sep-size) * 2);background:currentColor;display:block}.mab__separator-text{font-size:var(--mab-sep-size);line-height:1}.mab__separator-image{display:block;width:auto;height:var(--mab-sep-size);max-height:calc(var(--mab-bar-height, 40px) - 8px);object-fit:contain;opacity:1}.mab__separator--image{opacity:1}@media only screen and (max-width:768px){.mab__track,.mab__group{gap:var(--mab-gap-mobile)}.mab__separator{padding-inline:calc(var(--mab-gap-mobile) * .15)}.mab__icon-image{width:var(--mab-icon-size-mobile);height:var(--mab-icon-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/marquee-announcement-bar.css.map */