.spc__header{display:grid;gap:.75rem;margin-bottom:2rem}.spc__title{margin:0}.spc__subheading{max-width:60ch}.spc__cta{width:fit-content}.spc__card{position:relative;display:block;height:100%;text-decoration:none}.spc__media{height:100%}.spc__overlay{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;display:grid;gap:.5rem;z-index:2;pointer-events:none}.spc__badge{width:fit-content;padding:.35rem .6rem;border-radius:999px;font-size:1.2rem;line-height:1;background:rgba(var(--color-background),.85);border:1px solid rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spc__caption{padding:.65rem .75rem;border-radius:calc(var(--border-radius) * .75);font-size:1.3rem;line-height:1.25;background:rgba(var(--color-background),.85);border:1px solid rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spc__card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding));background:linear-gradient(to top,#00000042,#0000);opacity:0;transition:opacity .16s ease;pointer-events:none;z-index:1}.spc__card:hover:before,.spc__card:focus-visible:before{opacity:1}.spc__grid{display:grid;gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width:750px){.spc__grid{gap:var(--grid-desktop-vertical-spacing)}}@media screen and (min-width:750px){.spc__grid--count-1{grid-template-columns:minmax(0,1fr)}.spc__grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.spc__grid-item{height:100%}.spc__carousel,.spc__track-wrap{position:relative}.spc__track{display:flex;gap:var(--grid-mobile-horizontal-spacing);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:1px;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.spc__track::-webkit-scrollbar{height:0}.spc__slide{scroll-snap-align:start;flex:0 0 auto;width:clamp(240px,78vw,360px)}@media screen and (min-width:750px){.spc__track{gap:var(--grid-desktop-horizontal-spacing)}.spc__slide{width:clamp(240px,32vw,360px)}}@media screen and (min-width:990px){.spc__slide{width:clamp(260px,24vw,360px)}}.spc__carousel .spc__media.ratio{--ratio-percent: 177.7778%}.spc__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:4.2rem;height:4.2rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-background),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));display:grid;place-items:center;cursor:pointer}.spc__nav[disabled]{opacity:.45;cursor:not-allowed}.spc__nav .svg-wrapper{display:block;width:1.8rem;height:1.8rem}.spc__nav--prev{left:.6rem}.spc__nav--prev .svg-wrapper{transform:rotate(90deg)}.spc__nav--next{right:.6rem}.spc__nav--next .svg-wrapper{transform:rotate(-90deg)}.spc__dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.2rem}.spc__dot{width:.8rem;height:.8rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.22);background:transparent;padding:0;cursor:pointer}.spc__dot[data-active]{background:rgba(var(--color-foreground),.55);border-color:rgba(var(--color-foreground),.55)}@media screen and (max-width:749px){.spc__nav{width:3.8rem;height:3.8rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/social-proof-collage.css.map */