:root{--page-width: 1600px;--main-padding-inline-mobile: 16px;--main-padding-inline-desktop: 40px;--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-black: #000;--color-black-rgb: 0, 0, 0;--color-brick-black: #161512;--color-brick-black-rgb: 22, 21, 18;--color-primary: #048944;--color-primary-rgb: 4, 137, 68;--color-primarydark: #024522;--color-primarydark-rgb: 2, 69, 34;--color-primary20: #C4DED1;--color-primary20-rgb: 196, 222, 209;--color-secondary: #F44336;--color-secondary-rgb: 244, 67, 54;--color-lightprimary: #64B48B;--color-lightprimary-rgb: 100, 180, 139;--color-sand: #FFFDF7;--color-sand-rgb: 255, 253, 247;--color-sand200: #F0F0EA;--color-sand200-rgb: 240, 240, 234;--color-sand400: #deded3;--color-sand400-rgb: 222, 222, 211;--color-grey700: #808080;--color-grey700-rgb: 128, 128, 128;--color-purple: #7963c5;--color-purple-rgb: 121, 99, 197;--color-lightpurple: #DCD8EB;--color-lightpurple-rgb: 220, 216, 235;--color-pale-purple: #e4deed;--color-pale-purple-rgb: 228, 222, 237;--color-red: #F44336;--color-red-rgb: 244, 67, 54;--color-lightred: #F5D1CF;--color-lightred-rgb: 245, 209, 207;--color-yellow: #F0BB43;--color-yellow-rgb: 240, 187, 67;--color-lightyellow: #F4E9D1;--color-lightyellow-rgb: 244, 233, 209}.c-pagination{display:flex;justify-content:center;margin:40px auto;padding:8px 0;width:100%}.c-pagination__list{display:flex;align-items:center;list-style:none;gap:8px;margin:0;padding:0}.c-pagination__item{position:relative;color:var(--color-black);display:flex;align-items:center;justify-self:center;width:24px;height:24px;text-align:center;text-decoration:none}.c-pagination__item--current{color:var(--color-primary)}.c-pagination__item span{flex:1;line-height:1}.c-pagination__item:hover:not(.c-pagination__item--current):after{right:8px}.c-pagination__item--next,.c-pagination__item--prev{display:flex;align-items:center;justify-content:center;margin:0}.c-pagination__item--next .icon,.c-pagination__item--prev .icon{color:var(--black);width:16px;height:16px;transform-origin:center}.c-pagination__item--prev .icon{transform:rotate(180deg)}
