:root{--ticker-animation-duration: 10s;--ticker-gap-x: var(--space-md);--ticker-img-width: 280px }@media (min-width:48rem){:root{--ticker-img-width: 400px }}@media (min-width:64rem){:root{--ticker-img-width: 550px }}.section--marquee{padding:0}.ticker{overflow:hidden}.ticker__list{gap:12px;list-style:none;display:flex;overflow:auto;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ticker--animate .ticker__list{animation:ticker-animation var(--ticker-animation-duration) infinite;animation-timing-function:linear}.ticker[data-ticker-pause-hover=on] .ticker__list:hover,.ticker--paused .ticker__list{animation-play-state:paused}.ticker__item{background:var(--background);color:var(--color);border-radius:200px;flex-shrink:0;padding:48px 84px;font-style:normal;margin-right:calc(var(--ticker-gap-x)/2);margin-left:calc(var(--ticker-gap-x)/2)}.ticker__item span{font-weight:600;font-size:64px}.ticker__img{display:block;width:var(--ticker-img-width)}.ticker-control{display:inline-flex;width:40px;height:40px;background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.75);border-radius:50%;transition:.2s}.ticker-control i{position:relative;display:block;width:16px;height:16px;margin:auto;color:var(--color-bg)}.ticker-control i:before,.ticker-control i:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:currentColor;transition:-webkit-clip-path .2s var(--ease-out);transition:clip-path .2s var(--ease-out);transition:clip-path .2s var(--ease-out),-webkit-clip-path .2s var(--ease-out)}.ticker-control i:before{-webkit-clip-path:polygon(1px 1px,5px 1px,5px calc(100% - 1px),1px calc(100% - 1px));clip-path:polygon(1px 1px,5px 1px,5px calc(100% - 1px),1px calc(100% - 1px))}.ticker-control i:after{-webkit-clip-path:polygon(calc(100% - 5px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px));clip-path:polygon(calc(100% - 5px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px))}.ticker-control:hover{cursor:pointer;background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95)}.ticker-control[aria-pressed=true] i:before{-webkit-clip-path:polygon(2px 0%,100% 50%,100% 50%,2px 100%);clip-path:polygon(2px 0%,100% 50%,100% 50%,2px 100%)}.ticker-control[aria-pressed=true] i:after{-webkit-clip-path:polygon(calc(100% - 5px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px));clip-path:polygon(calc(100% - 5px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px))}.ticker:not(.ticker--anim-off) .ticker__list{overflow:visible}.ticker--reverse:not(.ticker--anim-off) .ticker__list{flex-direction:row-reverse}.ticker--reverse.ticker--animate:not(.ticker--anim-off) .ticker__list{transform:translate(calc(100vw - 100%));animation-name:ticker-animation-reverse}.marquee-image .ticker__list{gap:40px;justify-content:center}.marquee-image .ticker__item{padding:20px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:24px}.marquee-image .ticker__item img{height:50px;width:150px;object-fit:contain}.marquee-image h4{text-align:center;padding:0 20px}@keyframes ticker-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ticker-animation-reverse{0%{transform:translate(calc(100vw - 100%))}to{transform:translate(calc(100vw - 50%))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ticker.css.map */
