.rcm{padding-top:var(--rcm-pt);padding-bottom:var(--rcm-pb);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.rcm__fullbleed{width:100vw;margin-left:50%;transform:translate(-50%)}.rcm__heading{margin:0 0 16px}.rcm__viewport{position:relative;overflow:hidden;border-radius:var(--rcm-radius);background:rgb(var(--color-background));padding:var(--rcm-pad-y) var(--rcm-pad-x);box-sizing:border-box}.rcm__viewport:before,.rcm__viewport:after{content:"";position:absolute;top:0;height:100%;z-index:2;pointer-events:none}.rcm__viewport:before{left:0;width:var(--rcm-fade);background:linear-gradient(to right,rgb(var(--color-background)),rgb(var(--color-background) / 0))}.rcm__viewport:after{right:0;width:var(--rcm-fade);background:linear-gradient(to left,rgb(var(--color-background)),rgb(var(--color-background) / 0))}.rcm__track{display:flex;width:max-content;will-change:transform;transform:translateZ(0);gap:0}.rcm__segment{display:flex;align-items:center;gap:var(--rcm-gap);padding-right:var(--rcm-gap);flex-shrink:0}.rcm__item{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;white-space:nowrap;line-height:1.2;font-size:var(--rcm-font);color:rgb(var(--color-foreground));background:#ffffff24;border:1px solid rgba(255,255,255,.22)}.rcm__img{height:var(--rcm-icon);width:auto;max-width:none;object-fit:contain;display:block;flex:0 0 auto}.rcm__track.is-ready{animation:rcm-marquee var(--rcm-duration) linear infinite}@keyframes rcm-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--rcm-shift)),0,0)}}@media (hover: hover) and (pointer: fine){[data-rcm][data-rcm-pause=true] .rcm__viewport:hover .rcm__track.is-ready{animation-play-state:paused}}@media (prefers-reduced-motion: reduce){.rcm__track{animation:none!important}.rcm__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}.rcm__viewport:before,.rcm__viewport:after{display:none}}@media screen and (max-width: 749px){.rcm__viewport:before,.rcm__viewport:after{width:var(--rcm-fade-m)}.rcm__item{padding:9px 12px;font-size:var(--rcm-font-m)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/rc-infinite-marquee.css.map */
