.dev-blog-articles{max-width:60vw;margin:0 auto;padding:0 1rem}.dev-blog-articles-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.dev-blog-articles-navigation-wrapper{border-bottom:1px solid #2a2b2e}.dev-blog-articles .dev-blog-article-excerpt *{-webkit-line-clamp:3}.dev-blog-articles-navigation{max-width:60vw;margin:0 auto;gap:1rem;padding:2rem 1rem;display:flex;align-items:center;justify-content:space-between}.dev-blog-articles-filters{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.dev-blog-articles-filter{display:flex;padding:.3rem .8rem;align-items:center;gap:.5rem;width:fit-content;border-radius:24px;background:#ffffff12;box-shadow:none;border:1.5px solid #6d6d6d;cursor:pointer;transition:all .5s ease}.dev-blog-articles-filter__title{color:#fff;opacity:.8;text-align:center;font-size:.9rem;font-style:normal;font-weight:500;line-height:100%;transition:all .5s ease;text-transform:uppercase;font-family:Montserrat,sans-serif}.dev-blog-articles-filter__count{color:#fff;opacity:.8;text-align:center;font-size:1rem;font-style:normal;font-weight:600;line-height:100%;padding:.3rem .6rem;border-radius:8px;background:#9ca3af33}.dev-blog-articles-filter:hover{transform:translateY(-2px);background:linear-gradient(187deg,#f3aa00 17.51%,#ae7305 111.39%);box-shadow:0 0 #f6c3424d inset}.dev-blog-articles-filter.is-active{border:2px solid #ffb120;background:linear-gradient(187deg,#f3aa00 17.51%,#ae7305 111.39%);box-shadow:0 0 #f6c3424d inset}.dev-blog-articles-filter.is-active .dev-blog-articles-filter__title{color:#fff}.dev-blog-articles-filter.is-active .dev-blog-articles-filter__count{color:#fff;background:#8c6000}.dev-blog-articles-search{position:relative}.dev-blog-articles-search input{color:#ffffffbf;font-size:1.1rem;font-style:normal;font-weight:500;outline:none!important;border-radius:9999px;padding:.5rem 1.5rem;border:1.5px solid #6d6d6d;background:#ffffff12;box-shadow:0 0 #fff inset;font-family:Montserrat,sans-serif}.dev-blog-articles-search button{background:none;border:none;cursor:pointer;padding:0;margin:0;position:absolute;right:20px;top:50%;transform:translateY(-50%)}@media(max-width:768px){.dev-blog-articles-navigation{flex-direction:column;align-items:center;max-width:85vw;gap:2rem}.dev-blog-articles-filters{align-items:center;justify-content:center;gap:.5rem;order:2}.dev-blog-articles{max-width:85vw}.dev-blog-articles-list{grid-template-columns:repeat(1,1fr);gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/ds-blog-articles.css.map */