.swx-benefit-pills{--swx-benefit-pills-cap-width: 8.4rem;--swx-benefit-pills-center-inset: var(--swx-benefit-pills-cap-width);--swx-benefit-pills-powder-color: rgb(var(--color-background));--swx-benefit-pills-fade-width: 3.8rem;--swx-benefit-pills-fade-height: 2.5rem;--swx-benefit-pills-content-inset: 2.3rem;--swx-benefit-pills-scroll-padding: 0rem;display:block;width:100%}.swx-benefit-pills__outer{box-sizing:border-box;width:100%}.swx-benefit-pills__viewport{position:relative;width:100%}.swx-benefit-pills__track{position:relative;width:100%;overflow:hidden}.swx-benefit-pills__pill{position:relative;display:flex;align-items:center;width:100%;justify-content:center;height:7.4rem;color:var(--swx-benefit-pills-powder-color);overflow:hidden}.swx-benefit-pills__powder,.swx-benefit-pills__pill:before,.swx-benefit-pills__pill:after{position:absolute;top:0;bottom:0;background:currentColor;pointer-events:none;mask-mode:alpha;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.swx-benefit-pills__powder{inset-block:0;inset-inline:var(--swx-benefit-pills-center-inset);z-index:0;mask-image:var(--swx-benefit-pills-bg-mobile-center-mask);mask-position:center;mask-repeat:repeat-x;mask-size:auto 100%;-webkit-mask-image:var(--swx-benefit-pills-bg-mobile-center-mask);-webkit-mask-position:center;-webkit-mask-repeat:repeat-x;-webkit-mask-size:auto 100%}.swx-benefit-pills__pill:before,.swx-benefit-pills__pill:after{content:"";display:block;z-index:1;width:var(--swx-benefit-pills-cap-width);mask-image:var(--swx-benefit-pills-bg-mobile-mask);mask-size:auto 100%;-webkit-mask-image:var(--swx-benefit-pills-bg-mobile-mask);-webkit-mask-size:auto 100%}.swx-benefit-pills__pill:before{left:0;mask-position:left center;-webkit-mask-position:left center}.swx-benefit-pills__pill:after{right:0;mask-position:right center;-webkit-mask-position:right center}.swx-benefit-pills__items{position:relative;z-index:2;display:flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% - var(--swx-benefit-pills-content-inset) - var(--swx-benefit-pills-content-inset));min-width:0;gap:var(--swx-benefit-pills-column-gap, 2.4rem);padding-block:0;padding-inline:var(--swx-benefit-pills-scroll-padding);list-style:none;color:var(--swx-benefit-pills-text-color, rgb(var(--color-foreground)));font-family:var(--font-navigation-family, var(--font-body-family));font-size:var(--swx-benefit-pills-font-size, 1.2rem);font-weight:400;line-height:1.4;margin:0;letter-spacing:-.02em;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-padding-inline:var(--swx-benefit-pills-scroll-padding);-webkit-overflow-scrolling:touch}.swx-benefit-pills__items::-webkit-scrollbar{display:none}.swx-benefit-pills__ticker{flex:0 1 auto;width:calc(100% - var(--swx-benefit-pills-content-inset) - var(--swx-benefit-pills-content-inset))}.swx-benefit-pills__ticker-group.swx-ticker__group{width:max-content;min-width:max-content;flex:0 0 auto;justify-content:flex-start;padding-inline:0 var(--swx-benefit-pills-column-gap, 2.4rem);overflow:visible;scroll-padding-inline:0;animation:swx-ticker var(--swx-ticker-delay, 15s) infinite linear}.swx-benefit-pills[data-ticker-active=true] .swx-benefit-pills__item:last-child .swx-benefit-pills__separator{display:flex}.swx-benefit-pills[data-ticker-active=true]:hover .swx-benefit-pills__ticker-group,.swx-benefit-pills[data-ticker-active=true]:focus-within .swx-benefit-pills__ticker-group,.swx-benefit-pills[data-ticker-interacting=true] .swx-benefit-pills__ticker-group,.swx-benefit-pills[data-ticker-visible=false] .swx-benefit-pills__ticker-group,.swx-benefit-pills[data-page-visible=false] .swx-benefit-pills__ticker-group{animation-play-state:paused}.swx-benefit-pills[data-overflowing=true] .swx-benefit-pills__items{--swx-benefit-pills-scroll-padding: var(--swx-benefit-pills-fade-width);justify-content:flex-start}.swx-benefit-pills__item{display:flex;flex:0 0 auto;align-items:center;gap:var(--swx-benefit-pills-column-gap, 2.4rem);white-space:nowrap}.swx-benefit-pills__item:last-child .swx-benefit-pills__separator{display:none}.swx-benefit-pills__label{display:block;color:currentColor;font:inherit;line-height:1;text-decoration:none}a.swx-benefit-pills__label:hover{opacity:.85}a.swx-benefit-pills__label:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.swx-benefit-pills__separator{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:.8rem;height:.8rem;color:currentColor}.swx-benefit-pills__separator svg{display:block;width:100%;height:100%;max-width:none;max-height:none}.swx-benefit-pills__fade{position:absolute;top:50%;z-index:3;width:var(--swx-benefit-pills-fade-width);height:var(--swx-benefit-pills-fade-height);background:var(--swx-benefit-pills-powder-color);mask-image:var(--swx-benefit-pills-overflow-mask);mask-mode:alpha;mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%;opacity:0;pointer-events:none;transition:opacity .15s ease;-webkit-mask-image:var(--swx-benefit-pills-overflow-mask);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.swx-benefit-pills__fade--start{left:var(--swx-benefit-pills-content-inset);transform:translateY(-50%)}.swx-benefit-pills__fade--end{right:var(--swx-benefit-pills-content-inset);transform:translateY(-50%) scaleX(-1)}.swx-benefit-pills[data-overflowing=true]:not([data-at-start=true]) .swx-benefit-pills__fade--start{opacity:1}.swx-benefit-pills[data-overflowing=true]:not([data-at-end=true]) .swx-benefit-pills__fade--end{opacity:1}.swx-benefit-pills[data-ticker-active=true] .swx-benefit-pills__fade{opacity:1}@media(prefers-reduced-motion:reduce){.swx-benefit-pills__fade{transition:none}}@media screen and (min-width:750px){.swx-benefit-pills{--swx-benefit-pills-cap-width: clamp(12rem, calc(var(--swx-desktop-reference-unit) * 240), 24rem);--swx-benefit-pills-content-inset: 1.5rem}.swx-benefit-pills__pill{height:7rem}.swx-benefit-pills__powder{inset-inline:var(--swx-benefit-pills-center-inset);mask-image:var(--swx-benefit-pills-bg-center-mask);mask-position:center;mask-repeat:repeat-x;mask-size:auto 100%;-webkit-mask-image:var(--swx-benefit-pills-bg-center-mask);-webkit-mask-position:center;-webkit-mask-repeat:repeat-x;-webkit-mask-size:auto 100%}.swx-benefit-pills__pill:before,.swx-benefit-pills__pill:after{display:block;mask-image:var(--swx-benefit-pills-bg-mask);-webkit-mask-image:var(--swx-benefit-pills-bg-mask)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/swx-benefit-pills.css.map */
