.quick-benefits-bar{background:var(--qbb-bg)}.quick-benefits-bar .page-width{position:relative}.quick-benefits-bar__header{margin-bottom:1.4rem}.quick-benefits-bar__title{margin:0;color:var(--qbb-title)}.quick-benefits-bar__shell{display:block}.quick-benefits-bar__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.quick-benefits-bar__viewport::-webkit-scrollbar{display:none}.quick-benefits-bar__list{display:flex;gap:0;width:max-content;min-width:100%;margin:0;padding:0}.quick-benefits-bar__item{display:flex;align-items:center;gap:1rem;min-width:clamp(17rem,66vw,24rem);padding:1.6rem 1.8rem;color:var(--qbb-text);scroll-snap-align:start;position:relative}.quick-benefits-bar__item--divided:after{content:"";position:absolute;top:50%;right:0;width:.1rem;height:2.8rem;background:var(--qbb-divider);transform:translateY(-50%)}.quick-benefits-bar__item:last-child:after{display:none}.quick-benefits-bar__icon{flex:0 0 auto;width:var(--qbb-icon-size);height:var(--qbb-icon-size);color:var(--qbb-icon)}.quick-benefits-bar__icon .svg-wrapper,.quick-benefits-bar__icon svg{display:block;width:100%;height:100%}.quick-benefits-bar__icon svg path,.quick-benefits-bar__icon svg circle,.quick-benefits-bar__icon svg rect,.quick-benefits-bar__icon svg line,.quick-benefits-bar__icon svg polyline,.quick-benefits-bar__icon svg polygon{fill:currentColor;stroke:currentColor}.quick-benefits-bar__text{display:block;font-size:1.45rem;line-height:1.35;font-weight:600;letter-spacing:.01em}@media screen and (max-width:749px){.quick-benefits-bar .page-width:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4.8rem;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),var(--qbb-bg))}}@media screen and (min-width:750px){.quick-benefits-bar__viewport{overflow:visible}.quick-benefits-bar__list{display:grid;grid-template-columns:repeat(var(--qbb-columns, 6),minmax(0,1fr));width:100%}.quick-benefits-bar__item{min-width:0;padding:1.8rem 1.6rem}}@media screen and (min-width:990px){.quick-benefits-bar__item{padding:1.8rem 2rem}.quick-benefits-bar__text{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.quick-benefits-bar__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-quick-benefits-bar.css.map */