.blog{width:min(100% - 128px,1560px);margin:0 auto}@media screen and (min-width:600px)and (max-width:1199px){.blog{width:calc(100% - 64px)}}@media screen and (max-width:599px){.blog{width:calc(100% - 32px)}}.blog-cont{padding:96px 0}@media screen and (max-width:899px){.blog-cont{padding:64px 0}}.blog-cont{display:flex;flex:1 1}.blog-grid{z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-column-gap:32px;grid-row-gap:32px;width:100%}@media screen and (max-width:599px){.blog-grid{grid-template-columns:none}}.blog-error{display:flex;justify-content:center;align-items:center;text-align:center;height:calc(100% - 140px);min-height:200px}.blog-pagination{display:flex;gap:10px;margin-top:20px}.blog-pagination-item{height:40px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#f5f5f5;cursor:pointer}.blog-pagination-item svg{height:12px;width:12px}.blog-pagination-item svg.reverse{transform:rotate(180deg)}.blog-pagination-item.active{background-color:#4969fb;color:#fff}.blog-filter{display:flex;justify-content:space-between;width:100%;margin:0 0 16px;flex-wrap:wrap}@media screen and (max-width:899px){.blog-filter{width:100%;justify-content:center;flex-direction:column;align-items:center}}.blog-filter-menu{z-index:1;display:flex;align-items:center;background-color:#f5f5f5;color:#707070;border-radius:16px;padding-right:16px}@media screen and (max-width:899px){.blog-filter-menu{width:100%}}.blog-filter-menu-dropdown{height:100%;width:100%;color:#707070;background-color:#f5f5f5;border-radius:16px;border:none;font-size:16px;cursor:pointer;padding:16px}.blog-filter-menu-dropdown:focus{border:rgba(0,0,0,0);outline:rgba(0,0,0,0)}.blog-filter-search{position:relative;display:flex;align-items:center;gap:8px;z-index:1;margin-left:auto;padding:16px;background-color:#f5f5f5;border-radius:16px}@media screen and (max-width:899px){.blog-filter-search{width:100%;margin-top:16px}}.blog-filter-search input{color:#707070;transform:translateY(1.5px);border:none;outline:none;background:rgba(0,0,0,0)}@media screen and (max-width:899px){.blog-filter-search input{width:100%;justify-content:center}}.blog-filter-search input::placeholder{opacity:1;transform:translateY(1.5px)}