feature-strip{display:block}.feature-strip__panel{position:relative}.feature-strip__image{width:var(--feature-strip-image-width);height:var(--feature-strip-image-width);flex-shrink:0;object-fit:contain}.feature-strip__bar{--feature-strip-gap: 80px;--feature-strip-pad-start: 48px;--feature-strip-arrow-zone: 0px;--feature-strip-fade-start: 48px;--feature-strip-fade-end: 48px;--feature-strip-scroll-distance: 0px;--feature-strip-scroll-duration: 24s;position:relative;display:flex;align-items:center;height:36px}.feature-strip__bar:before,.feature-strip__bar:after{content:"";position:absolute;inset-block:0;width:var(--feature-strip-fade-start);pointer-events:none;z-index:1}.feature-strip__bar:before{inset-inline-start:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.feature-strip__bar:after{inset-inline-end:0;width:var(--feature-strip-fade-end);background:linear-gradient(to right,transparent,rgb(var(--color-background)))}.feature-strip__viewport{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feature-strip__viewport::-webkit-scrollbar{display:none}.feature-strip__track{display:flex;align-items:center;justify-content:center;gap:var(--feature-strip-gap);height:100%;width:100%;padding-inline-start:var(--feature-strip-pad-start);padding-inline-end:var(--feature-strip-pad-start)}.feature-strip__item{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:100%;white-space:nowrap;color:rgb(var(--color-foreground));font-family:var(--font-body-family, "Be Vietnam Pro", sans-serif);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:0}.feature-strip__link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;white-space:nowrap}.feature-strip__bar.is-auto-scrolling .feature-strip__viewport{overflow-x:hidden}.feature-strip__bar.is-auto-scrolling .feature-strip__track{justify-content:flex-start;width:max-content;min-width:100%;padding-inline-end:0;will-change:transform;animation:feature-strip-scroll var(--feature-strip-scroll-duration) linear infinite}.feature-strip__bar.is-auto-scrolling:focus-within .feature-strip__track{animation-play-state:paused}@media(hover:hover)and (pointer:fine){.feature-strip__bar.is-auto-scrolling:hover .feature-strip__track{animation-play-state:paused}}.feature-strip__bar.is-auto-fading .feature-strip__viewport{position:relative;overflow:hidden}.feature-strip__bar.is-auto-fading .feature-strip__track{position:relative;display:block;width:100%;height:100%;padding-inline:0;margin-inline:0}.feature-strip__bar.is-auto-fading .feature-strip__item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}.feature-strip__bar.is-auto-fading .feature-strip__item.is-active{opacity:1;visibility:visible;pointer-events:auto}.feature-strip__bar.is-auto-sliding .feature-strip__viewport{overflow:hidden}.feature-strip__bar.is-auto-sliding .feature-strip__track{justify-content:flex-start;gap:0;width:100%;padding-inline:0;will-change:transform;transition:transform .35s ease}.feature-strip__bar.is-auto-sliding .feature-strip__item{flex:0 0 100%;width:100%;min-width:100%;padding-inline:var(--feature-strip-pad-start);text-align:center}.feature-strip__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:2;display:none;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.feature-strip__arrow svg{width:16px;height:16px}.feature-strip__arrow--prev{inset-inline-start:4px}.feature-strip__arrow--next{inset-inline-end:4px}@keyframes feature-strip-scroll{0%{transform:translate(0)}to{transform:translate(calc(var(--feature-strip-scroll-distance) * -1))}}@media screen and (max-width:989px){.feature-strip__bar{--feature-strip-gap: 48px;--feature-strip-pad-start: 10px;--feature-strip-fade-start: 24px;--feature-strip-fade-end: 24px;height:30px}.feature-strip__bar:is(.is-auto-fading,.is-auto-sliding){padding-inline:0}.feature-strip__bar:is(.is-auto-fading,.is-auto-sliding) .feature-strip__arrow{display:inline-flex}.feature-strip__bar:is(.is-auto-fading,.is-auto-sliding) .feature-strip__item{padding-inline:calc(var(--feature-strip-pad-start) + var(--feature-strip-arrow-zone))}.feature-strip__bar[data-strip-has-arrows=true]{--feature-strip-arrow-zone: 24px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/feature-strip.css.map */
