.SocialPreview{display:flex;flex-direction:column;gap:1rem}.SocialPreview .SocialPreview--link{aspect-ratio:3/4;padding:2rem;display:flex;flex-basis:calc(25% - .75rem);justify-content:center;align-items:flex-end;position:relative}.SocialPreview .SocialPreview--link a:not(.SocialPreview--overlay){position:relative;z-index:3;color:var(--white);opacity:0;transition:opacity .3s var(--opacity-curve)}.SocialPreview .SocialPreview--link:hover a{opacity:1}.SocialPreview .SocialPreview--overlay{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:#000000a8;opacity:0;transition:opacity .3s var(--opacity-curve)}.SocialPreview .SocialPreview--overlay-icon{width:2rem;height:2rem;color:var(--white)}.SocialPreview .SocialPreview--image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media screen and (max-width:768px){.SocialPreview{flex-direction:column;gap:1rem}.SocialPreview .SocialPreview--top{flex-direction:column;gap:1rem;align-items:flex-start}.SocialPreview .SocialPreview--link{flex:0 0 80cqw;aspect-ratio:1}.SocialPreview .SocialPreview--links{container-type:inline-size;overflow-x:auto;flex-wrap:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/socials-preview.css.map */