.sf-social{display:block;font-family:SFUrbanist,Urbanist,Arial,sans-serif;color:var(--stories-fg,#232323);background:var(--stories-bg,#fff);--fg:#232323;--surface:#fff;--accent:#642b38;--font-display:SFUrbanist,Urbanist,Arial,sans-serif}.sf-social *,.sf-social *:before,.sf-social *:after{box-sizing:border-box}.sf-social [hidden]{display:none!important}.sf-social .yp-proof{width:100%;max-width:1296px;margin-inline:auto;padding:var(--stories-top,18px) 88px var(--stories-bottom,20px)}.sf-social .yp-heading{margin:0 0 28px;text-align:center;font-family:var(--font-display);font-size:clamp(var(--stories-heading-mobile,28px),2.36vw,var(--stories-heading,34px));line-height:1.12;text-wrap:balance;text-transform:none;color:var(--stories-fg,#232323)}.sf-social .yp-track{display:grid;grid-template-columns:repeat(var(--stories-columns,5),minmax(0,1fr));gap:var(--stories-gap,24px);min-width:0;scrollbar-width:none}.sf-social .yp-track::-webkit-scrollbar{display:none}.sf-social .yp-card{position:relative;min-width:0;margin:0;aspect-ratio:var(--stories-ratio,7/9);container-type:inline-size;isolation:isolate}.sf-social .yp-nav{display:none;justify-content:center;align-items:center;gap:24px;margin-top:20px}.sf-social .yp-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #232323;border-radius:50%;color:var(--stories-fg,#232323);background:#fff;cursor:pointer}.sf-social .yp-arrow:disabled{opacity:.3;cursor:default}.sf-social .yp-arrow svg{width:9px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.sf-social .yp-position{font-size:12px;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.sf-social :is(button,[tabindex]):focus-visible{outline:2px solid #642b38;outline-offset:4px}@media(max-width:1299px){.sf-social .yp-proof{padding:var(--stories-top,18px) 0 var(--stories-bottom,20px)}.sf-social .yp-track{margin-left:24px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--stories-gap,24px)*2.4)/3.4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:1px}.sf-social .yp-card{scroll-snap-align:start}.sf-social .yp-nav{display:flex}}@media(max-width:999px){.sf-social .yp-heading{padding:0 24px;font-size:var(--stories-heading-mobile,28px)}.sf-social .yp-track{grid-auto-columns:calc((100% - var(--stories-gap,24px)*.4)/1.4)}}@media(min-width:600px)and (max-width:999px){.sf-social .yp-track{grid-auto-columns:calc((100% - var(--stories-gap,24px)*1.4)/2.4)}}@media(max-width:360px){.sf-social .yp-heading{font-size:var(--stories-heading-mobile,26px)}}.yn-proof .yp-heading{font-weight:550;letter-spacing:-.035em;margin-bottom:28px}.yn-proof .yp-card{border-radius:var(--stories-radius,10px);overflow:hidden;overflow-wrap:anywhere;background:var(--card-bg,#fff);color:var(--card-fg,#232323)}.yn-photo{color:#fff}.yn-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--image-x,50%) var(--image-y,50%)}.yn-photo:after{content:"";position:absolute;top:48%;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgba(25,19,17,var(--overlay,.32)));pointer-events:none}.yn-photo>p{position:absolute;z-index:1;left:8%;right:8%;top:var(--text-position,55%);margin:0;text-align:center;font-size:clamp(16px,13cqi,var(--card-text-size,34px));font-weight:550;line-height:1.04;letter-spacing:-.045em;text-shadow:0 1px 8px #0002}.yn-photo--profile>p{top:55%}.yn-film{background:#252323;color:#fff}.yn-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-x,50%) var(--image-y,45%)}.yn-film:after{content:"";position:absolute;top:65%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0006);pointer-events:none}.yn-film__caption{position:absolute;z-index:1;left:17px;bottom:22px;margin:0;font-size:clamp(16px,11cqi,var(--card-text-size,28px));font-weight:550;line-height:1;letter-spacing:-.035em}.yn-film__toggle{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff8;border-radius:50%;background:#17171775;color:#fff;cursor:pointer}.yn-film__toggle svg{grid-area:1/1;width:18px;height:18px;fill:currentColor}.yn-film__pause{display:none;fill:none!important;stroke:currentColor;stroke-width:1.7}.yn-film[data-playing=true] .yn-film__play{display:none}.yn-film[data-playing=true] .yn-film__pause{display:block}.yn-film__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.yn-photo--community>.yn-count{top:auto;bottom:var(--statistic-position,18%);display:flex;flex-direction:column;gap:5px}.yn-count__label{font-size:clamp(18px,9cqi,23px);font-weight:500;letter-spacing:-.02em}.yn-count__value{font-size:clamp(32px,20cqi,48px);font-weight:650;line-height:1.05}.yn-review{background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 17px 14px;box-shadow:0 1px 12px #2413140c,inset 0 0 0 1px #642b3810}.yn-stars{height:20px;width:var(--stars-width,116px);max-width:100%;flex-shrink:0;fill:var(--star-colour,#8e6069)}.yn-review blockquote{margin:16px 0 12px;flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,7.7cqi,var(--card-text-size,19px));font-weight:500;line-height:1.34;letter-spacing:-.012em}.yn-review blockquote strong{font-weight:750}.yn-avatar{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:var(--image-x,50%) var(--image-y,19%);flex-shrink:0}.yn-avatar--second{object-position:40% 13%}.yn-sample{margin:7px 0 0;font-size:12px;line-height:1.2;color:inherit;font-weight:600}.yn-preview-note{position:sticky;top:0;z-index:50;width:100%;margin:0;padding:7px 16px;background:#fff;color:#642b38;font:500 11px/1.4 Urbanist,sans-serif;text-align:center}@media(min-width:1000px)and (max-width:1299px){.yn-proof{padding:var(--stories-top,18px) 0 var(--stories-bottom,20px)}.yn-proof .yp-track{margin-left:24px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--stories-gap,24px)*2.4)/3.4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:1px}.yn-proof .yp-card{scroll-snap-align:start}.yn-proof .yp-nav{display:flex}}@media(max-width:999px){.yn-proof .yp-heading{margin-bottom:24px}.yn-review{padding:19px 17px 13px}.yn-review blockquote{margin-top:12px}.yn-proof .yp-nav{margin-top:16px}}@media(max-width:360px){.yn-review{padding:15px 13px 11px}.yn-review blockquote{font-size:15px;line-height:1.29;margin:10px 0}.yn-stars{height:17px;width:99px}.yn-avatar{width:29px;height:29px}.yn-sample{font-size:11px}}.sf-social .yn-review blockquote{border:0;padding:0;font-family:inherit;font-style:normal;color:inherit}.sf-social .yn-review blockquote:before,.sf-social .yn-review blockquote:after{content:none}.sf-social .yn-preview-note{position:static;z-index:auto;font-family:inherit;padding:7px 16px 0}.sf-social button{font-family:inherit}.sf-social .yn-quote p{margin:0}.sf-social .yn-quote p+p{margin-top:.6em}.sf-social .yn-review{min-height:0}.sf-social .yn-review blockquote{overflow:auto}.sf-social .yn-photo>p,.sf-social .yn-count__value{overflow-wrap:anywhere}.sf-social .yn-film__caption{right:64px;line-height:1.15}.sf-social .yn-film__poster{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-x,50%) var(--image-y,45%)}.sf-social .yp-empty{text-align:center;padding:24px}.sf-social .yp-arrow{color:var(--stories-fg,#232323);border-color:currentColor;background:var(--stories-bg,#fff)}@media(min-width:1300px){.sf-social .yp-track--overflow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--stories-columns,5) - 1)*var(--stories-gap,24px))/var(--stories-columns,5));overflow-x:auto;scroll-snap-type:x mandatory}.sf-social .yp-track--overflow .yp-card{scroll-snap-align:start}.sf-social .yp-nav--overflow{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sf-pdp-social.css.map */
