.blogs-wrap{padding:0 18px;background:var(--gig-tertiary)}.collection-grid{display:grid;column-gap:18px;row-gap:36px;grid-auto-rows:auto;grid-auto-flow:dense}.component-blogs .blogs-wrap .one_column_mob{grid-template-columns:repeat(1,1fr)}.component-blogs .blogs-wrap .two_column_mob{grid-template-columns:repeat(2,1fr)}.pagination-container{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;padding:72px 0 36px}.component-blogs .pagination-container .pagination__item{display:flex;padding-bottom:9px}.component-blogs .pagination-container .pagination__number{color:#000;text-decoration:none;padding-bottom:9px;border:2px solid transparent}.component-blogs .read-more-btn{background:transparent;font-family:var(--blanka-font);border:none;font-size:16px;font-weight:500;line-height:20px;letter-spacing:-.32px;text-align:left;color:var(--gig-primary);padding:unset;padding-bottom:3px;border-bottom:2px solid #F8BED6;width:fit-content;cursor:pointer}.component-blogs .read-more-btn:hover{cursor:pointer}.component-blogs .pagination-container .pagination__number.active,.component-blogs .pagination-container .pagination__number:hover{text-decoration:none;padding-bottom:9px;border-bottom:2px solid #F99FC9}.blogs-navigation{padding:0 0 18px 18px;overflow:scroll;background-color:var(--gig-tertiary)}.blogs-navigation{scrollbar-width:none;-ms-overflow-style:none}.blogs-navigation::-webkit-scrollbar{display:none}.blogs-navigation ul{display:flex;gap:27px;list-style:none}.fade-in{animation:fade-in .5s ease-in forwards}.fade-out{animation:fade-out .5s ease-out forwards}.blogs-navigation ul li a{text-decoration:none;display:flex;align-items:center}.blogs-navigation ul li .active span:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:#f8bed6}.blogs-navigation ul li a img{width:47px;height:47px;border-radius:50%;border:1px solid #F99FC9}.blogs-navigation ul li a span{white-space:nowrap;text-decoration:none;color:var(--gig-primary);font-size:16px;line-height:20px;font-weight:300;margin:13.5px 9px 13.5px 13px;font-family:var(--sohne-font);letter-spacing:-.05em}.blogs-navigation ul li a span:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:#f8bed6;transition:width .3s ease}.blogs-navigation ul li a span{position:relative}.blogs-navigation ul li a span:hover:after{width:100%}.blogs-navigation .section-link.active img{border:2px solid #F99FC9}.collection-grid .promo-box{border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column;grid-column:-1/1}.component-blogs .blogs-wrap>div:not(.pagination-container){padding-bottom:36px;display:grid;row-gap:36px}@media screen and (min-width: 768px) and (max-width: 992px){.component-blogs .blogs-wrap>div:not(.pagination-container){padding:18px 36px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:36px;row-gap:72px}}@media screen and (min-width: 992px){.blogs-navigation ul{gap:54px;justify-content:center}.blogs-wrap{padding:unset}.pagination-container{padding-bottom:72px}.blogs-navigation{padding:36px 0 54px 36px}.component-blogs .blogs-wrap>div:not(.pagination-container){padding:18px 36px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px;row-gap:72px;margin:auto}.blogs-navigation ul li a span{letter-spacing:-.02em}.component-blogs .blogs-wrap .collection-grid{column-gap:36px;row-gap:36px}.component-blogs .blogs-wrap .three_column_desk{grid-template-columns:repeat(3,minmax(0,1fr))}.component-blogs .blogs-wrap .four_column_desk{grid-template-columns:repeat(4,minmax(200px,1fr))}.component-blogs .blogs-wrap .five_column_desk{grid-template-columns:repeat(5,minmax(180px,1fr))}}@media (min-width: 992px) and (max-width: 1300px){.component-blogs .blogs-wrap .four_column_desk{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.component-blogs .blogs-wrap .five_column_desk{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 1441px){.articles-container{max-width:1440px;margin:0 auto}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/343/assets/component-blogs.css.map */
