.social-proof{--sp-gold: #c4a05a;display:flex;align-items:center;gap:.85rem;width:100%;max-width:44rem;margin:1.2rem 0 0;padding:.85rem 1.1rem;box-sizing:border-box;background-color:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.12);border-radius:6px}.social-proof__avatars{--sp-avatar-size: 2.4rem;--sp-avatar-overlap: .65rem;--sp-avatar-step: calc(var(--sp-avatar-size) - var(--sp-avatar-overlap));--sp-ring: 2px;--sp-count: 3;position:relative;flex-shrink:0;box-sizing:content-box;width:calc(var(--sp-avatar-size) + (var(--sp-count) - 1) * var(--sp-avatar-step));height:var(--sp-avatar-size);padding:var(--sp-ring);overflow:hidden}.social-proof__avatar{position:absolute;top:var(--sp-ring);left:var(--sp-ring);display:inline-flex;align-items:center;justify-content:center;width:var(--sp-avatar-size);height:var(--sp-avatar-size);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--sp-gold);font-size:.85rem;font-weight:700;letter-spacing:.02em;line-height:1;color:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box;transform:translate3d(calc(var(--sp-slot, 0) * var(--sp-avatar-step)),0,0);opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s ease;will-change:transform,opacity;backface-visibility:hidden}.social-proof__avatar.is-enter{opacity:0}.social-proof__avatar.is-exit{opacity:0;pointer-events:none}.social-proof__avatar--tone-0{background-color:#1a1a1a}.social-proof__avatar--tone-1{background-color:#2a2a2a}.social-proof__avatar--tone-2{background-color:#111}.social-proof__avatar--tone-3{background-color:#333}.social-proof__avatar--tone-4{background-color:#222}.social-proof__text{flex:1 1 auto;min-width:0;margin:0;font-size:clamp(1.05rem,.85vw + .55rem,1.2rem);line-height:1.35;font-weight:400;color:rgba(var(--color-foreground),.88)}.social-proof__text strong,.social-proof__text b{font-weight:700;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.social-proof__avatar{transition:none}.social-proof__avatar.is-enter,.social-proof__avatar.is-exit{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-social-proof.css.map */
