/*!
 * DS Social proof
 *
 * sections/ds-social-proof.liquid. Mobile first:
 * - below 1024px the swipe row of Figma node 1304:15321 — 280px cards running
 *   from the gutter out past the right edge of the viewport;
 * - from 1024px the row of Figma node 1304:11621 — 322px cards with the
 *   design's arrows over the artwork.
 *
 * The play button on a video card is Figma node 1598:17500.
 */@media screen and (max-width:767px){.ds-social-proof-section .section--padding{padding-block-start:calc(var(--section-padding-top) / 2);padding-block-end:calc(var(--section-padding-bottom) / 2)}}.ds-social-proof-section{--ds-social-proof-card: 17.5rem;--ds-social-proof-gap: .75rem;--ds-social-proof-radius: .875rem;--ds-social-proof-inset: 1rem;--ds-social-proof-avatar: 3.5rem;--ds-social-proof-avatar-inset: .1875rem;--ds-social-proof-avatar-border: 2px;--ds-social-proof-ink: #221c35}.ds-social-proof__header{gap:var(--sp-2);margin-block-end:var(--sp-6)}.ds-social-proof__heading{margin:0;line-height:1.155}.ds-social-proof__text{max-width:33rem;margin:0;font-size:var(--text-sm);line-height:1.43}.ds-social-proof__carousel{margin-inline:calc(var(--page-padding) * -1)}.ds-social-proof__slider{position:relative;overflow-x:auto;padding-inline:var(--page-padding);scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ds-social-proof__slider::-webkit-scrollbar{display:none}.ds-social-proof__slider:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ds-social-proof__track{gap:var(--ds-social-proof-gap);width:max-content;margin:0;padding:0;list-style:none}.ds-social-proof__card{flex:0 0 var(--ds-social-proof-card);gap:.75rem;width:var(--ds-social-proof-card);scroll-snap-align:start}.ds-social-proof__media{aspect-ratio:280 / 390;border-radius:var(--ds-social-proof-radius);background:#fafafa}.ds-social-proof__image,.ds-social-proof__video>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ds-social-proof__tint{z-index:1;background:rgb(0 0 0 / var(--ds-social-proof-tint, .1));transition:opacity var(--animation-short, .2s ease)}.ds-social-proof__media:has(video-media[loaded]) .ds-social-proof__tint{opacity:0}.ds-social-proof__poster{z-index:2;padding:0;border:0;background:none;cursor:pointer}.ds-social-proof__play{width:2rem;height:2rem;background:#fffffff2;transition:transform var(--animation-short, .2s ease),opacity var(--animation-short, .2s ease)}.ds-social-proof__play img{display:block;transform:translate(1px)}.ds-social-proof__poster:focus-visible{outline:none}.ds-social-proof__poster:focus-visible .ds-social-proof__play{outline:2px solid #fff;outline-offset:3px}video-media[loaded] .ds-social-proof__play{opacity:0;visibility:hidden}@media screen and (pointer:fine){.ds-social-proof__poster:hover .ds-social-proof__play{transform:scale(1.08)}}.ds-social-proof__badge{z-index:3;inset-block-end:var(--ds-social-proof-inset);inset-inline-start:var(--ds-social-proof-inset);max-width:calc(100% - var(--ds-social-proof-inset) * 2);gap:.375rem;padding:.375rem .875rem;background:#ffdfe5;color:var(--ds-social-proof-ink);font-family:var(--font-body-family);font-size:var(--text-sm);font-weight:700;line-height:1.43;white-space:nowrap;transition:opacity var(--animation-short, .2s ease)}.ds-social-proof__badge>span{overflow:hidden;text-overflow:ellipsis}.ds-social-proof__badge--link>span{text-decoration:underline;text-underline-offset:.15em}.ds-social-proof__badge--link:focus-visible{outline:2px solid #fff;outline-offset:2px}.ds-social-proof__media:has(video-media[playing]) .ds-social-proof__badge{opacity:0;pointer-events:none}.ds-social-proof__person{gap:.75rem;min-width:0}.ds-social-proof__avatar{display:block;width:var(--ds-social-proof-avatar);height:var(--ds-social-proof-avatar);padding:var(--ds-social-proof-avatar-inset);background:linear-gradient(30deg,#f7d00b 10%,#f60e0e 50%,#b700ff 94%)}.ds-social-proof__avatar img{display:block;width:100%;height:100%;object-fit:contain;border:var(--ds-social-proof-avatar-border) solid #fff;background-color:#fff}.ds-social-proof__name{min-width:0;margin:0;overflow:hidden;font-family:var(--font-body-family);font-size:1.0625rem;font-weight:700;line-height:1.41;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--color-foreground))}.ds-social-proof__arrows{z-index:4;inset-inline:0;inset-block-start:calc(var(--ds-social-proof-card) * 390 / 280 / 2 - 1.375rem);padding-inline:calc(var(--page-padding) + 1.3125rem) .6875rem}.ds-social-proof__arrow{width:2.75rem;height:2.75rem;padding:0;border:0;background:none;cursor:pointer;transition:opacity var(--animation-short, .2s ease),visibility var(--animation-short, .2s ease)}.ds-social-proof__arrow img{display:block}.ds-social-proof__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ds-social-proof__arrow[disabled]{opacity:0;visibility:hidden}.ds-social-proof__arrow[hidden]{display:none}@media screen and (prefers-reduced-motion:reduce){.ds-social-proof__play,.ds-social-proof__poster:hover .ds-social-proof__play{transition:none;transform:none}}@media screen and (min-width:768px){.ds-social-proof__text{font-size:var(--text-base);line-height:1.625}}@media screen and (min-width:1024px){.ds-social-proof-section{--ds-social-proof-card: 20.125rem;--ds-social-proof-gap: 1.125rem;--ds-social-proof-radius: .9375rem;--ds-social-proof-inset: 1.125rem;--ds-social-proof-avatar: 4.375rem;--ds-social-proof-avatar-inset: .21875rem;--ds-social-proof-avatar-border: 4px}.ds-social-proof__header{margin-block-end:2.25rem}.ds-social-proof__card,.ds-social-proof__person{gap:.875rem}.ds-social-proof__name{font-family:var(--font-heading-family);font-size:1.15625rem;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-social-proof.css.map */