.sham-benefits-cards{padding:var(--sham-space-8) 0;position:relative;--sham-text-color: 255 255 255;--sham-bg-color: 0 0 0}.sham-benefits-cards .sham-section-header{margin-bottom:var(--sham-space-4)}.sham-benefits-cards .sham-heading{color:var(--sham-color-white)}.sham-scroll-area{display:grid;grid-auto-flow:column;--card-width-mobile: 74vw;--card-width-tablet: 40vw;--card-width-desktop: 400px;grid-auto-columns:var(--card-width-mobile);gap:var(--sham-space-6);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:var(--sham-space-4) var(--sham-pad-mobile) var(--sham-space-8);scroll-padding-left:var(--sham-pad-mobile);scroll-padding-right:var(--sham-pad-mobile);scrollbar-width:none;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.sham-scroll-area::-webkit-scrollbar{display:none}@media screen and (min-width: 750px){.sham-scroll-area{grid-auto-columns:var(--card-width-tablet);padding-left:max(var(--sham-pad-desktop),(100vw - 1400px) / 2 + var(--sham-pad-desktop));padding-right:max(var(--sham-pad-desktop),(100vw - 1400px) / 2 + var(--sham-pad-desktop));scroll-padding-left:max(var(--sham-pad-desktop),(100vw - 1400px) / 2 + var(--sham-pad-desktop));scroll-padding-right:max(var(--sham-pad-desktop),(100vw - 1400px) / 2 + var(--sham-pad-desktop))}}@media screen and (min-width: 990px){.sham-scroll-area{grid-auto-columns:var(--card-width-desktop)}}.sham-benefits-cards .sham-card__content{justify-content:flex-end;padding-bottom:60px}.sham-card__title,.sham-card__description,.sham-card__reveal{color:var(--sham-color-white)}.sham-card__description{margin-bottom:var(--sham-space-4);margin-top:-6px}.sham-card__reveal-text{font-family:var(--sham-font-body);font-size:14px;line-height:1.4;color:var(--sham-color-white);margin-bottom:var(--sham-space-4)}.sham-benefits-cards .sham-section-footer{padding-top:var(--sham-space-4)}.sham-card-toggle-btn{position:absolute;bottom:var(--sham-space-5);right:var(--sham-space-5);z-index:30}.sham-card-toggle-btn .sham-btn__circle svg{transition:transform .3s ease}.sham-card.is-active .sham-card-toggle-btn .sham-btn__circle svg{transform:rotate(45deg)}.sham-nav-btn--prev{left:var(--sham-space-5)}.sham-nav-btn--next{right:var(--sham-space-5)}@media screen and (min-width: 990px){.sham-benefits-cards:hover .sham-nav-btn:not([disabled]){opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/sham-benefits-cards.css.map */