.marquee{display:flex;overflow:hidden;background:var(--background);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:relative;z-index:2;width:100%}.marque-border--top{border-top:1px solid var(--border-color-mb)}.marque-border--bottom{border-bottom:1px solid var(--border-color-mb)}.marque-border--top_bottom{border-top:1px solid var(--border-color-mb);border-bottom:1px solid var(--border-color-mb)}.marquee__list{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.marquee.active-screen .marquee__wrapper{animation:marquee-scroll var(--time-scroll) linear infinite}.marquee__wrapper{display:flex}.marquee__icon{display:inline-flex;padding:0 var(--gap-blocks);transition:all .2s ease-in-out}.marquee__icon .icon{fill:var(--icon-color-mb);width:var(--text-size-mb);height:var(--text-size-mb)}.marquee__item{color:var(--color-mb);position:relative;text-decoration:none;transition:all .2s ease-in-out;font-size:var(--text-size-mb);line-height:1;padding:0 var(--gap-blocks)}.marquee__item.has-gradient p{background-image:var(--text-gradient-mb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;font-family:var(--font-subheading-family)}.marquee__item p{margin:0}@media screen and (min-width: 1200px){.marquee:hover .marquee__wrapper{animation-play-state:paused}.marque-border--top{border-top:1px solid var(--border-color)}.marque-border--bottom{border-bottom:1px solid var(--border-color)}.marque-border--top_bottom{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.marquee__icon .icon{fill:var(--icon-color)}.marquee__item{color:var(--color);font-size:var(--text-size)}.marquee__item.has-gradient p{background-image:var(--text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.marquee__icon .icon{fill:var(--icon-color-mb);width:var(--text-size);height:var(--text-size)}}@media screen and (max-width: 1199px){.marquee{padding-top:var(--padding-top-tablet);padding-bottom:var(--padding-bottom-tablet)}}@media screen and (max-width: 550px){.marquee{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--item-width)))}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/zop-marquee.css.map */