.pagination-component{max-height:32px}.pagination-component .pagination-container{align-items:center;-moz-column-gap:8px;column-gap:8px}.pagination-component .paginate-buttons{background-color:transparent;border:none;border-radius:4px;color:var(--HP-black,#050505);cursor:pointer;font-family:Noto Sans;font-size:16px;font-style:normal;font-weight:600;height:32px;line-height:22px;min-width:32px;padding:0 4px}.pagination-component .paginate-buttons:hover{background-color:var(--HP-grey-01,#f2f2f2)}.pagination-component .active-page{color:#bfbfbf;cursor:default}.pagination-component .active-page:hover{background-color:transparent}.pagination-component .ending-breakpoint-button,.pagination-component .starting-breakpoint-button{color:#bfbfbf}.pagination-component .ending-breakpoint-button:hover,.pagination-component .starting-breakpoint-button:hover{background-color:transparent}.pagination-component .back-button,.pagination-component .next-button{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.pagination-component .back-button img,.pagination-component .next-button img{height:32px;width:32px}.pagination-component .back-button{transform:rotate(180deg)}.pagination-component .back-button:active,.pagination-component .next-button:active{opacity:.6}