.main-blog{margin-left:auto;margin-right:auto;max-width:990px}.main-blog .header-container{margin-bottom:1rem;display:flex;flex-direction:column}.main-blog .filter-tags{display:flex}.main-blog .filter-tags li{margin-left:.25rem;margin-right:.25rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:600}.main-blog .filter-tags li>a{color:var(--color-foreground-75);text-transform:uppercase;position:relative;padding:1rem;font-weight:700}.main-blog .filter-tags li>a:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.main-blog .filter-tags li.active>a{color:var(--color-foreground)}.main-blog .filter-tags li>a:after{content:"";border-bottom:1px solid var(--color-foreground-10);position:absolute;bottom:0;left:50%;display:block;width:2rem;transform:translate(-50%);transition:width .25s ease-in}.main-blog .filter-tags li.active>a:after{content:"";border-bottom:2px solid var(--color-link);width:100%}.blog-articles .article{margin-bottom:1.5rem;display:flex;flex-direction:column}.blog-articles .article .article-content{flex-direction:column}.article-card__header h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 475px),print{.main-blog .filter-tags{margin-top:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.main-blog .filter-tags li{margin:.75rem .25rem}}@media (max-width: 639px),print{.article-card__header h3{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px),print{.blog-articles{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.main-blog .header-container{margin-bottom:3rem;align-items:center;justify-content:space-between}.main-blog .filter-tags{display:flex;align-items:center}.blog-articles .article .media>img{transition:transform .5s ease}.blog-articles .article:hover .media>img{transform:scale(1.03)}.blog-articles .article{width:calc(50% - 8px)}}@media (max-width: 1023px),print{blogs-filter{margin-top:.75rem}}@media (min-width: 1024px),print{.main-blog .header-container{margin-bottom:2rem;flex-direction:row}.blog-articles{gap:2rem}.blog-articles .article{width:calc(30% + 12px)}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-main-blog.css.map */