.blog-list{min-height:468px;display:grid;gap:32px 22px;padding-block:40px}@media (min-width:640px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.blog-list{gap:32px;padding-block:50px}}.blog-list__category{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:8px;padding-block:10px}.blog-list__category span{display:flex;cursor:pointer;align-items:center;justify-content:center;white-space:preserve nowrap;padding-inline:12px;height:33px;font-size:14px;transition:.3s ease-in-out}.blog-list__category span.active{border-radius:9999px;background-color:#08090a12}.blog-list__filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding-block:25px;border-color:rgba(8,9,10,.071);border-style:solid;border-width:1px 0}.blog-list__input{display:flex;width:100%;align-items:center;border-radius:9999px;height:35px;padding-inline:17px;gap:8px;border:1px solid rgba(8,9,10,.071);background-color:rgba(8,9,10,.031)}@media (min-width:640px){.blog-list__input{width:272px}}.blog-list__input svg{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.blog-list__input input{width:100%;background-color:transparent;font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.blog-list__input input:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-list__input input{font-size:14px}.blog-list__input input::-moz-placeholder{font-weight:400;color:#08090a80;font-size:14px}.blog-list__input input::placeholder{font-weight:400;color:#08090a80;font-size:14px}.no-data{grid-column:span 3/span 3;text-align:center;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1));font-size:18px}.blog-card:hover img{transform:scale(1.2)}.blog-card__img{width:100%;overflow:hidden;aspect-ratio:1/.6;border-radius:12px}.blog-card__img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:all .3s ease}.blog-card__txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px}@media (min-width:1024px){.blog-card__txt{padding-top:25px}}.blog-card__txt h3{font-weight:500;--tw-text-opacity:1;color:rgb(8 9 10/var(--tw-text-opacity,1));font-size:16px}@media (min-width:1024px){.blog-card__txt h3{font-size:18px}}.blog-card__txt p{font-weight:400;color:#08090acc;font-size:14px}@media (min-width:1024px){.blog-card__txt p{font-size:15px}}