.main-blog,.main-article{background:rgb(var(--color-background))}.main-blog-header{display:grid;gap:.75rem;margin-bottom:1.5rem;text-align:center}.main-blog-title{margin-bottom:0}.main-blog-count{color:rgb(var(--color-text) / .7);font-size:var(--fs-sm);margin:0}.main-blog-tags{display:flex;gap:.75rem;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;margin-bottom:2.5rem;padding-left:1rem;padding-right:1rem;overflow-x:auto;scroll-padding-left:1rem;scroll-padding-right:1rem;scroll-snap-type:x proximity;scrollbar-width:none;white-space:nowrap}.main-blog-tags::-webkit-scrollbar{display:none}.main-blog-tag{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-text) / .55);border-radius:var(--border-radius);color:rgb(var(--color-text));flex:0 0 180px;font-size:var(--fs-sm);font-weight:600;padding:.75rem 1.25rem;scroll-snap-align:start;text-align:center;text-decoration:none;transition:border-color .2s ease,color .2s ease}.main-blog-tag:hover,.main-blog-tag:focus{border-color:rgb(var(--color-text) / .75)}.main-blog-tag.is-active{border-color:rgb(var(--color-brand));color:rgb(var(--color-brand))}.main-blog-grid{display:grid;gap:1.25rem;list-style:none;margin:0;padding:0}.main-blog-grid-item{min-width:0}.blog-card{border:1px solid rgb(var(--color-text) / .18);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%;overflow:hidden;background:rgb(var(--color-surface))}.blog-card-image-link{display:block;overflow:hidden;text-decoration:none}.blog-card-image{aspect-ratio:16 / 10;display:block;height:auto;object-fit:cover;width:100%;transition:opacity .18s ease}.blog-card-image-link:hover .blog-card-image{opacity:.82}.blog-card-image-placeholder{background:rgb(var(--color-text) / .05)}.blog-card-image-placeholder svg{display:block;height:100%;width:100%}.blog-card-content{display:grid;gap:.75rem;padding:1rem}.blog-card-meta{align-items:center;color:rgb(var(--color-text) / .65);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:.4rem;margin:0}.blog-card-title{margin:0}.blog-card-title a{color:rgb(var(--color-text));text-decoration:none}.blog-card-title a:hover{color:rgb(var(--color-brand))}.blog-card-excerpt{color:rgb(var(--color-text) / .78);font-size:var(--fs-md);margin:0}.main-blog-empty{color:rgb(var(--color-text) / .72);margin:0;text-align:center}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.blog-pagination-link{align-items:center;border:1px solid rgb(var(--color-text) / .35);border-radius:var(--border-radius);color:rgb(var(--color-text));display:inline-flex;font-size:var(--fs-sm);justify-content:center;min-height:40px;min-width:40px;padding:.45rem .7rem;text-decoration:none}.blog-pagination-link:hover,.blog-pagination-link.is-current{border-color:rgb(var(--color-brand));background:rgb(var(--color-brand) / .1);color:rgb(var(--color-brand))}.main-article-inner{display:grid;gap:1.5rem}.main-article-meta{align-items:center;color:rgb(var(--color-text) / .65);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:.4rem;justify-content:center;margin:0}.main-article-header{display:grid;gap:.75rem;margin-left:auto;margin-right:auto;max-width:var(--article-content-width);text-align:center;width:100%}.main-article-content{font-size:var(--fs-lg);margin-left:auto;margin-right:auto;max-width:var(--article-content-width);width:100%}.main-article-image-wrapper-narrow{margin-left:auto;margin-right:auto;max-width:var(--article-content-width);width:100%}.main-article-title{margin-bottom:0}.main-article-image-wrapper{border-radius:var(--border-radius);overflow:hidden}.main-article-image{display:block;height:auto;width:100%}.main-article-content>*:first-child{margin-top:0}.main-article-content img{border-radius:var(--border-radius);height:auto;max-width:100%}.main-article-content blockquote{border-left:3px solid rgb(var(--color-brand));color:rgb(var(--color-text) / .82);margin:2rem 0;padding-left:1rem}@media(min-width:600px){.main-blog-header{margin-bottom:2rem}.main-blog-tags{justify-content:center;margin-left:0;margin-right:0;padding-left:0;padding-right:0;scroll-padding-left:0;scroll-padding-right:0;width:100%}.main-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-content{padding:1.25rem}}@media(min-width:1200px){.main-blog-tags{margin-bottom:4rem}.main-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-article-inner{gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/blog.css.map */