.blogs-filters-section{padding:40px 0 0}.blogs-filters-section .page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 20px}.blog-filter-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;margin-bottom:36px;align-items:center;padding-bottom:5px;user-select:none;-webkit-user-select:none;cursor:grab}.blog-filter-bar:active{cursor:grabbing}.blog-filter-bar::-webkit-scrollbar{height:8px}.blog-filter-bar::-webkit-scrollbar-track{background:transparent}.blog-filter-bar::-webkit-scrollbar-thumb{background-color:#232f3e;border-radius:20px;border:3px solid transparent;background-clip:padding-box}.blog-filter-bar::-webkit-scrollbar-thumb:hover{background-color:#232f3e}.blog-filter-bar::-webkit-scrollbar-button{display:none;width:0;height:0}.blog-filter-btn{display:inline-block;padding:10px 24px;border-radius:8px;background:#eaeaea;border:none;color:#000;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap;line-height:1;font-family:inherit}.blog-filter-btn.active,.blog-filter-btn:hover{background:#e58c47;color:#fff}.blog-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.blog-articles-grid.is-loading{opacity:.4;pointer-events:none;transition:opacity .2s ease}.blog-pagination-wrap{margin-top:40px;display:flex;justify-content:center}.article-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.article-card__footer>div{display:flex;gap:.5rem}.article-card__tag,.caption-with-letter-spacing.author{font-size:13px;font-weight:500;letter-spacing:.05em;color:#000;background:#eaeaea;padding:0 10px;white-space:nowrap;border-radius:4px}.article-card__image{border-radius:16px!important}.article-content img{height:100%!important;object-fit:cover!important}.article-card__info time{border-radius:8px}.article-card__info .circle-divider{top:-45px}.article-card__title{-webkit-line-clamp:2!important}.article-card__link:hover{box-shadow:unset!important}@media(max-width:1100px){.blog-articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-articles-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/blog-with-filters.css.map */