social-content{display:block}.social-content__title{text-align:center;margin-bottom:.5rem}.social-content__intro{text-align:center;max-width:var(--content-max-width);margin-inline:auto;margin-bottom:clamp(1.5rem,3vw,3rem)}.social-content__intro a{color:rgb(var(--color-accent))}.social-content__intro a:hover{color:rgb(var(--color-accent-hover))}.social-content__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-gap)}@media screen and (min-width:750px){.social-content__grid{grid-template-columns:repeat(3,1fr)}}.social-content__card{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-card);background:rgb(var(--color-parchment))}.social-content__card a{display:block;width:100%;height:100%;text-decoration:none}.social-content__card a:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:3px}.social-content__card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}@media(prefers-reduced-motion:no-preference){.social-content__card:hover img{transform:scale(1.03)}}.social-content__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1rem;background:rgba(var(--color-ink),.5);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.social-content__card:hover .social-content__card-overlay,.social-content__card:focus-within .social-content__card-overlay{opacity:1}.social-content__card-title{font-family:var(--font-heading-family);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);color:rgb(var(--color-white-text));margin:0}.social-content__skeleton-cell:empty{display:block;aspect-ratio:1;border-radius:var(--radius-card);background:rgb(var(--color-linen))}@media(prefers-reduced-motion:no-preference){.social-content__skeleton-cell:empty{background:linear-gradient(90deg,rgb(var(--color-linen)),rgb(var(--color-parchment)),rgb(var(--color-linen)));background-size:200% 100%;animation:social-skeleton-sweep 1.5s ease-in-out infinite}}@keyframes social-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.social-content__empty{grid-column:1 / -1;text-align:center;padding:clamp(2rem,5vw,4rem) 1rem;color:rgb(var(--color-warm-gray));font-size:var(--text-base)}.social-content__noscript{text-align:center;padding:3rem 1rem;color:rgb(var(--color-warm-gray));font-size:var(--text-base)}
/*# sourceMappingURL=/cdn/shop/t/73/assets/social-content.css.map */