.pagination{justify-content:center;align-items:center;gap:10px;margin:40px 0;display:flex}@media (width<=767px){.pagination{flex-wrap:wrap}}.pagination .btn-secondary{border:1px solid #434f65a3;border-radius:6px;min-width:56px;height:56px;padding:16px}.pagination .btn-secondary.active{color:#fff;background:#434f65a3}@media (width<=767px){.pagination .btn-page{display:none}}.pagination .chevron-left{transform:rotate(90deg)}.pagination .chevron-right{transform:rotate(-90deg)}.pagination .dots{color:#e9e9e9;padding:0 8px;font-size:clamp(16px,1.8vw,18px)}@media (width<=767px){.pagination .dots{display:none}}.pagination span:not(.dots){color:#e9e9e9;padding:0 8px;font-size:clamp(16px,1.8vw,18px)}@media (width<=767px){.pagination .page-label{display:none}}.pagination .page-size{align-items:center;gap:10px;margin-left:14px;display:flex}@media (width<=767px){.pagination .page-size{flex-basis:100%;justify-content:center;margin-left:0}}.pagination .page-input{color:#ecedef;cursor:text;border:1px solid #434f65a3;border-radius:6px;align-items:center;gap:6px;height:56px;padding:0 14px 0 12px;font-family:Saira,Saira Fallback,sans-serif;font-size:16px;font-weight:450;transition:border-color .4s;display:inline-flex}.pagination .page-input svg{color:#ecedeeb8;flex-shrink:0;transition:color .4s}@media (hover:hover){.pagination .page-input:hover{border-color:#6b7890}.pagination .page-input:hover svg{color:#ecedef}}.pagination .page-input:focus-within{border-color:#4daf7a}.pagination .page-input:focus-within svg{color:#ecedef}.pagination .page-input input{width:calc(var(--digits,2) * 1ch + 4px);font:inherit;color:inherit;text-align:center;appearance:textfield;background:0 0;border:none;padding:0}.pagination .page-input input:focus{outline:none}.pagination .page-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .page-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
