.sp-section{overflow-x:hidden}.sp-header{padding:0 20px;margin-bottom:28px;max-width:var(--page-width, 1400px);margin-left:auto;margin-right:auto}.sp-header--left{text-align:left}.sp-header--center{text-align:center}.sp-title{font-family:var(--font-heading-family, inherit);font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:400;letter-spacing:.01em;margin:0;color:var(--sp-title-color, #1a1a1a)}@media screen and (max-width:749px){.sp-header{text-align:center}}.sp-viewport{width:100%;max-width:var(--page-width, 1400px);margin-left:auto;margin-right:auto;position:relative}.sp-track{display:flex;flex-wrap:nowrap;align-items:flex-start;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--sp-gap, 22px);max-width:100%;margin:0 auto;padding:4px 20px 12px;list-style:none}.sp-track::-webkit-scrollbar{display:none;width:0;height:0}.sp-card{position:relative;flex:0 0 var(--sp-card-width, 280px);width:var(--sp-card-width, 280px);height:var(--sp-card-height, 460px);background:var(--sp-card-bg, #f7f7f7);border:1px solid var(--sp-card-border, #e6e6e6);border-radius:var(--sp-radius, 16px);overflow:hidden;box-shadow:0 1px 6px #00000009;transition:box-shadow .25s ease,transform .25s ease;scroll-snap-align:start}.sp-card:hover{box-shadow:0 6px 18px #0000000f;transform:translateY(-2px)}.sp-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:749px){.sp-track{padding-left:24px;padding-right:24px;scroll-padding-left:24px;scroll-padding-right:24px}.sp-card{flex:0 0 85%;width:85%;max-width:85%;scroll-snap-align:center;scroll-snap-stop:always}.sp-arrow{display:none}}@media screen and (min-width:750px){.sp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #e6e6e6;background:#fff;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;padding:0}.sp-arrow:hover{box-shadow:0 4px 14px #0000001a;transform:translateY(-50%) scale(1.05)}.sp-arrow svg{width:15px;height:15px;stroke:#3a3a3a}.sp-arrow--prev{left:4px}.sp-arrow--next{right:4px}.sp-arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}}@media screen and (min-width:1200px){.sp-arrow--prev{left:4px}.sp-arrow--next{right:4px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/social-proof-carousel.css.map */