.pagination{gap:8px;display:flex}.pagination--md{--btn-size:44px;--icon-size:20px}.pagination--lg{--btn-size:52px;--icon-size:24px}.pagination__btn{height:var(--btn-size);min-width:0;width:var(--btn-size);background:#202736;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s ease-in-out;display:flex;position:relative}.pagination__btn,.pagination__btn *{color:#e6e9ef;letter-spacing:.01px;font-size:16px;font-weight:700;line-height:24px}.pagination__btn:not(span):not(:disabled){cursor:pointer}.pagination__btn:not(span):not(:disabled):hover{border-color:#353a5a}.pagination__btn--active,.pagination__btn:focus-within:not(:focus){border-color:#b055ff}.pagination__icon{color:#e6e9ef;height:var(--icon-size);width:var(--icon-size)}.pagination__input{text-align:center;width:100%}.pagination__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination__input:focus::placeholder{color:#0000}