.pagination-wrapper{-webkit-user-select:none;user-select:none;display:flex}.pagination-wrapper .pagination-box{align-items:center;gap:8px;display:flex}.pagination-wrapper .pagination-box .pagination-box-item{cursor:pointer;width:40px;height:40px;font-size:14px;font-weight:var(--font-weight-bold);border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}@media screen and (max-width:700px){.pagination-wrapper .pagination-box .pagination-box-item{width:32px;height:32px;padding:3px 6px;font-size:12px}}.pagination-wrapper .pagination-box .pagination-box-item:hover{background-color:#f5f5f5}.pagination-wrapper .pagination-box .pagination-box-item.active{border:1px solid var(--color-primary);background:var(--color-white);color:var(--color-primary);border-radius:8px}.pagination-wrapper .pagination-box .pagination-arrow{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:4px 8px;display:flex}@media screen and (max-width:700px){.pagination-wrapper .pagination-box .pagination-arrow{width:32px;height:32px;padding:3px 6px}}.pagination-wrapper .pagination-box .pagination-arrow.disabled{opacity:.5;cursor:not-allowed}.pagination-wrapper .pagination-box .pagination-arrow svg{width:24px;height:24px}