.article-items-container{display:flex;flex-direction:column;gap:24px;padding-top:24px}.article-item{width:100%;border-radius:24px;display:none}.section-main-blog{margin-left:auto;margin-right:auto}.article-item.active{display:block}.article-item.highlight{background-color:var(--color-white)}.article-card{display:flex;flex-direction:column;gap:24px}.article-card img{width:100%;height:auto;aspect-ratio:424/239;border-radius:16px;object-fit:cover}@media screen and (max-width:768px){.article-item.highlight .article-card img{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:768px){.article-item.highlight .article-card img{border-top-left-radius:0;border-bottom-left-radius:0}}.article-item.highlight .article-content{padding:0 24px 24px}.badge-container{border:1px solid var(--theme-color-black-shade-cool-gray);border-radius:46px;padding:4px 12px;width:fit-content;color:var(--theme-color-black-shade-cool-gray);font-family:var(--font-primary-medium);font-weight:700;font-size:var(--font-size-12);line-height:16px;letter-spacing:0;text-transform:uppercase}.article-title{font-family:var(--font-primary-medium);font-weight:700;font-size:var(--font-size-18);line-height:20px;letter-spacing:0;color:var(--color-primary1);padding-top:8px}.article-description{font-size:14px;line-height:20px;letter-spacing:0;color:var(--color-primary1);padding-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-primary-regular)}.article-date{font-size:14px;line-height:20px;letter-spacing:0;color:var(--color-input-field);padding-top:24px}.article-pagination-container{padding-top:36px;padding-bottom:84px;display:flex;justify-content:center;align-items:center;gap:8px}.pagination-prev,.pagination-next{padding:5px 8px;color:var(--color-primary1);display:flex;gap:9px;cursor:pointer;font-size:var(--font-size-12);line-height:18px;font-family:(--font-secondary-heavy);text-transform:uppercase}.pagination-prev svg,.pagination-next svg{width:12px}.pagination-prev svg{transform:rotate(90deg)}.pagination-next svg{transform:rotate(-90deg)}.pagination-prev.disabled,.pagination-next.disabled{color:var(--color-gray)}.pagination-number{color:var(--color-primary1);width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-family:var(--font-secondary-heavy);font-size:14px;line-height:16px}.pagination-number:not(.pagination-middle){cursor:pointer}.pagination-middle{color:transparent}.pagination-middle:before{content:"...";color:var(--color-primary1)}.pagination-number.active{border-radius:50%;color:var(--color-white);background-color:var(--color-primary3);font-size:14px;line-height:16px}.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:768px)and (max-width:1198px){.article-items-container{flex-direction:row;flex-wrap:wrap;row-gap:80px}.article-pagination-container{padding-bottom:144px}.pagination-prev,.pagination-next{font-size:14px;line-height:20px}.article-item{width:calc((100% - 48px) / 3)}.article-item.highlight{width:100%}.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.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:1199px){.article-item.highlight .article-card{width:100%;gap:0;flex-direction:row-reverse}.article-item.highlight .article-card img{width:calc(100% / 33 * 19);height:auto;aspect-ratio:760/428;object-fit:cover;border-top-right-radius:16px;border-bottom-right-radius:16px}.article-item.highlight .article-content{display:flex;flex-direction:column;justify-content:center;padding:40px}.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}.section-main-blog{max-width:1440px}.article-title{font-size:var(--font-size-24);line-height:var(--line-height-32)}.article-item.highlight .article-description{font-size:var(--font-size-16)}.article-item.highlight .article-title{font-size:var(--font-size-32);line-height:var(--line-height-40)}.badge-container{padding:4px 16px}.pagination-prev,.pagination-number,.pagination-next{font-size:var(--font-size-16)}.article-items-container{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:110px;flex-direction:row}.article-pagination-container{padding-bottom:200px}.article-item{width:calc((100% - 48px) / 3);display:block}.article-item.highlight{width:100%;border-radius:16px}}.section-main-blog:not(:has(.pagination-next)) .article-items-container{padding-bottom:135px}@media screen and (min-width:768px)and (max-width:1198px){.section-main-blog:not(:has(.pagination-next)) .article-items-container{padding-bottom:205px}}@media screen and (min-width:1199px){.section-main-blog:not(:has(.pagination-next)) .article-items-container{padding-bottom:235px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */