@layer components{.marquee{background-color:var(--color-background);color:var(--color-foreground)}.marquee:not(.full-width) .marquee__strip{width:100%;box-sizing:border-box}.marquee__strip{display:flex;align-items:center;width:100%;overflow:clip;position:relative;min-width:0}.marquee__viewport{width:100%;overflow-x:clip;overflow-y:clip;min-width:0;contain:layout paint}.marquee__track{display:flex;align-items:center;flex-wrap:nowrap;overflow:visible}[data-marquee][data-marquee-ready] .marquee__track{will-change:transform;backface-visibility:hidden}.marquee__set{display:flex;flex-shrink:0;align-items:center;gap:0;overflow:visible;padding-inline:0;text-box:trim-both cap alphabetic}.marquee__item{display:inline-flex;align-items:center;flex-shrink:0;overflow:visible;margin-inline-end:var(--marquee-gap, 2rem)}.marquee__text{display:inline-block;color:var(--color-foreground);font-family:var(--font-body-family);font-size:var( --marquee-text-size-mobile, var(--marquee-text-size, var(--paragraph-size-mobile)) );font-weight:var(--marquee-text-font-weight, var(--paragraph-font-weight));line-height:normal;padding-block:.16em;overflow:visible;white-space:nowrap}.marquee__image-frame{display:block;flex-shrink:0;width:var(--image-width-mobile, var(--image-width, 120px));height:var(--image-height-mobile, var(--image-height, 60px));border-radius:var(--marquee-image-radius, 16px);overflow:hidden}.marquee__image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:var(--object-fit, contain);object-position:var(--object-position, center)}@media(min-width:640px)and (max-width:879px){.marquee__text{font-size:var( --marquee-text-size-tablet, var(--marquee-text-size-mobile, var(--paragraph-size-tablet)) )}}@media(min-width:880px){.marquee__text{font-size:var( --marquee-text-size-desktop, var(--marquee-text-size-tablet, var(--paragraph-size-desktop)) )}}@media screen and (min-width:640px){.marquee__image-frame{width:var( --image-width-tablet, var(--image-width-mobile, var(--image-width, 120px)) );height:var( --image-height-tablet, var(--image-height-mobile, var(--image-height, 60px)) )}}@media screen and (min-width:880px){.marquee__image-frame{width:var( --image-width-desktop, var( --image-width-tablet, var(--image-width-mobile, var(--image-width, 120px)) ) );height:var( --image-height-desktop, var( --image-height-tablet, var(--image-height-mobile, var(--image-height, 60px)) ) )}}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-marquee-styles.css.map */