.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:16px}.blog-articles .card-wrapper{width:100%;border-radius:10px}@media screen and (min-width: 990px){.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}@media screen and (min-width: 650px) and (max-width:989px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:10px;row-gap:10px}}@media screen and (min-width: 750px){.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width: 990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.block__blog-list_sec{overflow:hidden}.bloglist-header-container h1{margin:0}.tag-filter-nav::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.tag-filter-nav li a{padding:8.5px 24px;border-radius:40px;background-color:transparent;border:1px solid var(--senary-color);text-decoration:none;min-width:120px;max-width:max-content;transition:all .5s ease-in-out}.tag-filter-nav li a.active,.tag-filter-nav li a:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.bloglist-header-container{overflow:hidden}@media (min-width: 750px){.bloglist-header-container{margin-bottom:48px}}@media (max-width: 749px){.bloglist-header-container{margin-bottom:24px}}.tag-filter-nav{flex-wrap:nowrap;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;white-space:nowrap;overflow-x:auto}.tag-filter-nav::-webkit-scrollbar{height:2px}.tag-filter-nav::-webkit-scrollbar-track{background:transparent}@media screen and (min-width: 1300px){.tag-filter-nav{max-width:1000px}}@media screen and (min-width: 1024px) and (max-width:1299px){.tag-filter-nav{max-width:850px}}@media screen and (min-width: 650px) and (max-width:1023px){.tag-filter-nav{max-width:700px;scrollbar-width:none}}@media screen and (max-width: 649px){.tag-filter-nav{max-width:400px;scrollbar-width:none}.bloglist-header-container{width:calc(100% + 40px);left:-20px;position:relative;padding:0 20px}}.custom-metaobject-card{overflow:hidden}.custom-metaobject-card .custome-diff-card_contant{left:50%;bottom:0;z-index:5;transform:translate(-50%);padding:20px}.custome-diff-card_contant a{max-width:max-content;color:var(--primary-color);padding:14px;font-size:var(--small_body);min-width:180px;line-height:var(--ex-small_body-line)}.custome-diff-card_image,.custome-diff-card_image img{height:100%;border-radius:10px}@media (min-width: 1250px){.custome-diff-card_contant h3{max-width:280px}.custom-metaobject-card .custome-diff-card_contant{padding:40px}}@media (max-width: 767px){.tag-filter-nav li a{padding:5.5px 24px}}@media screen and (min-width: 400px) and (max-width: 649px){.custom-metaobject-card .custome-diff-card_contant{padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */