.blog-post-list--overlay{--blog-post-list-items-per-row: 1;--blog-post-list-column-gap: 1.25rem;--blog-post-list-row-gap: 1.25rem}@media screen and (min-width:750px){.blog-post-list--overlay{--blog-post-list-items-per-row: 2}}@media screen and (min-width:990px){.blog-post-list--overlay{--blog-post-list-items-per-row: 4;--blog-post-list-column-gap: 1.5rem;--blog-post-list-row-gap: 1.5rem}}.blog-post-card--overlay{--blog-post-card-radius: 24px;border-radius:var(--blog-post-card-radius);box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.blog-post-card--overlay:focus-within,.blog-post-card--overlay:hover{box-shadow:0 12px 32px #0000001f,0 4px 12px #0000000f}.blog-post-card--overlay .blog-post-card__link{display:block;text-decoration:none;color:inherit;position:relative;aspect-ratio:1}.blog-post-card--overlay .blog-post-card__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--blog-post-card-radius);overflow:hidden}.blog-post-card--overlay .blog-post-card__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}.blog-post-card--overlay:hover .blog-post-card__image{transform:scale(1.03)}.blog-post-card--overlay .blog-post-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 70%,transparent 100%);pointer-events:none}.blog-post-card--overlay .blog-post-card__overlay-content{position:absolute;left:0;right:0;bottom:0;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.375rem}.blog-post-card--overlay .blog-post-card__date{font-size:.8125rem;color:#fffffff2;line-height:1.3;font-weight:400}.blog-post-card--overlay .blog-post-card__title{color:#fff;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);line-height:1.35;margin:0}@media screen and (min-width:750px){.blog-post-card--overlay .blog-post-card__overlay-content{padding:1.5rem 1.75rem}.blog-post-card--overlay .blog-post-card__date{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/byte-blog-posts.css.map */