.cp-marquee{width:100%;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-block:var(--cp-marquee-padding-top) var(--cp-marquee-padding-bottom);font-family:var(--font-body-family);font-size:var(--cp-body-font-size-mobile);font-style:var(--font-body-style);line-height:var(--cp-body-line-height);letter-spacing:var(--cp-body-letter-spacing)}.cp-marquee__viewport{width:100%;overflow:hidden}.cp-marquee__track{display:flex;width:max-content;will-change:transform;animation:cp-marquee-scroll var(--cp-marquee-duration) linear infinite;animation-direction:var(--cp-marquee-direction)}.cp-marquee__group{display:flex;align-items:center;flex:0 0 auto;gap:var(--cp-marquee-gap);padding-inline-end:var(--cp-marquee-gap)}.cp-marquee__item{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--cp-marquee-icon-text-gap);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:inherit;font-style:var(--font-body-style);font-weight:var(--font-body-weight-semibold, 600);line-height:inherit;letter-spacing:inherit;white-space:nowrap}.cp-marquee--dividers .cp-marquee__item:after{content:"";position:absolute;top:50%;right:calc(var(--cp-marquee-gap) / -2);width:1px;height:24px;background:currentColor;opacity:.3;transform:translate(50%,-50%);pointer-events:none}.cp-marquee__icon{display:inline-flex;flex:0 0 var(--cp-marquee-icon-size);align-items:center;justify-content:center;width:var(--cp-marquee-icon-size);height:var(--cp-marquee-icon-size);color:rgb(var(--color-button))}.cp-marquee__icon svg,.cp-marquee__icon img{display:block;width:100%;height:100%}.cp-marquee__icon img{object-fit:contain}@media screen and (min-width:750px){.cp-marquee{font-size:var(--cp-body-font-size-desktop)}}@media(prefers-reduced-motion:reduce){.cp-marquee__track{width:100%;animation:none;will-change:auto}.cp-marquee__group:first-child{width:100%;flex-wrap:wrap;justify-content:center;padding-inline:var(--cp-marquee-gap)}.cp-marquee__group--clone{display:none}.cp-marquee__item{white-space:normal}.cp-marquee--dividers .cp-marquee__item:after{display:none}}@keyframes cp-marquee-scroll{to{transform:translate3d(-25%,0,0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-cp-marquee.css.map */
