.page-nav{margin:32px 0 0;opacity:0;visibility:hidden}.page-nav.ready{opacity:1;visibility:visible}.page-nav__links{max-width:95.6rem;display:flex;align-items:center;flex-wrap:wrap;cursor:default}.page-nav__link,.page-nav__link-spacer{display:flex;flex:0 0 auto;align-items:center;justify-content:center;position:relative;width:36px;height:36px;font-size:var(--fz-small);line-height:20px;font-weight:var(--fw-bold);text-align:center;color:var(--color-white)}.page-nav__link{padding:6px;border-radius:50%;background:var(--color-black);text-decoration:none;cursor:pointer;transition:var(--trs-base);outline:none}.page-nav__link:after{content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px;border:1px dashed;border-radius:inherit;opacity:0;transition:var(--trs-base),border-color 0s;pointer-events:none}.state--focus-enabled .page-nav__link:focus:after{opacity:.75}.page-nav__link-icon{width:20px;height:20px}@media(any-hover:hover){.page-nav__link:hover{background:var(--color-gray-500)}}.page-nav__link:active{background:var(--color-gray-500)}.page-nav__link.page-nav__link--active{background:var(--color-white);color:var(--color-black);cursor:default}.page-nav__link.page-nav__link--disabled{background:var(--color-black);color:var(--color-gray-500);cursor:default}