.blogs-wrap{padding:5px 5px 0;background:#fff}.collection-grid{display:grid;column-gap:5px;row-gap:5px;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:10px 0}.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: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 #ffffff}.fade-in{animation:fade-in .5s ease-in forwards}.fade-out{animation:fade-out .5s ease-out forwards}.component-blogs .blogs-wrap>div:not(.pagination-container){padding-bottom:18px;display:grid;row-gap:18px}@media screen and (min-width: 768px) and (max-width: 992px){.component-blogs .blogs-wrap>div:not(.pagination-container){padding:10px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:10px}}@media screen and (min-width: 992px){.blogs-wrap{padding:unset}.pagination-container{padding-bottom:36px}.component-blogs .blogs-wrap>div:not(.pagination-container){padding:10px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;row-gap:10px;margin:auto}.component-blogs .blogs-wrap .collection-grid{column-gap:10px;row-gap:10px}.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))}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-blogs.css.map */