.pebble-marquee{position:relative;overflow:hidden;border-radius:var(--pebble-marquee-radius, 0px);background-color:var(--color-background);color:var(--color-foreground);--pebble-marquee-gap: clamp(var(--pebble-marquee-gap-min, 24px), 2.5vw, var(--pebble-marquee-gap-max, 32px))}.pebble-marquee--rotated{width:110%;margin-inline:-5%;transform:rotate(var(--pebble-marquee-angle, 0deg))}.pebble-marquee__viewport{overflow:hidden;container-type:inline-size;container-name:pebble-marquee}.pebble-marquee--faded .pebble-marquee__viewport{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.pebble-marquee__track{display:flex;width:max-content;gap:var(--pebble-marquee-gap);animation:pebble-marquee-loop var(--pebble-marquee-duration, 20s) linear infinite}.pebble-marquee[data-direction=reverse] .pebble-marquee__track{animation-direction:reverse}@keyframes pebble-marquee-loop{to{transform:translate3d(calc(-50% - (var(--pebble-marquee-gap) / 2)),0,0)}}.pebble-marquee__group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:var(--pebble-marquee-gap);min-width:100cqw}@media(hover:hover)and (pointer:fine){.pebble-marquee[data-pause-on-hover] .pebble-marquee__track:hover{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.pebble-marquee__track{animation:none}}.pebble-marquee__text{margin:0;white-space:nowrap;font-size:var(--pebble-marquee-text-size, .9375rem);font-weight:var(--pebble-marquee-text-weight, 500);line-height:1.6}.pebble-marquee__text--large{--pebble-marquee-text-size: clamp(1.25rem, 2.2vw, 1.75rem);--pebble-marquee-text-weight: 700;line-height:1.35}.pebble-marquee__separator{flex:0 0 auto;background-color:currentColor}.pebble-marquee__separator--dot{width:var(--pebble-marquee-separator-size, 4px);height:var(--pebble-marquee-separator-size, 4px);border-radius:50%}.pebble-marquee__separator--line{width:1px;height:1.5em;opacity:.4}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.pebble-marquee[data-parallax] .pebble-marquee__track{animation-name:pebble-marquee-loop,pebble-marquee-drift;animation-duration:var(--pebble-marquee-duration, 20s),auto;animation-timing-function:linear,linear;animation-iteration-count:infinite,1;animation-timeline:auto,view()}}}@keyframes pebble-marquee-drift{0%{translate:5% 0}to{translate:-5% 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pebble-marquee.css.map */