:root{--zero: 0;--xxs: 375px;--xs: 450px;--sm: 769px;--md: 980px;--lg: 1025px;--xl: 1100px;--2xl: 1280px;--3xl: 1440px;--4xl: 1920px}@media screen and (min-width: 980px){.md-max{display:none}}.posts{margin:80px auto}.posts-items{--divider: 3;--gap: 24px;display:flex;flex-wrap:wrap;gap:24px;gap:var(--gap);justify-content:center}@media screen and (max-width: 1024px){.posts-items{--divider: 2;padding:var(--margin)}}@media screen and (max-width: 768px){.posts-items{--divider: 1 }}.posts .pagination{display:flex;justify-content:center;gap:16px;margin-top:40px}.posts .pagination .page-numbers:not(.next):not(.prev){display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:transparent;color:var(--black);-webkit-text-decoration:none;text-decoration:none;font-family:var(--font-primary);font-weight:700;font-size:var(--f-sm);text-align:center;transition:background-color .3s ease}.posts .pagination .page-numbers:not(.next):not(.prev):hover,.posts .pagination .page-numbers:not(.next):not(.prev):focus{-webkit-text-decoration:underline;text-decoration:underline}.posts .pagination .page-numbers:not(.next):not(.prev).current{background-color:var(--yellow);pointer-events:none}.posts .pagination svg{width:8px;height:16px;color:var(--red);transition:color .3s ease}.posts .pagination .prev,.posts .pagination .next{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:transparent;color:var(--black);-webkit-text-decoration:none;text-decoration:none;transition:background-color .3s ease}.posts .pagination .prev:hover,.posts .pagination .prev:focus,.posts .pagination .next:hover,.posts .pagination .next:focus{background-color:var(--red)}.posts .pagination .prev:hover svg,.posts .pagination .prev:focus svg,.posts .pagination .next:hover svg,.posts .pagination .next:focus svg{color:var(--white)}