.social-proof__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-proof__filter-btn{padding:6px 14px;border-radius:var(--rounded-full);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;background-color:rgb(var(--text-color) / .06);color:rgb(var(--text-color))}.social-proof__filter-btn:hover{background-color:rgb(var(--text-color) / .12)}.social-proof__filter-btn.is-active{background-color:rgb(var(--text-color));color:rgb(var(--background))}.social-proof__track{gap:16px}@media screen and (max-width:699px){.social-proof__track{--sp-card-width: 72vw}}.social-proof__card{flex:0 0 var(--sp-card-width);width:var(--sp-card-width);aspect-ratio:var(--sp-card-aspect);scroll-snap-align:start;border-radius:var(--sp-card-radius);overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;background-color:rgb(var(--text-color) / .05)}.social-proof__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.social-proof__card-media img,.social-proof__card-media video{width:100%;height:100%;object-fit:cover}.social-proof__card-gradient{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;background:linear-gradient(to top,rgb(0 0 0 / var(--sp-overlay-strength)) 0%,rgb(0 0 0 / calc(var(--sp-overlay-strength) * .67)) 50%,transparent 100%);pointer-events:none}.social-proof__card-category{position:relative;z-index:2;padding:14px 14px 0}.social-proof__card-category span{display:inline-block;padding:3px 10px;border-radius:var(--rounded-full);background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:500;color:#fff}.social-proof__card-content{position:relative;z-index:2;margin-top:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.social-proof__card-stars{display:flex;gap:2px}.social-proof__card-stars svg{display:block}.social-proof__card-text{font-size:13px;line-height:1.5;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-proof__card-text.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.social-proof__read-more{background:none;border:none;padding:0;font-size:12px;font-weight:500;color:#ffffffb3;cursor:pointer;text-align:left;font-family:inherit}.social-proof__read-more:hover{color:#ffffffe6}.social-proof__card-meta{padding-top:6px}.social-proof__card-meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-proof__card-name{font-size:13px;font-weight:600;color:#fff}.social-proof__card-verified{font-size:10px;color:#fffc;display:flex;align-items:center;gap:3px}.social-proof__card-verified svg{display:block}.social-proof__card-meta-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.social-proof__card-location,.social-proof__card-date{font-size:11px;color:#fff9}.social-proof__sound-toggle{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:36px;height:36px;border:none;border-radius:100%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:scale .2s ease-in-out}.social-proof__sound-toggle:hover{scale:1.1}.social-proof__sound-toggle svg{display:none;grid-area:1 / 1}.social-proof__sound-toggle .social-proof__icon-play{display:block}.social-proof__sound-toggle.is-playing .social-proof__icon-play{display:none}.social-proof__sound-toggle.is-playing .social-proof__icon-muted{display:block}.social-proof__sound-toggle.is-playing.is-unmuted .social-proof__icon-muted{display:none}.social-proof__sound-toggle.is-playing.is-unmuted .social-proof__icon-sound{display:block}.social-proof__card.sp-video-error .social-proof__sound-toggle{display:none}.social-proof__video-warning{position:absolute;top:12px;inset-inline:12px;z-index:3;padding:6px 10px;border-radius:8px;background:#e00000d9;color:#fff;font-size:11px;line-height:1.35}.social-proof__card-media mux-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;--media-object-fit: cover}
/*# sourceMappingURL=/cdn/shop/t/8/assets/social-proof.css.map */