ul#componentContainer{display:inline-flex;list-style-type:none;padding-inline-start:0}ul#componentContainer a{align-items:center;display:flex;justify-content:center;text-decoration:none}.pagination-container{--pagination-gap:.125rem;align-items:center;-moz-column-gap:var(--pagination-gap);column-gap:var(--pagination-gap)}@media (min-width:48rem){.pagination-container{--pagination-gap:.75rem}}@media (min-width:64rem){.pagination-container{--pagination-gap:1.5rem}}.pagination-container>li{align-items:center;display:flex}.pagination-container .paginate-buttons{--line-height-sm:1;align-items:center;display:flex;font-family:var(--font-family-avenir);font-size:var(--font-size-sm);font-weight:600;justify-content:center;letter-spacing:var(--letter-spacing-sm);line-height:var(--line-height-sm);padding-bottom:.25rem;padding-top:.5rem;position:relative;transition-duration:.2s;width:1.75rem}.pagination-container .paginate-buttons.first-button:after,.pagination-container .paginate-buttons.last-button:after,.pagination-container .paginate-buttons.number-buttons:after{bottom:0;height:1px;position:absolute;width:100%;--tw-scale-x:0;background-color:var(--text-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;--tw-content:"";content:var(--tw-content)}.pagination-container .paginate-buttons.first-button:hover:after,.pagination-container .paginate-buttons.last-button:hover:after,.pagination-container .paginate-buttons.number-buttons:hover:after{--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pagination-container .back-button,.pagination-container .next-button{width:auto}.pagination-container .back-button:hover,.pagination-container .next-button:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}@media (min-width:64rem){.pagination-container .back-button{margin-right:1rem}.pagination-container .next-button{margin-left:1rem}}.pagination-container .active-page{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));color:var(--primary-color)}.pagination-container .active-page:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}@property --thumb-color{syntax:"<color>";inherits:true;initial-value:transparent}.pagination-wrapper{--margin-top-default:2.5rem;display:flex;justify-content:center;margin-top:var(--pagination-wrapper-margin-top,var(--margin-top-default))}@media (min-width:48rem){.pagination-wrapper{--margin-top-default:3.75rem}}@media (min-width:64rem){.pagination-wrapper{--margin-top-default:5rem}}