.Marquee-Section{---Spacing: 1 ;---Repeat: 1 ;---Speed: 1 }.Marquee-Section{---Spacing-Steps: 10 ;---Spacer-Max: 300px ;---State: running ;---Parts: 3 }.Marquee-Section{---Duration: calc( ( 10 - var( ---Speed ) + 1 ) * 2s * var( ---Repeat ) ) ;---Duration-Total: calc( var( ---Duration ) * var( ---Parts ) ) ;---Spacer: calc( var( ---Spacer-Max ) * pow( var( ---Spacing ) / var( ---Spacing-Steps ) , 2 ) ) }.Marquee-Section{background:var( ---Background );color:var( ---Foreground );padding-block:1rem;display:flex;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;overflow:clip}.Marquee-Container{display:flex;padding-left:var( --page-margin )}.Marquee-Container[data-state-default = "Paused"]{---State: paused }.Marquee-Section:hover .Marquee-Container[data-state-hover = "Paused"]{---State: paused }@media(prefers-reduced-motion:reduce){.Marquee-Container{---State: paused }}.Marquee-Items:nth-child(1){---Index: 0 }.Marquee-Items:nth-child(2){---Index: 1 }.Marquee-Items:nth-child(3){---Index: 2 }.Marquee-Items{---Position: calc( var( ---Index ) + 1 ) ;---Delay: calc( -1 * var( ---Duration ) * ( var( ---Parts ) - var( ---Position ) ) ) ;---Right: calc( 100% * ( var( ---Parts ) - var( ---Position ) ) ) ;---Left: calc( -100% * var( ---Position ) ) }.Marquee-Container[data-direction = "Right"] .Marquee-Items{---From: var( ---Left ) ;---To: var( ---Right ) }.Marquee-Container[data-direction = "Left"] .Marquee-Items{---From: var( ---Right ) ;---To: var( ---Left ) }.Marquee-Items{display:flex;animation:From-To var( ---Duration-Total ) var( ---Delay ) linear infinite;animation-play-state:var( ---State )}html[data-design-mode = "true"] .Marquee-Items:nth-child(2){border:1px dotted var( ---Foreground )}@keyframes From-To{0%{translate:var( ---From ) 0}to{translate:var( ---To ) 0}}.Marquee-Item{width:fit-content;line-height:1;font-size:1.5rem;white-space:nowrap}.Marquee-Spacer{width:var( ---Spacer )}.Marquee-Spacer :is(svg,img){display:block;object-position:center;object-fit:contain;height:1.5rem;width:auto}
/*# sourceMappingURL=/cdn/shop/t/4/assets/Marquee-Section.css.map */