.social-proof{--social-proof-gutter: clamp(2rem, 5vw, 5rem);--social-proof-gap: clamp(1.2rem, 1.6vw, 2rem);--social-card-surface: #fff;--social-card-shadow: 0 .1rem .2rem rgba(var(--color-shadow), .04), 0 .6rem 1.6rem rgba(var(--color-shadow), .08);--social-card-shadow-room: 2.4rem}.social-proof__header{margin-bottom:clamp(3.2rem,4vw,4.8rem)}.social-proof--align-center .social-proof__header{align-items:center;text-align:center}.social-proof__copy{max-width:100%}.social-proof__rating{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem}.social-proof__stars{display:inline-flex;gap:.2rem}.social-proof__star{display:block;fill:currentColor;height:1.8rem;width:1.8rem}.social-proof__star--empty{fill:none;stroke:currentColor;stroke-width:1.4}.social-proof__score,.social-proof__rating-text{font-size:1.6rem;font-weight:600;line-height:1}.social-proof__rating-divider{background:rgba(var(--color-foreground),.28);display:inline-block;height:1.6rem;width:.1rem}.social-proof__heading{max-width:20ch}.social-proof__subtitle{color:rgba(var(--color-foreground),.72);font-size:clamp(1.6rem,1.4vw,1.8rem);line-height:1.6;max-width:60ch}.social-proof__subtitle p{margin:0 0 1rem}.social-proof__subtitle p:last-child{margin-bottom:0}.social-proof__slider{display:block}.social-proof__track{display:flex;flex-wrap:nowrap;gap:var(--social-proof-gap);list-style:none;margin:0;padding:0 var(--social-proof-gutter);margin-block:calc(-1 * var(--social-card-shadow-room));padding-block:var(--social-card-shadow-room)}.social-proof__track.slider{scroll-padding-left:var(--social-proof-gutter)}.social-proof__slide{flex:0 0 auto;width:min(78vw,34rem)}@media screen and (min-width:990px){.social-proof--cols-2 .social-proof__slide{width:calc(50% - .5 * var(--social-proof-gap))}.social-proof--cols-3 .social-proof__slide{width:calc(33.333% - .667 * var(--social-proof-gap))}.social-proof--cols-4 .social-proof__slide{width:calc(25% - .75 * var(--social-proof-gap))}.social-proof--cols-5 .social-proof__slide{width:calc(20% - .8 * var(--social-proof-gap))}}.social-card{background:var(--social-card-surface);border-radius:.6rem;box-shadow:var(--social-card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.social-card__media{background:rgba(var(--color-foreground),.06);aspect-ratio:var(--social-card-ratio, 3 / 4);flex:0 0 auto;min-height:0;position:relative}.social-card__image,.social-card__video,.social-card__placeholder-svg{display:block;height:100%;object-fit:cover;width:100%}.social-card__placeholder{height:100%;width:100%}.social-card__placeholder-svg{fill:rgba(var(--color-foreground),.16)}.social-card__creator{align-items:center;display:flex;gap:1rem;inset:1.4rem 1.4rem auto;pointer-events:none;position:absolute}.social-card__avatar{border:.2rem solid #fff;border-radius:50%;flex-shrink:0;height:4.4rem;object-fit:cover;width:4.4rem}.social-card__handle{color:#fff;font-size:1.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 .1rem .3rem rgba(0,0,0,.55),0 .1rem 1.2rem rgba(0,0,0,.45);white-space:nowrap}.social-card__media:has(.social-card__creator):before{background:linear-gradient(to bottom,#0000006b,#0000);content:"";height:38%;inset:0 0 auto;pointer-events:none;position:absolute;z-index:0}.social-card__creator{z-index:1}.social-card__play{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff42;border:.1rem solid rgba(255,255,255,.5);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:7.2rem;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,background .2s ease;width:7.2rem}.social-card__play:hover{background:#fff6}.social-card__play svg{height:2.8rem;margin-left:.4rem;width:2.8rem}.social-card__media--video.is-playing .social-card__play,.social-card__media--video.is-playing .social-card__creator{opacity:0;pointer-events:none;transition:opacity .2s ease}.social-card__body{display:flex;flex-direction:column;flex-grow:1;gap:1.6rem;padding:clamp(2rem,2.4vw,2.8rem)}.social-card__stars{color:rgb(var(--color-foreground))}.social-card__quote{font-size:clamp(2rem,1.9vw,2.6rem);letter-spacing:-.02em;line-height:1.2;margin:0}.social-card__text{color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:1.55}.social-card__text p{margin:0 0 1.2rem}.social-card__text p:last-child{margin-bottom:0}.social-card__author{display:flex;flex-direction:column;gap:.6rem;padding:0 clamp(2rem,2.4vw,2.8rem) clamp(2rem,2.4vw,2.8rem)}.social-card__author-name{font-size:1.6rem;font-weight:600}.social-card__verified{align-items:center;color:rgba(var(--color-foreground),.72);display:flex;font-size:1.4rem;gap:.6rem}.social-card__verified-icon{color:#1c8ef8;flex-shrink:0;height:1.6rem;width:1.6rem}.social-card--split .social-card__body{padding-top:clamp(1.6rem,2vw,2.4rem)}.social-card--highlight{background:rgba(var(--color-foreground),.04)}.social-card__author--with-portrait{align-items:center;flex-direction:row;gap:1.2rem}.social-card__author-lines{display:flex;flex-direction:column;min-width:0}.social-card__portrait{border-radius:50%;flex-shrink:0;height:4.8rem;object-fit:cover;width:4.8rem}.social-card__role{color:rgba(var(--color-foreground),.66);font-size:1.4rem;line-height:1.35}.social-card__caption{color:rgba(var(--color-foreground),.72);font-size:1.4rem;line-height:1.5;margin:0;padding:1.6rem clamp(1.6rem,2vw,2rem)}.social-proof__controls{align-items:center;display:flex;gap:1.6rem;justify-content:center;margin-top:clamp(2.4rem,3vw,3.6rem)}.social-proof__arrow{align-items:center;background:transparent;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;display:flex;height:4.8rem;justify-content:center;padding:0;transition:border-color .2s ease,opacity .2s ease;width:4.8rem}.social-proof__arrow:hover:not([disabled]){border-color:rgb(var(--color-foreground))}.social-proof__arrow[disabled]{cursor:default;opacity:.35}.social-proof__arrow-icon{height:2rem;width:2rem}.slider-dots.social-proof__dots{display:flex;padding-top:0}@media screen and (max-width:749px){.social-proof__heading{max-width:none}.social-card__play{height:5.6rem;width:5.6rem}.social-card__play svg{height:2.2rem;width:2.2rem}}@media screen and (max-width:749px){.social-proof--align-mobile-left .social-proof__header{align-items:flex-start;text-align:left}.social-proof--align-mobile-center .social-proof__header{align-items:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/social-proof-carousel.css.map */