.social-proof-section{margin-block:20px}.social-proof-title{margin:0 0 8px;font-size:30px;font-weight:700;text-align:center}.social-proof-subtitle{margin:0;text-align:center}.social-proof-wrapper{display:grid;grid-template-columns:var(--social-proof-columns);grid-template-rows:var(--social-proof-row-ratio);gap:var(--social-proof-gap);width:100%;aspect-ratio:var(--social-proof-aspect-ratio);max-width:1068px;margin:20px auto 0;overflow:hidden}.social-proof-box{position:relative;grid-column:var(--grid-column-start) / span var(--grid-column-span);grid-row:var(--grid-row-start) / span var(--grid-row-span);min-width:0;min-height:0;width:100%;height:100%;margin:0;overflow:hidden;box-sizing:border-box}.social-proof-video{cursor:pointer}.social-proof-video video{pointer-events:none}.social-proof-video .video_play_button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;fill:#fff;z-index:1}.social-proof-image img,.social-proof-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.social-proof-box-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background-color:#0004;box-sizing:border-box;z-index:1;pointer-events:none}.social-proof-box p{margin:0}.social-proof-box .author{margin-top:auto;font-size:14px;font-weight:700}.social-proof-box .social_id{font-size:10px;font-style:italic;color:gray}.social-proof-box-overlay .author,.social-proof-box-overlay .social_id{color:#fff}.social-proof-quote{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:16px;background-color:#f3f5f9;box-sizing:border-box}.social-proof-quote .quote{font-size:12px;font-weight:600;font-style:italic;line-height:normal}body:has(.social-proof-popup){overflow:hidden!important}.social-proof-popup{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0009;z-index:1000}.social-proof-popup .social-proof-popup-container{position:relative;max-width:90vw;max-height:90dvh;display:flex;align-items:center;justify-content:center}.social-proof-popup .social-proof-popup-close{position:absolute;top:10px;right:10px;width:2rem;height:2rem;cursor:pointer;fill:#000;z-index:1}.social-proof-popup .social-proof-popup-close svg{display:block;width:100%;height:100%}.social-proof-popup video{display:block;max-width:85vw;max-height:75dvh;width:auto;height:auto}@media(min-width:1024px){.social-proof-section{margin-block:50px}.social-proof-title{margin-bottom:14px;font-size:35px}.social-proof-subtitle{font-size:18px}.social-proof-box .author{font-size:20px}.social-proof-box .social_id{font-size:16px}.social-proof-quote,.social-proof-box-overlay{padding:24px}.social-proof-quote .quote{font-size:15px}}@media(max-width:767px){.social-proof-wrapper{grid-template-columns:var(--social-proof-mobile-columns);grid-template-rows:var(--social-proof-mobile-row-ratio);gap:var(--social-proof-mobile-gap);aspect-ratio:var(--social-proof-mobile-aspect-ratio)}.social-proof-box{grid-column:var(--mobile-grid-column-start) / span var(--mobile-grid-column-span);grid-row:var(--mobile-grid-row-start) / span var(--mobile-grid-row-span);border-radius:10px}}@media(max-width:600px){.social-proof-section{margin-block:30px}.social-proof-wrapper{margin-top:16px}.social-proof-box-overlay{padding:10px}.social-proof-box .author{font-size:12px}.social-proof-box .social_id{font-size:9px}.social-proof-quote{padding:12px}.social-proof-quote .quote{font-size:11px}.social-proof-video .video_play_button{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/social-proof-dynamic.css.map */