.selling-points-marquee{width:100%;max-width:100%;background-color:var(--selling-points-bg, rgb(var(--color-secondary)));overflow:hidden;position:relative}.marquee-container,.ribbon-marquee-container{width:100%;display:flex;align-items:center;overflow:hidden;position:relative;min-height:var(--selling-points-height, 60px);height:var(--selling-points-height, auto);padding-block:clamp(2px,calc(var(--selling-points-height, 60px) * .15),12px)}.marquee-content,.ribbon-marquee-content{display:flex;align-items:center;white-space:nowrap;will-change:transform;position:relative;height:100%}.selling-point-template{visibility:hidden;position:absolute}.selling-point-clone{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center}.selling-point{display:inline-flex;align-items:center;margin-right:4rem;flex-shrink:0;gap:.8rem}.selling-point__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--selling-point-icon-size, 2rem);height:var(--selling-point-icon-size, 2rem);flex-shrink:0;overflow:visible}.selling-point__icon svg{width:100%;height:100%;fill:currentColor;vertical-align:top}.selling-point__text{font-size:1.4rem;font-weight:500;letter-spacing:.02em;color:var(--selling-points-text-color, rgb(var(--color-foreground)));white-space:nowrap;line-height:1.25}.selling-point__bullet{margin-left:1.2rem;font-size:1.6rem;line-height:1;opacity:.7;display:inline-flex;align-items:center;color:var(--selling-points-text-color, rgb(var(--color-foreground)))}.selling-point__text--gradient{background-image:linear-gradient(var(--selling-point-gradient-angle, 120deg),var(--selling-point-gradient-color-start, #ffffff),var(--selling-point-gradient-color-end, #f9c74f));background-size:var(--selling-point-gradient-size, 200% 200%);animation:selling-point-gradient var(--selling-point-gradient-duration, 8s) ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}@keyframes selling-point-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width: 990px){.selling-point__text{font-size:1.3rem}}@media screen and (max-width: 749px){.selling-point{margin-right:3rem;gap:.6rem}.selling-point__text{font-size:1.4rem}}@media screen and (max-width: 479px){.selling-point{margin-right:2.5rem;gap:.6rem}.selling-point__text{font-size:1.3rem}.marquee-container,.ribbon-marquee-container{min-height:max(var(--selling-points-height, 50px),50px);padding-block:clamp(2px,calc(var(--selling-points-height, 50px) * .2),10px)}}@media screen and (max-width: 390px){.selling-point__text{font-size:1.2rem}.marquee-container,.ribbon-marquee-container{min-height:max(var(--selling-points-height, 45px),45px);padding-block:clamp(2px,calc(var(--selling-points-height, 45px) * .2),10px)}}.selling-points-marquee *{scrollbar-width:none;-ms-overflow-style:none}.selling-points-marquee *::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-selling-points-marquee.css.map */