.sp-section{padding-top:var(--sp-pad-top-mb, 30px);padding-bottom:var(--sp-pad-bot-mb, 30px)}@media screen and (min-width:750px){.sp-section{padding-top:var(--sp-pad-top, 40px);padding-bottom:var(--sp-pad-bot, 40px)}}.sp-section .sp-heading-wrap{text-align:center;margin-bottom:2rem}.sp-section .sp-heading{margin:0 0 .5rem}.sp-section .sp-subheading{margin:0;opacity:.75}.sp-section .sp-carousel{position:relative;width:100%;margin:0 auto}.sp-section .sp-viewport{position:relative;width:100%;overflow:hidden}.sp-section .sp-track{display:flex;gap:var(--sp-gap, 32px);align-items:flex-start;justify-content:flex-start;margin:0;padding:0 16px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory}.sp-section .sp-slide{flex:0 0 auto;scroll-snap-align:center;margin:0}.sp-section .sp-card{width:var(--sp-card-w, 340px);height:var(--sp-card-h, 420px);border-radius:var(--sp-radius, 16px);overflow:hidden;background-color:#0000000a;box-shadow:var(--sp-shadow, none)}.sp-section .sp-img{width:100%;height:100%;object-fit:cover;display:block}.sp-section .sp-caption{text-align:center;margin-top:1rem;font-size:var(--sp-cap-size, 16px);font-weight:var(--sp-cap-weight, 600);color:var(--sp-cap-color, inherit);line-height:1.4;max-width:var(--sp-card-w, 340px);margin-left:auto;margin-right:auto}.sp-section .sp-caption__quote{opacity:.85;font-style:italic}.sp-section .sp-carousel.is-initialized .sp-viewport{height:calc(var(--sp-card-h, 420px) + var(--sp-cap-space, 3.5rem))}.sp-section .sp-carousel.is-initialized .sp-track{display:block;overflow:visible;padding:0;height:100%}.sp-section .sp-carousel.is-initialized .sp-slide{position:absolute;top:0;left:50%;width:var(--sp-card-w, 340px);transform:translate(-50%);transform-origin:center top;transition:transform var(--sp-transition, .45s) ease,opacity var(--sp-transition, .45s) ease,filter var(--sp-transition, .45s) ease;will-change:transform,opacity,filter}.sp-section .sp-carousel.is-initialized .sp-slide:not(.is-active){cursor:pointer}.sp-section .sp-carousel.is-initialized .sp-caption{transition:opacity var(--sp-transition, .45s) ease}.sp-section .sp-carousel.is-initialized .sp-slide:not(.is-active) .sp-caption{opacity:0}.sp-section .sp-arrow{position:absolute;top:calc(var(--sp-card-h, 420px) / 2);transform:translateY(-50%);z-index:200;display:flex;align-items:center;justify-content:center;width:var(--sp-arrow-size, 48px);height:var(--sp-arrow-size, 48px);padding:0;border:none;border-radius:50%;cursor:pointer;background:var(--sp-arrow-bg, #ffffff);color:var(--sp-arrow-color, #142b4d);box-shadow:var(--sp-arrow-shadow, 0 6px 18px rgba(0, 0, 0, .15));transition:transform .2s ease,opacity .2s ease}.sp-section .sp-arrow:hover{transform:translateY(-50%) scale(1.06)}.sp-section .sp-arrow:disabled{opacity:.35;cursor:default}.sp-section .sp-arrow svg{width:42%;height:42%}.sp-section .sp-arrow--prev{left:max(4px,calc(50% - var(--sp-card-w, 340px) / 2 - var(--sp-arrow-size, 48px) / 2))}.sp-section .sp-arrow--next{right:max(4px,calc(50% - var(--sp-card-w, 340px) / 2 - var(--sp-arrow-size, 48px) / 2))}.sp-section .sp-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1.5rem}.sp-section .sp-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;cursor:pointer;background:var(--sp-dot-color, #d8d2c7);opacity:.6;transition:transform .2s ease,opacity .2s ease,background .2s ease}.sp-section .sp-dot.is-active{background:var(--sp-dot-active, #142b4d);opacity:1;transform:scale(1.25)}@media screen and (max-width:749px){.sp-section .sp-card{width:var(--sp-card-w-mb, 240px);height:var(--sp-card-h-mb, 300px)}.sp-section .sp-carousel.is-initialized .sp-slide{width:var(--sp-card-w-mb, 240px)}.sp-section .sp-caption{max-width:var(--sp-card-w-mb, 240px)}.sp-section .sp-carousel.is-initialized .sp-viewport{height:calc(var(--sp-card-h-mb, 300px) + var(--sp-cap-space, 3.5rem))}.sp-section .sp-arrow{top:calc(var(--sp-card-h-mb, 300px) / 2)}.sp-section .sp-arrow--prev{left:max(2px,calc(50% - var(--sp-card-w-mb, 240px) / 2 - var(--sp-arrow-size, 48px) / 2))}.sp-section .sp-arrow--next{right:max(2px,calc(50% - var(--sp-card-w-mb, 240px) / 2 - var(--sp-arrow-size, 48px) / 2))}}@media(prefers-reduced-motion:reduce){.sp-section .sp-slide,.sp-section .sp-arrow,.sp-section .sp-caption{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-social-proof-slider.css.map */