.main-blog .blog-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding-block:2rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.main-blog .blog-tab-item{padding:.65rem 1.75rem;border-radius:9999px;font-size:1rem;font-weight:500;color:rgba(var(--color-foreground),.6);text-decoration:none;border:1.5px solid rgba(var(--color-foreground),.12);background:transparent;transition:background .2s,border-color .2s,color .2s}.main-blog .blog-tab-item:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.04)}.main-blog .blog-tab-item--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.main-blog .blog-tab-item--active:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:749px){.main-blog .blog-tabs{gap:.5rem;padding-block:1.5rem .75rem}.main-blog .blog-tab-item{padding:.5rem 1.25rem;font-size:.875rem}}.main-blog .blog-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center;max-height:10rem;overflow:auto}.main-blog .blog-tags .blog-tag{padding-block:.5rem;padding-inline:1rem;border-radius:9999px;--alpha-background: .05;background:rgba(var(--color-foreground),var(--alpha-background));font-size:.875rem;color:inherit;text-decoration:none}.main-blog .blog-tags .blog-tag:hover{--alpha-background: .1}.main-blog .blog-tags .blog-tag[aria-current=page]{--alpha-background: 1;color:rgb(var(--color-background))}.main-blog .featured-blogs{margin-block-start:2rem;margin-block-end:2rem;display:flex;align-items:stretch;gap:2rem}.main-blog .featured-blogs .featured-media{flex:1 1 50%;border-radius:var(--large-radius)}.main-blog .featured-blogs .featured-media .media-content{padding:1rem}.main-blog .featured-blogs .featured-media .media-content .badge{font-size:.85rem;height:2rem;display:inline-flex;gap:.25rem}.main-blog .featured-blogs .featured-articles{flex:1 1 auto}.main-blog .featured-blogs .featured-articles>li:not(:last-child){margin-block-end:1rem}@media screen and (max-width:749px){.main-blog .featured-blogs{flex-wrap:wrap;gap:1rem}}@media screen and (min-width:750px){.main-blog .featured-blogs .featured-articles{max-width:35rem}.main-blog .featured-blogs.image-right-side .featured-media{order:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-blog.css.map */