.pagination-container{display:flex;justify-content:center;align-items:center;margin:2rem 0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:10}.pagination-container::-webkit-scrollbar{display:none}.pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:.25rem;flex-wrap:nowrap;white-space:nowrap;justify-content:center}.pagination-item{margin:0;flex-shrink:0;position:relative;z-index:5}.pagination-item:first-child,.pagination-item:last-child{z-index:100}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid #ccc;background-color:white;color:var(--primary-color);border-radius:.375rem;font-size:.875rem;transition:all .2s ease;cursor:pointer;outline:none}.pagination-button.next-button,.pagination-button.prev-button{background-color:#f7fafc;z-index:100}.pagination-button:hover:not(:disabled){background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination-button:focus-visible{box-shadow:0 0 0 2px rgba(35,78,82,.2)}.pagination-button.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination-button:disabled{background-color:#f1f5f9;color:#a0aec0;cursor:not-allowed}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .25rem;font-size:1rem;color:#718096}@media screen and (max-width:480px){.pagination-container{padding:0 2.5rem;position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.pagination-list{display:flex;padding:0;width:auto;gap:.1rem;white-space:nowrap;justify-content:center}.pagination-item{flex:none}.pagination-button{min-width:2rem;height:2rem;font-size:.8rem;padding:0;margin:0}.pagination-ellipsis{display:none}.pagination-button.next-button,.pagination-button.prev-button{position:static;transform:none}}