:root{--sp-primary: #105493;--sp-text-dark: #333333;--sp-text-medium: #595959;--sp-text-light: #767676;--sp-white: #ffffff;--sp-cream: #FAF5F0;--sp-navy: #2A364B;--sp-star: #F59E0B;--sp-shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--sp-shadow-floating: 0 4px 16px rgba(0, 0, 0, .12);--sp-transition: .2s ease}.yli-social-proof{width:100%;overflow:hidden}.yli-social-proof__full-bg{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.yli-social-proof--light{background:var(--sp-white);color:var(--sp-text-dark)}.yli-social-proof--cream{background:var(--sp-cream);color:var(--sp-text-dark)}.yli-social-proof--dark{background:var(--sp-navy);color:var(--sp-white)}.yli-social-proof--brand{background:var(--sp-primary);color:var(--sp-white)}.yli-social-proof--dark .yli-social-proof__eyebrow,.yli-social-proof--brand .yli-social-proof__eyebrow{color:#fffc}.yli-social-proof--dark .yli-social-proof__subheading,.yli-social-proof--brand .yli-social-proof__subheading{color:#ffffffb3}.yli-social-proof__header{text-align:center;max-width:640px;margin:0 auto 48px}.yli-social-proof__eyebrow{display:block;font-family:Figtree,sans-serif;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sp-primary);margin-bottom:12px}.yli-social-proof__heading{font-family:Crimson Pro,Georgia,serif;font-size:36px;font-weight:600;line-height:1.2;margin:0 0 12px}.yli-social-proof__subheading{font-family:Figtree,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var(--sp-text-medium);margin:0 0 20px}.yli-social-proof__cta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:8px}.yli-social-proof__cta-text{font-family:Figtree,sans-serif;font-size:14px;font-weight:500;color:var(--sp-primary)}.yli-social-proof--dark .yli-social-proof__cta-text,.yli-social-proof--brand .yli-social-proof__cta-text{color:var(--sp-white)}.yli-social-proof__cta .socials{justify-content:center;gap:8px;margin:0;padding:0}.yli-social-proof__cta .social-link{color:var(--sp-primary);transition:all var(--sp-transition)}.yli-social-proof--dark .yli-social-proof__cta .social-link,.yli-social-proof--brand .yli-social-proof__cta .social-link{color:var(--sp-white)}.yli-social-proof__cta .social-link:hover{opacity:.7;transform:translateY(-2px)}.yli-social-proof__cta .social-link svg{width:20px;height:20px}.yli-social-proof__container{position:relative}.yli-social-proof__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);gap:var(--gap)}.yli-social-proof--carousel .yli-social-proof__grid{display:flex;transition:transform .3s ease}.yli-social-proof--carousel .yli-social-proof__card{flex:0 0 calc((100% - (var(--gap) * (var(--columns-mobile) - 1))) / var(--columns-mobile));scroll-snap-align:start}.yli-social-proof__card{display:flex;flex-direction:column;transition:transform var(--sp-transition)}.yli-social-proof--minimal .yli-social-proof__card{background:transparent}.yli-social-proof--card .yli-social-proof__card{background:var(--sp-white);border-radius:8px;box-shadow:var(--sp-shadow-card);overflow:hidden}.yli-social-proof--dark.yli-social-proof--card .yli-social-proof__card,.yli-social-proof--brand.yli-social-proof--card .yli-social-proof__card{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yli-social-proof--floating .yli-social-proof__card{background:var(--sp-white);border-radius:12px;box-shadow:var(--sp-shadow-floating);overflow:hidden}.yli-social-proof--floating .yli-social-proof__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.yli-social-proof--dark.yli-social-proof--floating .yli-social-proof__card,.yli-social-proof--brand.yli-social-proof--floating .yli-social-proof__card{background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yli-social-proof__image-wrapper{position:relative;width:100%;overflow:hidden}.yli-social-proof__card--square .yli-social-proof__image-wrapper{padding-bottom:100%}.yli-social-proof__card--portrait .yli-social-proof__image-wrapper{padding-bottom:125%}.yli-social-proof__card--landscape .yli-social-proof__image-wrapper{padding-bottom:56.25%}.yli-social-proof__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.yli-social-proof__placeholder{width:100%;padding-bottom:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.yli-social-proof__instagram-icon{position:absolute;top:12px;right:12px;width:24px;height:24px;color:var(--sp-white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.yli-social-proof__content{padding:16px;display:flex;flex-direction:column;gap:8px}.yli-social-proof--minimal .yli-social-proof__content{padding:12px 0}.yli-social-proof__rating{display:flex;gap:2px}.yli-social-proof__star{width:16px;height:16px;color:var(--sp-star)}.yli-social-proof__star--empty{color:#d1d5db}.yli-social-proof__quote{font-family:Figtree,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0;font-style:italic}.yli-social-proof--dark .yli-social-proof__quote,.yli-social-proof--brand .yli-social-proof__quote{color:#ffffffe6}.yli-social-proof__username{font-family:Figtree,sans-serif;font-size:13px;font-weight:600;color:var(--sp-text-medium);margin:0;text-decoration:none}.yli-social-proof__username:hover{color:var(--sp-primary)}.yli-social-proof--dark .yli-social-proof__username,.yli-social-proof--brand .yli-social-proof__username{color:#fffc}.yli-social-proof__product{font-family:Figtree,sans-serif;font-size:12px;font-weight:500;color:var(--sp-primary);text-decoration:none;transition:all var(--sp-transition)}.yli-social-proof__product:hover{text-decoration:underline}.yli-social-proof--dark .yli-social-proof__product,.yli-social-proof--brand .yli-social-proof__product{color:#ffffffe6}.yli-social-proof__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--sp-white);border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:var(--sp-shadow-card);cursor:pointer;transition:all var(--sp-transition);z-index:10}.yli-social-proof__arrow svg{width:24px;height:24px;color:var(--sp-text-dark)}.yli-social-proof__arrow--prev{left:-24px}.yli-social-proof__arrow--next{right:-24px}.yli-social-proof__arrow:hover{background:var(--sp-primary);border-color:var(--sp-primary);transform:translateY(-50%) scale(1.05)}.yli-social-proof__arrow:hover svg{color:var(--sp-white)}.yli-social-proof__arrow:focus{outline:3px solid var(--sp-primary);outline-offset:2px}.yli-social-proof--dark .yli-social-proof__arrow,.yli-social-proof--brand .yli-social-proof__arrow{background:#ffffffe6}.yli-social-proof__dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.yli-social-proof__dot{width:8px;height:8px;border-radius:50%;background:#0003;border:none;cursor:pointer;transition:all var(--sp-transition);padding:0}.yli-social-proof__dot--active{background:var(--sp-primary);width:24px;border-radius:4px}.yli-social-proof__dot:hover{background:var(--sp-primary);opacity:.7}.yli-social-proof__dot:focus{outline:2px solid var(--sp-primary);outline-offset:2px}.yli-social-proof--dark .yli-social-proof__dot,.yli-social-proof--brand .yli-social-proof__dot{background:#ffffff4d}.yli-social-proof--dark .yli-social-proof__dot--active,.yli-social-proof--brand .yli-social-proof__dot--active{background:var(--sp-white)}@media (min-width: 768px){.yli-social-proof__header{margin-bottom:56px}.yli-social-proof__heading{font-size:42px}.yli-social-proof__grid{grid-template-columns:repeat(var(--columns-tablet),1fr)}.yli-social-proof--carousel .yli-social-proof__card{flex:0 0 calc((100% - (var(--gap) * (var(--columns-tablet) - 1))) / var(--columns-tablet))}.yli-social-proof__content{padding:20px}.yli-social-proof__quote{font-size:15px}}@media (min-width: 1024px){.yli-social-proof__header{margin-bottom:64px}.yli-social-proof__heading{font-size:48px}.yli-social-proof__grid{grid-template-columns:repeat(var(--columns-desktop),1fr)}.yli-social-proof--carousel .yli-social-proof__card{flex:0 0 calc((100% - (var(--gap) * (var(--columns-desktop) - 1))) / var(--columns-desktop))}.yli-social-proof__content{padding:24px}}@media (max-width: 767px){.yli-social-proof__arrow{display:none}.yli-social-proof--carousel .yli-social-proof__grid{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.yli-social-proof--carousel .yli-social-proof__grid::-webkit-scrollbar{display:none}.yli-social-proof__cta{flex-wrap:wrap;padding:0 16px}.yli-social-proof__cta-text{font-size:12px;white-space:nowrap}.yli-social-proof__cta .socials{gap:6px;flex-shrink:0}.yli-social-proof__cta .social-link svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.yli-social-proof__card,.yli-social-proof__cta,.yli-social-proof__arrow,.yli-social-proof__dot,.yli-social-proof--carousel .yli-social-proof__grid{transition:none}.yli-social-proof--floating .yli-social-proof__card:hover{transform:none}.yli-social-proof__arrow:hover{transform:translateY(-50%)}}@media print{.yli-social-proof{break-inside:avoid}.yli-social-proof__arrow,.yli-social-proof__dots{display:none}.yli-social-proof--carousel .yli-social-proof__grid{display:grid;grid-template-columns:repeat(3,1fr)}.yli-social-proof__card{background:#fff;border:1px solid #ddd}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yli-social-proof.css.map */