.sqt-pagination{--pagination-font-size:var(--font-size);--pagination-font-size-small:calc(var(--font-size) - .125rem);--pagination-button-color:var(--text-color);--pagination-text-color:var(--text-color);--pagination-bg-color:transparent;--pagination-button-bg-color:color-mix(in srgb, var(--black-color) 8%, var(--white-color));--pagination-button-width:2rem;--pagination-button-height:2.5rem;--pagination-button-width-small:1.5rem;--pagination-button-height-small:1.5rem;--pagination-button-width-large:2.5rem;--pagination-button-height-large:2.5rem;--pagination-button-disabled-color:var(--info-color);--pagination-button-disabled-bg-color:transparent;--pagination-hover-color:var(--sqt-color-primary);--pagination-border-radius:.25rem;--pagination-item-gap:1rem;font-size:var(--pagination-font-size);color:var(--pagination-text-color);white-space:nowrap;align-items:center;font-weight:400;display:flex}.sqt-pagination .btn-prev,.sqt-pagination .btn-next,.sqt-pagination .sqt-pager li{box-sizing:border-box;min-width:var(--pagination-button-width);height:var(--pagination-button-height);border-radius:var(--pagination-border-radius);background:var(--pagination-bg-color);font-size:var(--pagination-font-size);line-height:var(--pagination-button-height);color:var(--pagination-button-color);text-align:center;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 .25rem;display:flex}.sqt-pagination .btn-prev *,.sqt-pagination .btn-next *,.sqt-pagination .sqt-pager li *{pointer-events:none}.sqt-pagination .btn-prev:focus,.sqt-pagination .btn-next:focus,.sqt-pagination .sqt-pager li:focus{outline:none}.sqt-pagination .btn-prev:hover,.sqt-pagination .btn-next:hover,.sqt-pagination .sqt-pager li:hover{color:var(--pagination-hover-color)}.sqt-pagination .btn-prev.is-active,.sqt-pagination .btn-next.is-active,.sqt-pagination .sqt-pager li.is-active{color:var(--pagination-hover-color);cursor:default;font-weight:700}.sqt-pagination .btn-prev:disabled,.sqt-pagination .btn-prev.is-disabled,.sqt-pagination .btn-next:disabled,.sqt-pagination .btn-next.is-disabled,.sqt-pagination .sqt-pager li:disabled,.sqt-pagination .sqt-pager li.is-disabled{color:var(--pagination-button-disabled-color);background-color:var(--pagination-button-disabled-bg-color);cursor:not-allowed}.sqt-pagination .btn-prev:focus-visible,.sqt-pagination .btn-next:focus-visible,.sqt-pagination .sqt-pager li:focus-visible{outline:1px solid var(--pagination-hover-color);outline-offset:-1px}.sqt-pagination .btn-prev,.sqt-pagination .btn-next{margin-left:var(--pagination-item-gap)}.sqt-pagination .btn-prev .sqt-svg,.sqt-pagination .btn-next .sqt-svg{width:1em;height:1em;font-size:.75rem;font-weight:700;display:block}.sqt-pagination>.is-first,.sqt-pagination>:first-child{margin-left:0}.sqt-pagination__sizes{margin-left:var(--pagination-item-gap);color:var(--text-color);font-weight:400}.sqt-pagination__sizes .sqt-select{width:8rem}.sqt-pagination__total{margin-left:var(--pagination-item-gap);color:var(--text-color);font-weight:400}.sqt-pagination__total.is-disabled{color:var(--info-color)}.sqt-pagination__jump{margin-left:var(--pagination-item-gap);color:var(--text-color);align-items:center;font-weight:400;display:flex}.sqt-pagination__jump.is-disabled{color:var(--info-color)}.sqt-pagination__goto{margin-right:.5rem}.sqt-pagination__editor{box-sizing:border-box;text-align:center;width:3.5rem}.sqt-pagination__editor .sqt-number,.sqt-pagination__editor .sqt-input{width:100%}.sqt-pagination__classifier{margin-left:.5rem}.sqt-pagination__rightwrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}.sqt-pagination.is-background .btn-prev,.sqt-pagination.is-background .btn-next,.sqt-pagination.is-background .sqt-pager li{background-color:var(--pagination-button-bg-color);margin:0 .25rem}.sqt-pagination.is-background .btn-prev.is-active,.sqt-pagination.is-background .btn-next.is-active,.sqt-pagination.is-background .sqt-pager li.is-active{background-color:var(--sqt-color-primary);color:var(--white-color)}.sqt-pagination.is-background .btn-prev:disabled,.sqt-pagination.is-background .btn-prev.is-disabled,.sqt-pagination.is-background .btn-next:disabled,.sqt-pagination.is-background .btn-next.is-disabled,.sqt-pagination.is-background .sqt-pager li:disabled,.sqt-pagination.is-background .sqt-pager li.is-disabled{color:var(--info-color);background-color:color-mix(in srgb, var(--black-color) 8%, var(--white-color))}.sqt-pagination.is-background .btn-prev:disabled.is-active,.sqt-pagination.is-background .btn-prev.is-disabled.is-active,.sqt-pagination.is-background .btn-next:disabled.is-active,.sqt-pagination.is-background .btn-next.is-disabled.is-active,.sqt-pagination.is-background .sqt-pager li:disabled.is-active,.sqt-pagination.is-background .sqt-pager li.is-disabled.is-active{color:var(--text-color);background-color:color-mix(in srgb, var(--black-color) 10%, var(--white-color))}.sqt-pagination.is-background .btn-prev{margin-left:var(--pagination-item-gap)}.sqt-pagination.sqt-pagination--small .btn-prev,.sqt-pagination.sqt-pagination--small .btn-next,.sqt-pagination.sqt-pagination--small .sqt-pager li{min-width:var(--pagination-button-width-small);height:var(--pagination-button-height-small);font-size:var(--pagination-font-size-small);line-height:var(--pagination-button-height-small)}.sqt-pagination.sqt-pagination--small span:not([class*=suffix]),.sqt-pagination.sqt-pagination--small button{font-size:var(--pagination-font-size-small)}.sqt-pagination.sqt-pagination--small .sqt-select{width:6.25rem}.sqt-pagination.sqt-pagination--large .btn-prev,.sqt-pagination.sqt-pagination--large .btn-next,.sqt-pagination.sqt-pagination--large .sqt-pager li{min-width:var(--pagination-button-width-large);height:var(--pagination-button-height-large);line-height:var(--pagination-button-height-large)}.sqt-pagination.sqt-pagination--large .sqt-select{width:10rem}.sqt-pager{-webkit-user-select:none;user-select:none;align-items:center;margin:0;padding:0;font-size:0;list-style:none;display:flex}.sqt-pager li.more{position:relative}.sqt-pager li.more .pager-more-icon--active,.sqt-pager li.more:hover:not(.is-disabled) .pager-more-icon--idle,.sqt-pager li.more:focus-visible:not(.is-disabled) .pager-more-icon--idle{display:none}.sqt-pager li.more:hover:not(.is-disabled) .pager-more-icon--active,.sqt-pager li.more:focus-visible:not(.is-disabled) .pager-more-icon--active{display:block}
