.marquee{position:relative;overflow:hidden;--marquee-width: 100%;--marquee-height: auto;--marquee-duration: 20s;--marquee-gap: 2rem;--marquee-item-width: auto}.marquee__track{display:flex;width:fit-content;animation:marquee var(--marquee-duration) infinite linear;gap:var(--marquee-gap);will-change:transform}.marquee__track--paused{animation-play-state:paused}.marquee__item{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:rgba(var(--color-foreground),.04);border-radius:var(--border-radius);border:.1rem solid rgba(var(--color-foreground),.1);width:300px;min-width:300px;white-space:normal;transition:all .3s ease;flex-direction:column}.marquee__item:hover{background:rgba(var(--color-foreground),.08);transform:translateY(-.2rem);box-shadow:0 .4rem .8rem rgba(var(--color-foreground),.1)}.marquee__icon{flex-shrink:0;width:100%;max-width:150px;height:100%;max-height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.4rem}.marquee__icon img{width:100%;height:100%;object-fit:contain;object-position:center}.marquee__icon svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.marquee__content{display:flex;flex-direction:column;gap:.4rem;flex-grow:1;text-align:center}.marquee__title{font-weight:var(--font-weight-medium);line-height:1.2;margin:0;color:rgb(var(--color-foreground))}.marquee__description{font-size:18px;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.3}.marquee__button{flex-shrink:0;margin:auto;padding:.8rem 1.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));text-decoration:none;border-radius:var(--border-radius);font-size:1.2rem;font-weight:var(--font-weight-medium);transition:all .3s ease;white-space:nowrap}.marquee__button:hover{background:rgb(var(--color-button-text));color:rgb(var(--color-button));transform:translateY(-.1rem)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media screen and (max-width: 749px){.marquee{--marquee-gap: 1.5rem;--marquee-duration: 15s}.marquee__item{padding:1.2rem 1.5rem;gap:.8rem;width:280px;min-width:280px}.marquee__icon{width:9rem;height:9rem}.marquee__description{font-size:1.6rem}.marquee__button{padding:.6rem 1.2rem;font-size:1.6rem}}.marquee--reverse .marquee__track{animation-direction:reverse}.marquee--slow{--marquee-duration: 30s}.marquee--fast{--marquee-duration: 10s}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}.marquee{overflow-x:auto;scroll-snap-type:x mandatory}.marquee__item{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-marquee.css.map */