.blog-gallery{--bg-columns-desktop: 3;--bg-columns-mobile: 1;--bg-gap: 16px;--bg-aspect-ratio: 1}.blog-gallery__heading{margin:0 0 calc(var(--bg-gap) * 1.5)}.blog-gallery__grid{display:grid;grid-template-columns:repeat(var(--bg-columns-mobile),minmax(0,1fr));gap:var(--bg-gap);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.blog-gallery__grid{grid-template-columns:repeat(var(--bg-columns-desktop),minmax(0,1fr))}}.blog-gallery__tile{position:relative;margin:0;overflow:hidden;border-radius:var(--media-radius, 0)}.blog-gallery__link{display:block;position:relative;width:100%;aspect-ratio:var(--bg-aspect-ratio);text-decoration:none;color:inherit}.blog-gallery__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-gallery__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.blog-gallery__placeholder svg{width:100%;height:100%;object-fit:cover}.blog-gallery--hover .blog-gallery__link:hover .blog-gallery__image,.blog-gallery--hover .blog-gallery__link:focus-visible .blog-gallery__image{transform:scale(1.05)}.blog-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;gap:.3rem;background:linear-gradient(to top,#000000a6,#0000 55%);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-gallery--hover .blog-gallery__link:hover .blog-gallery__overlay,.blog-gallery--hover .blog-gallery__link:focus-visible .blog-gallery__overlay{opacity:1}.blog-gallery__title{margin:0;color:#fff;font-size:1.6rem;line-height:1.3}.blog-gallery__date{margin:0;color:#ffffffd9;font-size:1.2rem}.blog-gallery__sentinel{height:1px;width:100%}.blog-gallery__spinner{display:none;justify-content:center;padding:2.4rem 0}.blog-gallery[data-loading=true] .blog-gallery__spinner{display:flex}.blog-gallery__spinner .spinner{width:2.4rem;height:2.4rem}.blog-gallery__fallback{text-align:center;margin-top:var(--bg-gap)}.blog-gallery[data-infinite=true] .blog-gallery__fallback{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog-gallery.css.map */