.main-blog__wrapper{position:relative}.main-blog__wrapper+.main-blog__articles{margin-top:3.2rem}@media screen and (min-width: 1100px){.main-blog__wrapper+.main-blog__articles{margin-top:4.8rem}}@media screen and (min-width: 1360px){.main-blog__wrapper+.main-blog__articles{margin-top:7.2rem}}.main-blog__title{margin:2rem 0 1.6rem}@media screen and (min-width: 576px){.main-blog__title{margin:2.8rem 0 2.4rem}}.main-blog__title h1{margin:0}.blog-articles{display:grid;gap:3.2rem 1.6rem;margin:0;padding:0}@media screen and (min-width: 576px){.blog-articles{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.blog-articles{gap:7.2rem 1.6rem;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 575px){.blog-articles--2-mobile{grid-template-columns:repeat(2,1fr)}.blog-articles--2-mobile .blog-articles__article--featured{grid-column:1/3!important}.blog-articles--2-mobile .article-card__title{font-size:1.5rem}.blog-articles--2-mobile .article-card__header{padding-right:1rem}.blog-articles--2-mobile .article-card__excerpt{font-size:1.2rem}.blog-articles--2-mobile .article-card__tag,.blog-articles--2-mobile .article-card__tags-separator,.blog-articles--2-mobile .article-card__date,.blog-articles--2-mobile .article-card__author{font-size:1rem}}.blog-articles__article--featured{padding-top:1.6rem;padding-bottom:1.6rem;border-top:.1rem solid rgb(var(--color-border));border-bottom:.1rem solid rgb(var(--color-border));margin-bottom:-.8rem}@media screen and (min-width: 576px){.blog-articles__article--featured{grid-column:span 2}}@media screen and (min-width: 750px){.blog-articles__article--featured{padding-top:2.4rem;padding-bottom:2.4rem}}@media screen and (min-width: 990px){.blog-articles__article--featured{grid-column:span 3;margin-bottom:-4.8rem}}.main-blog .blog-top-nav{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;margin-bottom:3.2rem}.main-blog .blog-top-nav .nav-item{margin:.8rem 1.6rem;font-family:Inter;font-weight:600;font-size:24px;line-height:30px;letter-spacing:-2%;color:#8e94a3;padding:10px 20px;border-radius:10px;text-decoration:none}.main-blog .blog-top-nav .nav-item.active{background:#e9eaed;border-radius:999px;overflow:hidden;color:#323b50}.main-blog .items-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.main-blog .items-container .blog-item a{display:block;overflow:hidden;text-decoration:none;outline:0}.main-blog .items-container .blog-item cite{display:block;width:100%;overflow:hidden;border-radius:2.4rem;height:30rem}.main-blog .items-container .blog-item cite img{width:100%;height:100%;overflow:hidden;object-fit:cover}.main-blog .items-container .blog-item span{display:block;font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#8e94a3;margin:2rem 0 0;padding:0}.main-blog .items-container .blog-item strong{font-family:Inter;font-weight:700;font-size:30px;line-height:44px;height:44px;vertical-align:middle;color:#000;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.main-blog .items-container .blog-item p{padding:0;margin:20px 0 0;font-family:Inter;font-weight:400;font-size:16px;line-height:24px;height:48px;color:#8e94a3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.main-blog .items-container .blog-item .user-icon{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:2rem}.main-blog .items-container .blog-item .user-icon span{display:block;font-family:Inter;font-weight:600;font-size:18px;line-height:23px;color:#8e94a3;margin:0;padding:0}.main-blog .blog-pagination{display:flex;justify-content:center;align-items:center}.main-blog .blog-pagination a,.main-blog .blog-pagination span{text-decoration:none;width:40px;height:40px;border:1px solid transparent;font-weight:600;font-size:2.4rem;display:flex;justify-content:center;align-items:center;color:#8e94a3;background:#fff}.main-blog .blog-pagination .btn-prev{transform:rotate(0);border:1px solid #8E94A3;border-radius:6px}.main-blog .blog-pagination .btn-next{transform:rotate(-180deg);border:1px solid #8E94A3;border-radius:6px}.main-blog .blog-pagination span{color:#8e94a3;background-color:#e9eaed;border-radius:6px;box-shadow:0 4px 4px #0000001a}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */