.pagenav-wrapper{border-top:4px solid var(--gray-extra-light-color);margin-top:calc(var(--gap)*6)}@media screen and (max-width: 1479px){.pagenav-wrapper{border-top:none}}.pagenav{--item-size: 52px;--item-font-size: 20;--item-icon-size: 24px;--item-bg: none;display:flex;flex-direction:row;align-items:center;gap:calc(var(--gap)/2);width:100%;margin-top:calc(var(--gap)*6);margin-bottom:calc(var(--gap)*8)}@media screen and (max-width: 1479px){.pagenav{--item-size: 40px;--item-font-size: 14;--item-icon-size: 18px;--item-bg: var(--gray-extra-light-color);margin:calc(var(--gap)*5) 0}}@media screen and (max-width: 767px){.pagenav{--item-size: 32px;--item-font-size: 12;--item-icon-size: 14px;margin:calc(var(--gap)*3) 0}}.pagenav__pages{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap);margin:auto;padding:0}@media screen and (min-width: 768px)and (max-width: 1479px){.pagenav__pages{gap:calc(var(--gap)/2)}}@media screen and (max-width: 767px){.pagenav__pages{flex-wrap:wrap}}.pagenav__pages li{margin:0;list-style-image:none;list-style-type:none}.pagenav__pages li::marker{content:""}.pagenav__page{display:flex;flex-direction:row;justify-content:center;align-items:center;width:var(--item-size);height:var(--item-size);font-size:calc(var(--item-font-size)/var(--initial-font-multiplier)*1rem);font-weight:500;color:var(--primary-color);text-decoration:none;transition:all var(--transition-time) var(--transition-effect);isolation:isolate}.pagenav__page::before{content:"";position:absolute;width:var(--item-size);height:var(--item-size);border-radius:var(--border-radius-2);background:var(--item-bg);z-index:-1;transition:all var(--transition-time) var(--transition-effect)}.pagenav__page:hover{color:var(--secondary-color);text-decoration:none}.pagenav__page:hover:before{background:var(--gray-extra-light-color)}.pagenav__page--current{color:var(--white-color)}.pagenav__page--current::before{background:var(--secondary-color)}.pagenav__page--current:hover::before{background:var(--white-color)}.pagenav__page--separator{color:var(--border-color)}.pagenav__page--separator::before{background:none}.pagenav__page--separator:hover{color:var(--border-color)}.pagenav__page--separator:hover::before{background:none}.pagenav__previous,.pagenav__next{display:flex;flex-direction:row;justify-content:center;align-items:center;width:var(--item-size);height:var(--item-size);font-size:calc(20/var(--initial-font-multiplier)*1rem);font-weight:500;color:var(--primary-color);text-decoration:none;transition:all var(--transition-time) var(--transition-effect)}.pagenav__previous::before,.pagenav__next::before{content:"";position:absolute;width:var(--item-size);height:var(--item-size);border:1px solid var(--gray-light-color);border-radius:var(--border-radius-2);background:none;z-index:-1;transition:all var(--transition-time) var(--transition-effect)}.pagenav__previous svg,.pagenav__next svg{width:var(--item-icon-size);height:var(--item-icon-size);color:var(primary-color)}.pagenav__previous:hover,.pagenav__next:hover{color:var(--secondary-color);text-decoration:none}.pagenav__previous:hover:before,.pagenav__next:hover:before{background:var(--white-color)}.pagenav__previous:hover svg,.pagenav__next:hover svg{color:var(--secondary-color)}.pagenav .pagenav-first-page{padding-left:52px}@media screen and (max-width: 1479px){.pagenav .pagenav-first-page{padding-left:40px}}@media screen and (max-width: 767px){.pagenav .pagenav-first-page{padding-left:32px}}