.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:.5rem 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 .blog-search-bar{margin:1.5rem auto 0;max-width:32rem;width:100%}.main-blog .blog-search-bar .search-field{box-shadow:0 .25rem .75rem rgba(var(--color-shadow),.15);transition:box-shadow .2s ease,transform .2s ease}.main-blog .blog-search-bar .search-field:focus-within{box-shadow:0 .5rem 1.25rem rgba(var(--color-shadow),.25)}.main-blog .blog-search-bar .field-input{font-size:.95rem}.main-blog .blog-search-bar .search-button{padding-inline:1rem}.main-blog .blog-search-bar .search-button .icon{width:1.125rem;height:1.125rem}.main-blog .blog-search-bar .reset-button{font-size:.85rem;padding-inline:.75rem!important}@media screen and (max-width:749px){.main-blog .blog-search-bar{margin-top:1rem;max-width:100%;padding:0 1rem}}.main-blog [data-blog-search-results] mark{background:rgba(var(--color-foreground),.18);color:inherit;padding:0 .2em;border-radius:.2em;font-weight:600}.main-blog [data-blog-search-empty]{text-align:center;padding:3rem 1rem;color:rgba(var(--color-foreground),.7);font-size:1rem}.main-blog [data-blog-search-empty].hidden,.main-blog [data-blog-search-default].hidden,.main-blog [data-blog-search-results].hidden,.main-blog .blog-search-bar .reset-button.hidden{display:none!important}.main-blog .featured-blogs{margin-top:2rem;margin-bottom: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-bottom: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/40/assets/section-main-blog.css.map */