.pagination{display:flex;justify-content:center}@media (max-width: 992px){.pagination{position:relative}}@media (max-width: 992px){.pagination .button-icon{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--inverse)}.pagination .button-icon [data-type=common-button]:disabled{border-color:var(--disabled)}.pagination .button-icon [data-type=common-button]:disabled svg{fill:var(--disabled)}}@media (max-width: 992px) and (max-width: 992px){.pagination .button-icon:first-child{left:0;padding-left:16px;padding-right:8px;background:linear-gradient(270deg,#fff0,#fff 11%)}}@media (max-width: 992px) and (max-width: 992px){.pagination .button-icon:last-child{right:0;padding-left:8px;padding-right:16px;background:linear-gradient(90deg,#fff0,#fff 11%)}}.pagination-inner{display:flex;align-items:center;gap:8px}@media (max-width: 992px){.pagination-inner{scrollbar-width:none}.pagination-inner::-webkit-scrollbar{width:0;height:0}.pagination-inner{overflow-x:auto;padding-left:72px!important;padding-right:72px!important}}.pagination-inner>.item{display:flex;justify-content:center;align-items:center;flex-shrink:0;gap:8px}.pagination-inner>.item.active .page-link{background-color:var(--contrastPrimary);border-color:var(--contrastPrimary);color:var(--inverse)}.pagination-inner>.item .page-link{display:flex;justify-content:center;align-items:flex-end;flex:1;font-size:16px;white-space:nowrap;color:var(--contrastPrimary);border:2px solid var(--light);border-radius:24px;padding:12px 14px;transition:border-color .3s ease-in-out;min-width:48px;height:48px;cursor:pointer}@media (min-width: 993px){.pagination-inner>.item .page-link:not(.active):hover{border-color:var(--disabled)}}.pagination-inner>.item .dots{padding:14px 12px}
