.pagination{justify-content:center;align-items:center;gap:var(--gap-8);flex-flow:wrap;flex:0 0 100%;width:100%;display:flex}span .pagination__item a{display:none}.pagination__link,.pagination__dots-trigger,.pagination__dots-link{text-align:center;color:var(--gray-700);font-size:var(--font-16);border-radius:var(--border-radius-4);transition:var(--transition-3ms);cursor:pointer;width:4rem;height:4rem;padding:var(--gap-8);background-color:var(--white);display:block;position:relative}.pagination__link:hover,.pagination__dots-trigger:hover,.pagination__dots-link:hover{background-color:var(--gray-100)}.pagination__link:focus-visible,.pagination__dots-trigger:focus-visible,.pagination__dots-link:focus-visible{outline:2px solid var(--black)}.pagination__link:not(.pagination__dots-trigger).active:after{content:"";border-radius:var(--border-radius-full);inset-block-end:0;inset-inline:var(--gap-8);background-color:var(--primary-600);height:3px;position:absolute}.pagination__link:not(.pagination__dots-trigger).disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.pagination__link:has(.icon-component){width:fit-content;height:fit-content}.pagination__dots{position:relative}.pagination__dots-trigger{border:1px solid var(--black)}.pagination__dots-trigger.active{border:2px solid var(--black)}.pagination__dots-list{padding:var(--gap-4);border-radius:var(--border-radius-4);min-width:6rem;height:fit-content;max-height:16rem;box-shadow:var(--shadow-xl);background-color:var(--white);border:1px solid var(--gray-300);flex-flow:column;justify-content:stretch;align-items:center;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0;overflow-y:auto}.pagination__dots-list li{width:-webkit-fill-available;width:-moz-available;width:stretch;list-style:none}.pagination__dots-link{justify-content:center;align-items:center;gap:var(--gap-8);flex-flow:row;width:100%;display:flex}